.sArea .sHead .uLine {
    letter-spacing: 1px
}

.hunArea {
    margin-bottom: 177px
}

.hunArea .hunWrap {
    padding-bottom: 0
}

.singArea {
    padding-bottom: 161px;
    padding-top: 120px;
    margin-bottom: 0
}

.singArea .singWrap {
    align-items: center;
    width: 75%
}

.singArea .singThumb {
    max-width: 280px
}

.singArea .singContent {
    width: calc(100% - 280px);
    padding-left: 37px
}

.singArea .sContent__tit,
.singArea .sConten__cont {
    width: 100%
}

.singArea .sContent__tit {
    color: #00A4B7;
    font-size: 2.8rem;
    line-height: 2.8rem;
    padding-bottom: 30px;
    font-weight: bold;
    padding-left: 0
}

.singArea .sConten__cont {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 3.2rem;
    padding-left: 20px
}

.resonArea {
    margin-bottom: 0
}

.pLMoreInfo {
    padding-bottom: 70px
}

.pLArea .pLRow {
    padding-bottom: 0
}

.pLArea .pLRow:first-child,
.pLArea .pLRow:nth-last-child(2) {
    padding-bottom: 36px
}

.zealArea.zArea {
    margin-bottom: 100px
}

.posArea.zArea {
    padding-top: 140px;
    padding-bottom: 60px;
    margin-bottom: 0
}

.schArea {
    padding-top: 80px;
    padding-bottom: 0;
    margin-bottom: 137px
}

.schArea .schWrap .zHead__img {
    z-index: -1;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 375px;
    margin: auto
}

.schArea .schWrap .schContainer {
    text-align: center;
    padding-top: 50px
}

.schArea .schWrap .schTime {
    max-width: 424px;
    margin: auto;
    width: 100%;
    padding: 20px 5px;
    font-weight: bold;
    position: relative;
    text-align: center;
    border: 3px solid #191919;
    border-radius: 47px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.schArea .schWrap .schTime::before {
    display: block;
    content: "";
    width: 3px;
    height: 15px;
    background: #191919;
    right: 0;
    bottom: -15px;
    left: 0;
    position: absolute;
    margin: auto
}

.schArea .schWrap .schTime .schTime__da1 {
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: .9px;
    background: #fff;
    padding: 2px 7px;
    top: -15px;
    position: absolute;
    z-index: 1;
    display: inline-block
}

.schArea .schWrap .schTime .schTime__da2 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding-bottom: 6px
}

.schArea .schWrap .schTime .schTime__da3 {
    font-size: 1.2rem;
    line-height: 1.7rem
}

.schArea .schWrap .schWatch {
    padding-top: 26px;
    padding-bottom: 41px;
    margin: auto;
    width: 109px
}

.schArea .schWrap .schAround {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    line-height: 3rem;
    color: #fff;
    background: #bc2b2b;
    padding: 10px 22px
}

.schArea .schWrap .schCont1 {
    padding-top: 31px;
    padding-bottom: 44px;
    font-size: 1.8rem;
    line-height: 4rem;
    font-weight: bold
}

.schArea .schWrap .schCont1 .shEn {
    display: none
}

.schArea .schWrap .schCont2 .shEn {
    display: none
}

.schArea .schWrap .schHuman {
    display: flex;
    margin-left: -12px;
    margin-right: -12px
}

.schArea .schWrap .schHuman .schItem {
    width: 33.33%;
    padding: 0 12px
}

.schArea .schWrap .schHuman .schItem .schItemWrap {
    display: flex;
    flex-direction: column;
    height: 100%
}

.schArea .schWrap .schHuman .schItem .schItem__human {
    max-width: 162px;
    width: 100%;
    margin: auto
}

.schArea .schWrap .schHuman .schItem .schItem__text {
    padding: 20px;
    text-align: left;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: bold;
    border: 2px solid #191919;
    border-radius: 20px;
    height: 100%
}

.schArea .schWrap .schCont2 {
    padding-top: 35px;
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 2.6rem
}

.support {
    padding-bottom: 0;
    margin-bottom: 80px
}

.support.zArea {
    background: #fff !important
}

.support .zRow:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.support .zHead {
    --background-zHead: #2BBECF;
    --color-zHead: white;
    --border-zHead: #2BBECF;
    max-width: 768px
}

.support .zHead__small {
    font-size: 1.4rem;
    line-height: 1.9rem;
    padding-bottom: 10px
}

.support .zHead__big {
    font-size: 3rem;
    line-height: 3rem
}

.support .zHead.zHead_abs {
    top: -50px
}

.support .zRow {
    --color-zRow: #000000;
    --max-width: 1200px
}

.support .zRow .zTitle {
    font-size: 2.4rem;
    line-height: 3.4rem;
    padding-bottom: 30px
}

.support .zTitle {
    color: #00A4B7
}

.support .headNumber {
    width: fit-content;
    height: fit-content;
    border-bottom: 3px solid #00A4B7;
    padding: 0px !important;
    font-size: 2.4rem !important
}

.support .zNo {
    margin-bottom: 20px !important
}

.support .zCont {
    font-size: 1.6rem !important;
    line-height: 2.8rem !important;
    font-weight: bold !important
}

.support .zDes {
    font-size: 1rem;
    line-height: 1.7rem;
    padding-top: 25px
}

.support .borderSupport {
    display: none
}

.priArea {
    padding-bottom: 110px
}

.priArea .priContainer {
    text-align: center;
    position: relative
}

.priArea .priContainer::before,
.priArea .priContainer::after {
    content: "";
    width: 1px;
    height: 60px;
    display: block;
    background: #191919;
    top: 15%;
    position: absolute
}

.priArea .priContainer::before {
    transform: rotate(150deg);
    left: 11%
}

.priArea .priContainer::after {
    transform: rotate(-150deg);
    right: 11%
}

.priArea .priContainer .priSmall {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding-bottom: 14px;
    font-weight: bold
}

.priArea .priContainer .priBig {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: bold;
    padding-bottom: 47px
}

.priArea .priContainer .priThumb {
    max-width: 200px;
    margin: auto
}

.logArea {
    padding: 65px 0 100px
}

.logArea .logWrap {
    border-top: 1px solid #bc2b2b;
    border-bottom: 1px solid #bc2b2b;
    padding: 65px 0;
    text-align: center
}

.logArea .logWrap .logHead {
    padding-bottom: 100px
}

.logArea .logWrap .logHead img {
    margin-bottom: -58px
}

.logArea .logWrap .logHead p {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 900;
    color: #bc2b2b
}

.logArea .logWrap .logHead p span {
    display: inline-block
}

.logArea .logWrap .logLogo {
    display: flex;
    justify-content: center
}

.logArea .logWrap .logLogo picture {
    padding: 0 15px;
    display: flex;
    align-items: center
}

.logArea .logWrap .logLogo picture:first-child {
    max-width: 196px
}

.logArea .logWrap .logLogo picture:last-child {
    max-width: 262px
}

.conArea .resonContainer .swiTop {
    max-width: 200px
}

.brH {
    display: block
}

.brH_3,
.brH_1_2,
.brH_1_1,
.brPL {
    display: none
}

@media screen and (min-width: 1257px) {
    .brH_3 {
        display: block
    }
}

@media screen and (min-width: 1228px) {
    .brH_1_2 {
        display: block
    }
}

@media screen and (min-width: 1225px) {
    .brH_1_1 {
        display: block
    }
}

@media screen and (min-width: 768px)and (max-width: 1100px) {
    .brH {
        display: none
    }
}

@media screen and (min-width: 1100px) {
    .formArea .formArWrap {
        align-items: start
    }

    .zArea.zAreaHuman .swiContainer .swiSlide {
        width: calc((100% + 34px)/3)
    }
}

@media screen and (min-width: 768px) {
    .resonArea.zArea.zAreaWhiteFlex {
        padding: 110px 0
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap {
        margin-left: -8px;
        margin-right: -8px
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide {
        padding: 0 8px
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiTitle {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiCont {
        font-size: 1.4rem;
        line-height: 2.6rem
    }

    .conArea {
        background: rgba(0, 0, 0, 0);
        padding-top: 92px;
        padding-bottom: 213px
    }

    .conArea .resonHead {
        --border-zHead: none
    }

    .conArea .resonContainer .swiTop {
        --color-swiTop: #191919
    }

    .conArea .resonContainer .swiBot {
        --background-swiBot: #2BBECF;
        color: #fff
    }

    .posArea .posContainer .posContentRow .posContent__container .posContent__step img {
        width: auto !important
    }

    .formArea .formIntro {
        margin-bottom: 110px
    }

    .formArea .formIntro__head_small {
        padding-bottom: 10px
    }

    .formArea .formIntro__head_big {
        font-size: 3.2rem
    }
}

@media screen and (min-width: 901px) {
    .support {
        margin-bottom: 146px;
        padding-top: 0
    }

    .support .supportWrap {
        padding-top: 108px;
        padding-bottom: 80px;
        max-width: 1200px;
        margin: auto
    }

    .support .supportWrap .zWrap {
        width: 95%;
        margin: auto
    }

    .support .supportWrap {
        border: 1px solid #2BBECF;
        width: 95%
    }

    .support .zRow:not(:last-child) {
        border-bottom: 1px solid #2BBECF
    }

    .support .zNo {
        margin-bottom: 0px !important
    }

    .support .zealRowWrap {
        display: flex
    }

    .support .zealRowWrap img {
        max-width: 33.5rem
    }

    .support .zealRowWrap .zealThumb {
        display: flex;
        align-items: center;
        max-width: 100%;
        width: 88%
    }

    .support .zealRowWrap .zealThumb .textWrap {
        padding-left: 6%
    }

    .support .zealRowWrap .zealNo {
        width: 12%;
        padding-left: 3%;
        display: flex;
        align-items: center
    }

    .support .zealRowWrap .borderSupport {
        display: block;
        position: absolute;
        border: 1px solid #bc2b2b;
        width: 88%;
        bottom: -30px;
        left: 12%
    }

    .support .contentWrap {
        display: flex
    }

    .support .common_width_375 {
        --max-width: 1200px;
        margin: auto
    }
}

@media screen and (max-width: 1100px) {
    .singArea .singWrap {
        width: 90%
    }

    .singArea .sContent {
        padding-left: 20px
    }

    .singArea .sContent__tit {
        line-height: 3.3rem
    }

    .priArea .priContainer {
        max-width: 500px;
        width: 90%;
        margin: auto
    }

    .priArea .priContainer::before {
        left: 0
    }

    .priArea .priContainer::after {
        right: 0
    }

    .priArea .priContainer .priBig {
        line-height: 2.4rem
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo {
        font-size: 1.2rem
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:first-child {
        padding-right: 8px
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:last-child {
        padding-left: 8px
    }
}

@media screen and (max-width: 900px)and (min-width: 768px) {
    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo {
        display: block
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:first-child {
        padding-bottom: 10px
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:last-child {
        padding-top: 10px;
        padding-left: 0
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col.swiInfo__arr {
        transform: rotate(90deg);
        height: 16px;
        display: block
    }

    .pLArea .pLMoreInfoWrap {
        display: flex;
        flex-wrap: wrap;
        margin-left: -7px;
        margin-right: -7px;
        max-width: 500px;
        margin: auto
    }

    .pLArea .pLMoreInfo__col {
        width: 50%;
        padding: 0 7px 25px
    }

    .pLArea .pLMoreInfo__col:first-child {
        order: 1;
        width: 100%;
        max-width: 257px;
        margin: auto
    }

    .pLArea .pLMoreInfo__col .pLMoreInfo__item {
        font-size: 2rem
    }

    .schArea .schWrap .schContainer {
        display: flex;
        flex-direction: column
    }

    .schArea .schWrap .schTime {
        order: -3
    }

    .schArea .schWrap .schWatch {
        order: -2
    }

    .schArea .schWrap .schCont1 {
        order: -1;
        padding-top: 0
    }

    .schArea .schWrap .schCont1 .shEn {
        display: block
    }

    .schArea .schWrap .schCont2 {
        line-height: 4.8rem
    }

    .schArea .schWrap .schCont2 .shEn {
        display: block
    }

    .schArea .schWrap .schHuman {
        padding-top: 45px;
        display: block
    }

    .schArea .schWrap .schHuman .schItem {
        max-width: 350px;
        width: 100%;
        margin: auto;
        padding: 0 0 20px
    }

    .schArea .schWrap .schAround {
        position: relative
    }

    .schArea .schWrap .schAround::before {
        content: "";
        display: block;
        width: 40px;
        height: 1px;
        border-left: 40px solid rgba(0, 0, 0, 0);
        border-right: 40px solid rgba(0, 0, 0, 0);
        border-top: 40px solid #2BBECF;
        right: 0;
        bottom: -20px;
        left: 0;
        position: absolute;
        margin: auto;
        z-index: -1
    }
}

@media screen and (max-width: 900px) {
    .support {
        padding-top: 0
    }

    .support .resonHead {
        left: 5%;
        right: 5%;
        max-width: 331px
    }

    .support .resonHead.zHead_abs {
        top: -60px
    }

    .support .zHead__big {
        font-size: 2.2rem
    }

    .support .supportWrap {
        border: 1px solid #2BBECF;
        width: 95%;
        margin: auto;
        padding-top: 97px
    }

    .support .zRow {
        max-width: 400px;
        margin: auto
    }

    .support .zRow .zTitle {
        font-size: 2rem;
        line-height: 2.7rem
    }

    .support .zRow .zCont {
        font-size: 1.3rem !important
    }

    .pLArea .brPL {
        display: block
    }

    .priArea {
        padding-bottom: 80px
    }

    .priArea .priContainer {
        display: flex;
        flex-direction: column;
        max-width: 421px;
        width: 100%
    }

    .priArea .priContainer::before,
    .priArea .priContainer::after {
        top: 18%;
        height: 40px
    }

    .priArea .priContainer::before {
        left: 5%
    }

    .priArea .priContainer::after {
        right: 5%
    }

    .priArea .priContainer .priSmall {
        padding-bottom: 25px;
        font-size: 1.2rem;
        line-height: 2.6rem;
        max-width: 310px;
        margin: auto
    }

    .priArea .priContainer .priBig {
        order: 1;
        padding-bottom: 0;
        text-align: left;
        font-size: 1.5rem;
        line-height: 3.6rem;
        text-align: center
    }

    .priArea .priContainer .priThumb {
        padding-bottom: 20px;
        max-width: 116px
    }
}

@media screen and (max-width: 767px) {
    .hunArea {
        margin-bottom: 160px
    }

    .singArea {
        margin-bottom: 0;
        padding-top: 36px
    }

    .singArea .singThumb {
        margin: auto;
        max-width: 240px;
        width: 100%
    }

    .singArea .singContent {
        max-width: 375px;
        width: 100%;
        padding-left: 0;
        margin: auto
    }

    .singArea .sContent__tit {
        font-size: 2.4rem;
        line-height: 3.3rem
    }

    .singArea .sConten__cont {
        padding-top: 0
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide {
        align-items: center
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo {
        font-size: 1.4rem
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:first-child {
        padding-right: 16px
    }

    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo__col:last-child {
        padding-left: 16px
    }

    .resonArea.zArea {
        padding-top: 60px;
        padding-bottom: 100px
    }

    .resonArea.zArea.zAreaHuman {
        padding-bottom: 5px
    }

    .resonArea.zArea .swiContainer .resonSwiper {
        width: 95%;
        margin: 0 0 0 auto
    }

    .resonArea.zArea .swiContainer .swiBot {
        padding: 20px 18px 18px
    }

    .schArea {
        margin-bottom: 80px;
        margin-top: 117px;
        padding-top: 0
    }

    .schArea .schWrap .schContainer {
        display: flex;
        flex-direction: column
    }

    .schArea .schWrap .zHead__img {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 375px;
        margin: auto
    }

    .schArea .schWrap .schTime {
        padding: 27px 5px;
        border-radius: 65px
    }

    .schArea .schWrap .schTime .schTime__da1 {
        font-size: 1.4rem;
        line-height: 1.9rem;
        padding: 2px 10px
    }

    .schArea .schWrap .schTime .schTime__da2 {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .schArea .schWrap .schAround {
        order: 1;
        font-size: 1.8rem;
        line-height: 1.8rem;
        padding: 15px 5px;
        position: relative;
        margin-bottom: 48px
    }

    .schArea .schWrap .schAround::before {
        content: "";
        display: block;
        width: 15px;
        height: 1px;
        border-left: 15px solid rgba(0, 0, 0, 0);
        border-right: 15px solid rgba(0, 0, 0, 0);
        border-top: 15px solid #bc2b2b;
        right: 0;
        bottom: -7px;
        left: 0;
        position: absolute;
        margin: auto
    }

    .schArea .schWrap .schHuman {
        order: 2;
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .schArea .schWrap .schHuman .schItem {
        width: 100%;
        padding: 0 0 40px
    }

    .schArea .schWrap .schHuman .schItem .schItemWrap {
        flex-direction: row;
        align-items: flex-end
    }

    .schArea .schWrap .schHuman .schItem .schItem__human {
        max-width: 95px;
        margin: 0;
        position: relative
    }

    .schArea .schWrap .schHuman .schItem .schItem__text {
        height: auto;
        width: calc(100% - 48px);
        margin-left: -48px;
        font-size: 1.4rem;
        line-height: 2.6rem;
        padding: 20px 5px 20px 37px
    }

    .schArea .schWrap .schCont2 {
        order: 3;
        padding-top: 10px;
        font-size: 2.3rem;
        line-height: 4.6rem;
        text-align: left
    }

    .schArea .schWrap .schCont1 {
        padding-top: 0;
        padding-bottom: 40px;
        font-size: 1.3rem;
        line-height: 3rem
    }

    .schArea .schWrap .schWatch {
        width: 79px;
        padding-bottom: 20px
    }

    .priArea .priContainer {
        max-width: 100%
    }

    .priArea .priContainer .priSmall {
        max-width: 100%
    }

    .pLArea {
        margin-bottom: 110px
    }

    .conArea.zArea {
        padding-bottom: 5px;
        margin-bottom: 80px
    }

    .pLCV.mArea {
        margin-top: 0
    }

    .logArea .logWrap .logHead {
        padding-bottom: 10px
    }

    .logArea .logWrap .logHead img {
        margin-bottom: -85px
    }

    .logArea .logWrap .logHead p {
        font-size: 2.2rem;
        line-height: 3.4rem
    }

    .logArea .logWrap .logHead p span {
        display: none
    }

    .logArea .logWrap .logLogo {
        display: block
    }

    .logArea .logWrap .logLogo picture {
        margin: auto
    }

    .pLMoreInfo {
        padding-bottom: 33px
    }

    .zealArea .resonHead.zHead {
        padding: 20px 5px
    }

    .posArea.zArea {
        padding-bottom: 0;
        padding-top: 124px
    }

    .pLCV.mArea {
        margin-bottom: 0
    }

    .questionArea {
        padding-bottom: 50px;
        padding-top: 80px
    }

    .questionArea .questionWrap {
        margin-bottom: 0
    }

    .formArea .formIntro {
        margin-bottom: 110px
    }
}

@media screen and (max-width: 374px) {
    .resonArea.zArea.zAreaWhiteFlex .swiContainer .swiWrap .swiSlide .swiBot .swiInfo {
        font-size: 1rem
    }

    .pLMoreInfo__col .pLMoreInfo__item {
        font-size: 1.3rem;
        line-height: 1.3rem;
        letter-spacing: 0
    }
}
/*# sourceMappingURL=maps/event.css.map */