/* Minification failed. Returning unminified contents.
(6469,16): run-time error CSS1030: Expected identifier, found '.'
(6469,33): run-time error CSS1031: Expected selector, found ')'
(6469,33): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Sono:wght@200;300;400;500;600;700;800&display=swap");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

.container {
    width: 98%;
    max-width: 1296px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

.blackTitle {
    background-color: #000;
    color: #fff;
    padding: 8px 20px;
}

.purpleTitle {
    background-color: #5e194c;
    color: #fff;
    padding: 8px 20px;
}

.textColorPurple {
    color: #991777;
}

.textCenter {
    text-align: center;
}

.positionR {
    position: relative;
    padding-top: 30px;
}

@media screen and (max-width: 1280px) {
    .positionR {
        padding-top: 5px;
    }
}

.dFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dBlock {
    display: block;
}

.flexColumn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.alignCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justifyCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justifyBetween {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justifyStart {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justifyEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.textCenter {
    text-align: center;
}

.marginX {
    margin: auto;
}

.perspective {
    -webkit-perspective: 1000;
    perspective: 1000;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    font-family: 'Noto Sans TC','Sono', sans-serif;
    letter-spacing: 1px;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
    vertical-align: top;
}

a {
    text-decoration: none;
}

.header {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 10;
    background-color: #f9f7f3;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* 添加渐变效果 */
}

@media screen and (max-width: 1280px) {
    .header {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 767px) {
    .header {
        padding: 10px 15px;
    }
}

.header h1 {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1280px) {
    .header h1 {
        width: 30%;
    }
}

@media screen and (max-width: 767px) {
    .header h1 {
        width: 160px;
    }
}

.header.sticky {
    background-color: #991777;
    background-image: none;
}

    .header.sticky .logo {
        /* 设置标志图片的默认颜色为黑色 */
        background-image: url(../../../images/logo/logo-w.png);
    }

.logo {
    display: inline-block;
    aspect-ratio: 5/1.2;
    background-image: url(../../../images/logo/logo.png);
    width: 220px;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1600px) {
    .logo {
        width: 200px;
    }
}

@media screen and (max-width: 1280px) {
    .logo {
        width: 190px;
    }
}

@media screen and (max-width: 767px) {
    .logo {
        width: 150px;
    }
}

.menuRightContainer {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #991777;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 1.2%;
}

@media screen and (max-width: 1280px) {
    .menuRightContainer {
        background-color: transparent;
    }
}

@media screen and (max-width: 768px) {
    .menuRightContainer {
        padding-right: 3%;
    }
}

@media screen and (max-width: 767px) {
    .menuRightContainer {
        padding-right: 0;
    }
}

@media screen and (max-width: 1280px) {
    .menu {
        display: none;
    }
}

.firstMenuLi {
    position: relative;
}

@media screen and (max-width: 1600px) {
    .firstMenuLi {
        margin: 0;
    }
}

.firstMenuLi:hover {
    color: #D2CAA7;
}

    .firstMenuLi:hover .secondMenu {
        display: block;
    }

    .firstMenuLi:hover .firstMenuA {
        color: #D2CAA7;
    }

.firstMenuA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 63px 25px;
    font-weight: bold;
    word-break: keep-all;
    color: #fff;
    font-size: 1.5rem;
    position: relative;
}

@media screen and (max-width: 1600px) {
    .firstMenuA {
        padding: 40px 15px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 1280px) {
    .firstMenuA {
        padding: 20px 10px;
    }
}

.firstMenuA:hover {
    color: #D2CAA7;
}

.firstMenuA.firstMenuAActive span {
    color: #D2CAA7;
    position: relative;
}

    .firstMenuA.firstMenuAActive span::after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: #D2CAA7;
        left: 0;
        bottom: -12px;
        position: absolute;
    }

.secondMenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    margin-top: -34px;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
}

@media screen and (max-width: 1600px) {
    .secondMenu {
        top: calc(100% + 30px);
    }
}

.secondMenuLi {
    position: relative;
}

    .secondMenuLi:hover .thirdMenuUl {
        display: block;
    }

    .secondMenuLi:hover .secondMenuA {
        background-color: #D2CAA7;
    }

.secondMenuA {
    display: block;
    font-weight: bold;
    padding: 15px 15px;
    color: #991777;
    font-size: 1rem;
    word-break: keep-all;
    white-space:nowrap;
}

.thirdMenuUl {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 3;
    background-color: #fff;
    display: none;
    -webkit-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
}

.thirdMenuLi {
    position: relative;
}

.thirdMenuA {
    word-break: keep-all;
    display: block;
    padding: 15px 20px;
    color: #991777;
    font-size: 1.125rem;
    word-break: keep-all;
    font-weight: bold;
}

    .thirdMenuA:hover {
        background-color: #D2CAA7;
    }

.menuAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

@media screen and (max-width: 1280px) {
    .menuAction {
        color: #000;
    }
}

.menuAction a {
    color: #fff;
}

@media screen and (max-width: 1280px) {
    .menuAction a {
        color: #000;
    }
}

.switchLanguage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
}

@media screen and (max-width: 1280px) {
    .switchLanguage {
        color: #991777;
    }
}

@media screen and (max-width: 767px) {
    .switchLanguage {
        margin: 0 6px;
    }
}

.switchLanguage a {
    display: inline-block;
    white-space: nowrap;
    padding: 10px;
    font-size: 1.25rem;
}

    .switchLanguage a:hover {
        color: #D2CAA7;
    }

@media screen and (max-width: 1280px) {
    .switchLanguage a {
        font-size: 1.1rem;
        padding: 5px;
        color: #991777;
    }
}

@media screen and (max-width: 767px) {
    .switchLanguage a {
        font-size: 1rem;
    }
}

.menuRwdBtn {
    width: 50px;
    height: 50px;
    display: none;
    background-color: #991777;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .menuRwdBtn {
        display: block;
    }
}

.menuRwdBtn span {
    display: block;
    background-color: #fff;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .menuRwdBtn span::before, .menuRwdBtn span::after {
        content: "";
        width: 100%;
        height: 3px;
        position: absolute;
        background-color: #fff;
    }

    .menuRwdBtn span::before {
        top: -8px;
    }

    .menuRwdBtn span::after {
        top: 8px;
    }

.searchAction {
    font-weight: bold;
}

@media screen and (max-width: 1280px) {
    .searchAction {
        display: none;
    }
}

.searchAction a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.5rem;
    width: 48px;
    height: 48px;
}

    .searchAction a:hover {
        color: #991777;
        background-color: #fff;
    }

.switchSize {
    position: relative;
    padding: 5px 3.5rem 5px 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.25rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 40px;
}

@media screen and (max-width: 1800px) {
    .switchSize {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .switchSize {
        display: none;
        font-size: 1.1rem;
        margin-right: 15px;
    }
}

.switchSize::before {
    content: "\f0d7";
    font-family: FontAwesome;
    right: 0px;
    position: absolute;
    top: 5px;
}

.switchSize span {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
}

.switchSize .changeFzOption {
    position: absolute;
    left: 5rem;
    top: 0;
    z-index: 5;
}

    .switchSize .changeFzOption li {
        margin-bottom: 5px;
    }

.switchSize .updateFz {
    line-height: 1;
    display: block;
    min-width: 28px;
    min-height: 28px;
    line-height: 28px;
    margin: 0 auto 5px;
    text-align: center;
    border: 1px solid #fff;
    padding: 0;
    border-radius: 50%;
    background-color: #991777;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .switchSize .updateFz:hover {
        background-color: #fff;
        color: #991777;
    }

.switchSize .fzSmall {
    font-size: 1rem;
}

.switchSize .fzBig {
    font-size: 1.5rem;
}

.switchSize .fzBig {
    display: none;
}

.switchSize:hover .fzMedium,
.switchSize:hover .fzBig, .switchSize:focus-within .fzMedium,
.switchSize:focus-within .fzBig {
    display: block;
}

.rwdHeaderCover {
    background: -webkit-gradient(linear, left top, left bottom, from(#991877), to(#600e4c));
    background: -o-linear-gradient(top, #991877, #600e4c);
    background: linear-gradient(180deg, #991877, #600e4c);
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.rwdHeader {
    width: 100%;
    max-width: 600px;
    margin: 20px auto;
    padding: 0 22px;
}

.rwdHeaderTop {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 37px;
}

.rwdHeaderLogo {
    width: 200px;
}

.rwdHeaderCloseBtn {
    font-size: 2rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.rwdHeaderSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #707070;
    width: 90%;
    margin: 0 auto;
    padding: 0 20px;
}

    .rwdHeaderSearch input {
        background-color: transparent;
        border: none;
        padding: 12px 0px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 1rem;
        color: #991777;
        font-weight: bold;
    }

        .rwdHeaderSearch input::-webkit-input-placeholder {
            color: #991777;
            font-weight: bold;
        }

        .rwdHeaderSearch input::-moz-placeholder {
            color: #991777;
            font-weight: bold;
        }

        .rwdHeaderSearch input:-ms-input-placeholder {
            color: #991777;
            font-weight: bold;
        }

        .rwdHeaderSearch input::-ms-input-placeholder {
            color: #991777;
            font-weight: bold;
        }

        .rwdHeaderSearch input::placeholder {
            color: #991777;
            font-weight: bold;
        }

.rwdSearchBtn {
    color: #991777;
    font-size: 1.5rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
}

.rwdHeaderNav {
    width: 80%;
    margin: 0 auto;
}

    .rwdHeaderNav a {
        color: #fff;
        display: block;
    }

.rwdHeaderNavEach {
    padding: 19px 0;
    border-bottom: 1px solid #8f417c;
}

    .rwdHeaderNavEach:last-of-type {
        border-bottom: none;
    }

.rwdHeaderRow {
    margin: 20px 0 0;
}

.rwdFirstMenuA {
    font-size: 1.25rem;
    font-weight: bold;
}

.rwdSecondMeunA {
    font-size: 1rem;
    margin: 15px 0 0;
}

.rwdThirdMeunA {
    font-weight: 400;
    margin: 10px 0;
}

.headerSearchContent {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #991777;
    width: 0%;
    height: 100%;
    z-index: 5;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    overflow: hidden;
}

@media screen and (max-width: 1280px) {
    .headerSearchContent {
        display: none !important;
    }
}

.headerSearchRowWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0 20px;
}

.headerSearchRow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 40px;
    padding: 15px 20px;
    width: 100%;
}

    .headerSearchRow a {
        display: inline-block;
    }

        .headerSearchRow a:hover i {
            color: #D2CAA7;
        }

        .headerSearchRow a i {
            font-size: 1.5rem;
            font-weight: bold;
            margin-right: 10px;
            color: #991777;
        }

    .headerSearchRow input {
        width: 100%;
        outline: none;
        border: none;
        color: #991777;
        font-size: 1.2rem;
        font-weight: bold;
    }

        .headerSearchRow input::-webkit-input-placeholder {
            color: #991777;
        }

        .headerSearchRow input::-moz-placeholder {
            color: #991777;
        }

        .headerSearchRow input:-ms-input-placeholder {
            color: #991777;
        }

        .headerSearchRow input::-ms-input-placeholder {
            color: #991777;
        }

        .headerSearchRow input::placeholder {
            color: #991777;
        }

    .headerSearchRow .headerSearchContentClose {
        color: #991777;
        cursor: pointer;
        display: inline-block;
    }

        .headerSearchRow .headerSearchContentClose:hover i {
            color: #D2CAA7;
        }

        .headerSearchRow .headerSearchContentClose i {
            font-size: 1.5rem;
            font-weight: bold;
            margin-right: 10px;
            color: #991777;
            margin-right: 0;
        }

.footer {
    background: -webkit-gradient(linear, left top, left bottom, from(#600e4c), to(#991877));
    background: -o-linear-gradient(top, #600e4c 0%, #991877 100%);
    background: linear-gradient(to bottom, #600e4c 0%, #991877 100%);
    padding: 50px 20px;
}

.footerMenuContainer {
    position: relative;
    z-index: 2;
}

.footerMenuArea {
    width: 70%;
    max-width: 1110px;
    margin: 0 auto 150px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 820px) {
    .footerMenuArea {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .footerMenuArea {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto 80px;
    }
}

.footerMenuArea a {
    color: #fff;
}

    .footerMenuArea a:hover {
        text-decoration: underline;
        color: #D2CAA7;
    }

@media screen and (max-width: 767px) {
    .footerMenuFirstLi {
        width: 33%;
        margin-bottom: 30px;
    }
}

.footerMenuFirstA {
    font-size: 1.2rem;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: bold;
}

    .footerMenuFirstA:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 820px) {
    .footerMenuFirstA {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .footerMenuFirstA {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }
}

.footerMenuSecondUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: bold;
}

    .footerMenuSecondUl li {
        margin-bottom: 10px;
    }

        .footerMenuSecondUl li a {
            font-size: 0.8rem;
        }

@media screen and (max-width: 767px) {
    .footerMenuSecondUl li a {
        font-size: 0.75rem;
    }
}

.footerMenuThirdUl {
    margin: 15px 0 0;
}

.footerInfos {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1730px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

@media screen and (max-width: 1380px) {
    .footerInfos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .footerInfos {
        padding-bottom: 0;
    }
}

.footerLogo {
    max-width: 200px;
}

    .footerLogo a {
        display: block;
    }

@media screen and (max-width: 1280px) {
    .footerLogo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .footerLogo {
        max-width: 260px;
    }
}

@media screen and (max-width: 767px) {
    .footerLogo {
        max-width: 175px;
    }
}

@media screen and (max-width: 321px) {
    .footerLogo {
        max-width: 150px;
    }
}

.footerAddress {
    text-align: center;
    font-size: 0.8rem;
    justify-self: center;
}

@media screen and (max-width: 1600px) {
    .footerAddress {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 1280px) {
    .footerAddress {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 20px auto;
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .footerAddress {
        text-align: left;
        line-height: 1.5;
        font-size: 0.75rem;
        line-height: 2;
        margin: 20px auto 20px;
    }
}

.footerAddress p {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .footerAddress p {
        margin-bottom: 0;
    }
}

.footerAddress span {
    display: block;
    margin-right: 30px;
}

    .footerAddress span:last-of-type {
        margin-right: 0;
    }

.footerAddress > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footerSNS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
}

@media screen and (max-width: 1380px) {
    .footerSNS {
        position: relative;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .footerSNS {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .footerSNS {
        margin-bottom: 0;
    }
}

.footerSNS a {
    display: inline-block;
    width: 47px;
    margin-right: 20px;
}

@media screen and (max-width: 1280px) {
    .footerSNS a {
        width: 40px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .footerSNS a {
        width: 35px;
    }
}

@media screen and (max-width: 767px) {
    .footerSNS a {
        width: 32px;
        margin-right: 12px;
    }
}

.footerSNS a:last-of-type {
    margin-right: 0;
}

.footerSNS a:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}


.copyright {
    text-align: center;
    margin: 20px auto;
    color: #fff;
    font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
    .copyright {
        font-size: 0.75rem;
        line-height: 2;
        text-align: left;
        margin: 10px auto;
    }
}

.breadCrumbsArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .breadCrumbsArea {
        display: none;
    }
}

.breadCrumbsLeftColor {
    background-color: #991777;
    width: calc(10% - 110px);
}

@media screen and (max-width: 1280px) {
    .breadCrumbsLeftColor {
        width: calc(15% - 95px);
    }
}

.breadCrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
}

    .breadCrumbs li + li {
        padding-left: 0;
    }

        .breadCrumbs li + li::before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "\f054";
            color: #991777;
            padding: 0 10px;
        }

@media screen and (max-width: 767px) {
    .breadCrumbs li + li::before {
        padding: 0 8px;
    }
}

.breadCrumbs li:last-child a {
    color: #991777;
}

.breadCrumbs li a {
    color: #991777;
    display: inline-block;
    padding: 10px;
    font-size: 1rem;
    cursor: pointer;
}

    .breadCrumbs li a:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    .breadCrumbs li a {
        padding: 8px;
    }
}

.banner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .banner {
        height: auto;
    }
}

.banner::after {
    content: "";
    background-size: cover;
    background-position: center top;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
}

.bannerWhiteBg {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.bannerSwiper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    position: relative;
    z-index: 2;
}

.bannerSwiperWrapper {
    height: 100%;
    width: 100%;
}

.bannerSwiperSlide {
    height: 100%;
}

.bannerEach {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    color: #000;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 767px) {
    .bannerEach {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.bannerEach .bannerText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    margin: 0 30px 10% 0px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 0 0 70px;
    color: #3E3A39;
}

@media screen and (max-width: 1600px) {
    .bannerEach .bannerText {
        font-size: 1.7rem;
        padding: 0 0 0 30px;
    }
}

@media screen and (max-width: 1280px) {
    .bannerEach .bannerText {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 768px) {
    .bannerEach .bannerText {
        margin: 0 0px 10%;
    }
}

@media screen and (max-width: 767px) {
    .bannerEach .bannerText {
        font-size: 1.25rem;
        width: 68%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: none;
        padding: 18px 0 0 10px;
        margin-bottom: 3%;
    }
}

.bannerEach .bannerText::after {
    width: 110%;
    content: "";
    height: 2px;
    background-color: #3E3A39;
    position: absolute;
    bottom: -28px;
    left: 70px;
}

@media screen and (max-width: 1600px) {
    .bannerEach .bannerText::after {
        left: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .bannerEach .bannerText::after {
        bottom: -10px;
    }
}

@media screen and (max-width: 768px) {
    .bannerEach .bannerText::after {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .bannerEach .bannerText::after {
        left: 10px;
    }
}

.bannerEach .bannerImg {
    width: 70%;
    aspect-ratio: 10/5.4;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .bannerEach .bannerImg {
        width: 100%;
        height: 56vw;
        overflow: hidden;
    }
}
.bannerSwiperButtons {
    position: absolute;
    left: 70px;
    bottom: 0.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 130px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1600px) {
    .bannerSwiperButtons {
        left: 30px;
    }
}

@media screen and (max-width: 767px) {
    .bannerSwiperButtons {
        right: 0.5%;
        left: auto;
        bottom: auto;
        top: calc(55vw + 41px);
        width: 100px;
    }
}

@media screen and (max-width: 321px) {
    .bannerSwiperButtons {
        width: 90px;
        right: 0;
    }
}

.bannerSwiperButtons .bannerNext,
.bannerSwiperButtons .bannerPrev {
    position: relative;
    width: 45px;
    height: 45px;
}

    .bannerSwiperButtons .bannerNext:hover,
    .bannerSwiperButtons .bannerPrev:hover {
        -webkit-filter: drop-shadow(0px 0px 5px #D2CAA7);
        filter: drop-shadow(0px 0px 5px #D2CAA7);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

@media screen and (max-width: 767px) {
    .bannerSwiperButtons .bannerNext,
    .bannerSwiperButtons .bannerPrev {
        width: 41px;
        height: 41px;
    }
}

@media screen and (max-width: 321px) {
    .bannerSwiperButtons .bannerNext,
    .bannerSwiperButtons .bannerPrev {
        width: 35px;
        height: 35px;
    }
}

.bannerSwiperButtons .bannerNext::after {
    display: none;
}

.bannerSwiperButtons .bannerPrev {
    margin-right: 28px;
    left: 0;
}

@media screen and (max-width: 767px) {
    .bannerSwiperButtons .bannerPrev {
        margin-right: 10px;
    }
}

.bannerSwiperButtons .bannerPrev::after {
    display: none;
}

.bannerMore {
    width: 5%;
    background-color: #991777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 1.2% 50px 1.2%;
}

    .bannerMore a {
        display: inline-block;
        margin: 0 auto 30px;
    }

        .bannerMore a:hover {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
        }

@media screen and (max-width: 1280px) {
    .bannerMore {
        display: none;
    }
}

.pageSectionTitle {
    width: 25%;
    background-color: #000;
    min-height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px;
}

    .pageSectionTitle h2 {
        font-size: 2rem;
        color: #fff;
        text-align: right;
        line-height: 1.5;
        font-weight: bold;
    }

.purpleBtn {
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    padding: 15px 40px;
    background-color: #991777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 767px) {
    .purpleBtn {
        padding: 10px 30px;
    }
}

.purpleBtn img {
    width: 28px;
    margin-left: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .purpleBtn img {
        width: 25px;
    }
}

.purpleBtn:hover {
    -webkit-filter: brightness(1.1) drop-shadow(2px 2px 3px #858585);
    filter: brightness(1.1) drop-shadow(2px 2px 3px #858585);
}

    .purpleBtn:hover img {
        margin-left: 20px;
    }

.whiteBtn {
    font-size: 1rem;
    color: #991777;
    font-weight: bold;
    padding: 15px 40px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 767px) {
    .whiteBtn {
        font-size: 1rem;
        padding: 10px 30px;
    }
}

.whiteBtn img {
    width: 28px;
    margin-left: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .whiteBtn img {
        width: 25px;
    }
}

.whiteBtn:hover {
    -webkit-filter: brightness(1.1) drop-shadow(2px 2px 3px #858585);
    filter: brightness(1.1) drop-shadow(2px 2px 3px #858585);
}

    .whiteBtn:hover img {
        margin-left: 20px;
    }

.allBg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-image: url(../../images/bg/RWDheader.jpg);
}

.indexbg1 {
    position: absolute;
    top: -20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .indexbg1 {
        top: -3.5%;
    }
}

.indexbg1 img {
    position: relative;
}

    .indexbg1 img:first-of-type {
        max-width: 470px;
        width: 24.5%;
    }

    .indexbg1 img:last-of-type {
        max-width: 814px;
        width: 42.4%;
    }

@media screen and (max-width: 767px) {
    .indexbg1 img:last-of-type {
        width: 80%;
        right: -20%;
    }
}

.indexbg2 {
    position: absolute;
    top: -15%;
    left: 0;
    width: 100%;
}

    .indexbg2 img {
        max-width: 617px;
        width: 32.2%;
    }

@media screen and (max-width: 767px) {
    .indexbg2 {
        display: none;
    }
}

.indexbg3 {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .indexbg3 {
        bottom: -2%;
    }
}

.indexbg3 img {
    max-width: 376px;
    width: 19.5%;
}

@media screen and (max-width: 767px) {
    .indexbg3 img {
        width: 40%;
        max-width: 160px;
    }
}

.bgLPic {
    position: absolute;
    left: 0;
    top: 15%;
    max-width: 310px;
}

@media screen and (max-width: 767px) {
    .bgLPic {
        display: none;
    }
}

.bgLPic2 {
    position: absolute;
    right: 0;
    bottom: 3%;
    max-width: 460px;
    width: 24%;
}

@media screen and (max-width: 767px) {
    .bgLPic2 {
        display: none;
    }
}

.fixedBtn {
    position: fixed;
    right: 0;
    bottom: 2%;
    z-index: 10;
    width: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1600px) {
    .fixedBtn {
        width: 100px;
    }
}

@media screen and (max-width: 1280px) {
    .fixedBtn {
        width: 100px;
    }
}

@media screen and (max-width: 767px) {
    .fixedBtn {
        width: 70px;
    }
}

.goTop {
    width: 80%;
    cursor: pointer;
}

    .goTop:hover img {
        -webkit-filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
        filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
    }

.fixedBtnC {
    position: relative;
    background-color: #991777;
    border-radius: 50%;
    width: 100%;
    padding-top: 100%;
    margin-bottom: 15px;
}

    .fixedBtnC:hover {
        opacity: 0.9;
        -webkit-filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
        filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
    }

    .fixedBtnC img {
        max-width: 32px;
        margin-bottom: 10px;
    }

@media screen and (max-width: 768px) {
    .fixedBtnC img {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 767px) {
    .fixedBtnC img {
        max-width: 26px;
    }
}

.fixedBtnC a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

    .fixedBtnC a:hover img {
        -webkit-filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
        filter: brightness(1.2) drop-shadow(0px 3px 3px #444444);
    }

.fixedBtnCIn {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .fixedBtnCIn p {
        font-size: 0.75rem;
        line-height: 1.2;
        letter-spacing: 1px;
    }

@media screen and (max-width: 768px) {
    .fixedBtnCIn p {
        font-size: 0.7rem;
    }
}

.rightMoreBtns {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #991777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 1.2% 50px 1.2%;
    z-index: 2;
    width: 5%;
}

    .rightMoreBtns a {
        display: block;
        margin-bottom: 25px;
    }

        .rightMoreBtns a:hover {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }

@media screen and (max-width: 1280px) {
    .rightMoreBtns {
        display: none;
    }
}

.cardLi {
    margin-bottom: 60px;
}

@media screen and (max-width: 820px) {
    .cardLi {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .cardLi {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
}

.cardEach {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .cardEach {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cardImg {
    position: relative;
    width: 41.6%;
}

@media screen and (max-width: 820px) {
    .cardImg {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .cardImg {
        width: 100%;
        margin-bottom: 30px;
    }
}

.cardImg:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.cardImg:hover::after {
    -webkit-filter: drop-shadow(3px 3px 3px #b6b6b6);
    filter: drop-shadow(3px 3px 3px #b6b6b6);
}

.cardImg::after {
    width: 100%;
    height: 100%;
    left: 8px;
    top: 10px;
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8a3e75));
    background-image: -o-linear-gradient(top, #fff 0%, #8a3e75 100%);
    background-image: linear-gradient(top, #fff 0%, #8a3e75 100%);
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cardImg a {
    position: relative;
    border: 1px solid #D2CAA7;
    z-index: 2;
    overflow: hidden;
    aspect-ratio: 3/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cardImg img {
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    max-height: 100%;
}

.cardInfos {
    width: 53.17%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 820px) {
    .cardInfos {
        width: 46%;
    }
}

@media screen and (max-width: 767px) {
    .cardInfos {
        width: 95%;
        margin: 0 auto;
    }
}

.cardTags {
    margin-bottom: 8px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .cardTags {
        margin-bottom: 10px;
    }
}

.cardType {
    font-size: 1.25rem;
    color: #991777;
    font-weight: 400;
    display: inline-block;
    padding-right: 20px;
    margin: 0 20px 7px 0;
    border-right: 1px solid #991777;
}

@media screen and (max-width: 1600px) {
    .cardType {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 960px) {
    .cardType {
        padding-right: 10px;
        margin: 0 10px 6px 0;
    }
}

@media screen and (max-width: 768px) {
    .cardType {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .cardType {
        padding-right: 6px;
        margin: 0 6px 6px 0;
    }
}

.cardTagEach {
    display: inline-block;
    padding: 8px 10px;
    background-color: #991777;
    border: 1px solid #D2CAA7;
    color: #ebebeb;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 12px 7px 0;
}

    .cardTagEach:hover {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2);
    }

@media screen and (max-width: 960px) {
    .cardTagEach {
        font-size: 1rem;
        padding: 8px;
        margin: 0 8px 8px 0;
    }
}

@media screen and (max-width: 768px) {
    .cardTagEach {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 767px) {
    .cardTagEach {
        margin: 0 6px 6px 0;
    }
}

.cardInfosTextBox:hover .cardTitle,
.cardInfosTextBox:hover .cardText {
    text-shadow: 0px 2px 3px #c5c5c5;
}

.cardInfosTextBox a {
    display: block;
}

.cardTitle {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.9;
    color: #3E3A39;
    margin-bottom: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 960px) {
    .cardTitle {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .cardTitle {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .cardTitle {
        margin-bottom: 10px;
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

.cardDate {
    font-size: 1rem;
    color: #9c9997;
    margin-bottom: 15px;
    display: inline-block;
}

@media screen and (max-width: 1600px) {
    .cardDate {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 960px) {
    .cardDate {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .cardDate {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .cardDate {
        margin-bottom: 10px;
    }
}

.cardText {
    font-size: 1rem;
    line-height: 1.9;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #3E3A39;
}

@media screen and (max-width: 1600px) {
    .cardText {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 768px) {
    .cardText {
        font-size: 1rem;
    }
}

.readMoreText {
    font-size: 1rem;
    margin: 15px 0 0;
    text-align: right;
    position: absolute;
    bottom: -25px;
    right: 0;
}

@media screen and (max-width: 1600px) {
    .readMoreText {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 768px) {
    .readMoreText {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .readMoreText {
        position: relative;
        bottom: auto;
        margin: 10px 0 0;
        width: 100%;
        text-align: right;
    }
}

.readMoreText a {
    color: #991777;
    white-space: nowrap;
}

    .readMoreText a:hover {
        text-decoration: underline;
    }
.cardEachWhitoutPic .cardInfos {
    width: 100%;
}
.pagination {
    padding: 40px 0 0;
}

    .pagination ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pagination li {
        margin-right: 20px;
    }

        .pagination li:last-of-type {
            margin-right: 0;
        }

@media screen and (max-width: 768px) {
    .pagination li {
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .pagination li {
        margin-right: 8px;
    }
}

.pagination .pageNum {
    display: inline-block;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #991777;
    font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
    .pagination .pageNum {
        font-size: 1rem;
        width: 35px;
        height: 35px;
    }
}

@media screen and (max-width: 321px) {
    .pagination .pageNum {
        width: 30px;
        height: 30px;
    }
}

.pagination .pageNum:hover {
    background-color: #991777;
    color: #fff;
}

.pagination a.pageActive {
    background-color: #991777;
    color: #fff;
}

.cls-1 {
    fill: #991777;
}

.pageNumPrev,
.pageNumNext {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

    .pageNumPrev:hover,
    .pageNumNext:hover {
        background-color: #991777;
    }

        .pageNumPrev:hover .cls-1,
        .pageNumNext:hover .cls-1 {
            fill: #fff;
        }

.picLightboxBg {
    background-color: #703460cc;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    position: fixed;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.picLightboxWrap {
    margin: 5% 0 0%;
}

@media screen and (max-width: 767px) {
    .picLightboxWrap {
        margin: 5% 0;
    }
}

.picLightboxContent {
    position: relative;
}

.picLightbox {
    position: relative;
    max-width: 1680px;
    margin: 0 auto;
    width: 90%;
}

@media screen and (max-width: 767px) {
    .picLightbox {
        padding: 20% 0 15%;
    }
}

.picLightboxCloseBtn {
    color: #fff;
    position: absolute;
    right: 6.25%;
    top: 0%;
    z-index: 2;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 820px) {
    .picLightboxCloseBtn {
        right: 3%;
    }
}

@media screen and (max-width: 768px) {
    .picLightboxCloseBtn {
        top: 0%;
    }
}

.picLightboxCloseBtn i {
    font-size: 4rem;
    margin-bottom: 25px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .picLightboxCloseBtn i {
        font-size: 3rem;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .picLightboxCloseBtn i {
        font-size: 1.8rem;
        margin-bottom: 10px;
    }
}

.picLightboxCloseBtn span {
    display: block;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .picLightboxCloseBtn span {
        font-size: 0.875rem;
    }
}

.picLightboxSwiperContainer {
    max-width: 900px;
    margin: 0 auto;
}

.picLightboxSwiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.picLightboxSwiper img {
    max-height: 750px;
}

.picLightboxSwiper figure {
    text-align: center;
    display: block;
}

.picLightboxSwiper figcaption {
    color: #fff;
    display: block;
    text-align: center;
    padding: 20px 0;
    line-height: 1.5;
    width: 75%;
    margin: 0 auto;
}

.picLightboxSwiperSwitch {
    position: fixed;
    bottom: calc(5% + 10px);
    right: 6.25%;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index:5;
}

@media screen and (max-width: 820px) {
    .picLightboxSwiperSwitch {
        right: 3%;
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .picLightboxSwiperSwitch {
        width: 120px;
    }
}

.picLightboxSwiperSwitch .picLightboxNext,
.picLightboxSwiperSwitch .picLightboxPrev {
    position: relative;
    width: 80px;
}

    .picLightboxSwiperSwitch .picLightboxNext::after,
    .picLightboxSwiperSwitch .picLightboxPrev::after {
        display: none;
    }

@media screen and (max-width: 820px) {
    .picLightboxSwiperSwitch .picLightboxNext,
    .picLightboxSwiperSwitch .picLightboxPrev {
        width: 55px;
    }
}

@media screen and (max-width: 767px) {
    .picLightboxSwiperSwitch .picLightboxNext,
    .picLightboxSwiperSwitch .picLightboxPrev {
        width: 40px;
    }
}

.indexNewsArea {
    padding: 100px 0 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) {
    .indexNewsArea {
        padding: 80px 0 60px;
    }
}

@media screen and (max-width: 767px) {
    .indexNewsArea {
        padding: 40px 0;
    }
}

.indexNewsAreaContainer {
    width: 75%;
    max-width: 1720px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 1280px) {
    .indexNewsAreaContainer {
        width: 95%;
    }
}

@media screen and (max-width: 960px) {
    .indexNewsAreaContainer {
        width: 80%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.indexNewsAreaTitle {
    position: relative;
    color: #991777;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 40px;
    width: 19.7%;
}

@media screen and (max-width: 1280px) {
    .indexNewsAreaTitle {
        font-size: 2rem;
    }
}

@media screen and (max-width: 960px) {
    .indexNewsAreaTitle {
        margin-bottom: 30px;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .indexNewsAreaTitle {
        font-size: 1.5rem;
        margin-bottom: 20px;
        padding-left: 20px;
    }
}

.indexNewsAreaTitle::before, .indexNewsAreaTitle::after {
    content: "";
    height: 60%;
    position: absolute;
    left: 0;
    width: 13px;
}

@media screen and (max-width: 767px) {
    .indexNewsAreaTitle::before, .indexNewsAreaTitle::after {
        width: 6px;
    }
}

.indexNewsAreaTitle::before {
    background-color: #991777;
    top: -10%;
}

.indexNewsAreaTitle::after {
    background-color: #D2CAA7;
    bottom: -10%;
}

.indexNewsContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 1090px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media screen and (max-width: 960px) {
    .indexNewsContent {
        width: 100%;
    }
}

.indexNewsEach {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    position: relative;
}

@media screen and (max-width: 767px) {
    .indexNewsEach {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.indexNewsEach:hover .indexNewsImg img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.indexNewsEach:hover .indexNewsInfo {
    text-shadow: 0px 2px 3px #c5c5c5;
}

.indexNewsEach:hover .toMoreText {
    border-bottom: 2px solid #991777;
}

.indexNewsImgBox {
    width: 47.7%;
    position: relative;
    aspect-ratio: 3/2;
    border: 1px solid #D2CAA7;
}

@media screen and (max-width: 767px) {
    .indexNewsImgBox {
        margin-bottom: 20px;
        width: 100%;
        padding-top: 69.287%;
    }
}

.indexNewsImgBox::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(10%, #451f3b21), to(#8a3e75));
    background-image: -o-linear-gradient(top, #fff 0%, #451f3b21 10%, #8a3e75 100%);
    background-image: linear-gradient(top, #fff 0%, #451f3b21 10%, #8a3e75 100%);
    left: 10px;
    top: 10px;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .indexNewsImgBox::before {
        left: 5px;
        top: 5px;
    }
}

.indexNewsImg {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .indexNewsImg img {
        z-index: 2;
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        max-height: 100%;
    }

.indexNewsInfo {
    position: relative;
    width: 46.26%;
    line-height: 1.5;
    color: #3E3A39;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .indexNewsInfo {
        width: 100%;
    }
}

.indexNewsInfo h3 {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 1280px) {
    .indexNewsInfo h3 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .indexNewsInfo h3 {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

.indexNewsDate {
    font-size: 1rem;
    display: block;
    margin-bottom: 20px;
    color: #9a9795;
}

@media screen and (max-width: 1280px) {
    .indexNewsDate {
        margin-bottom: 10px;
    }
}

.indexNewsDate > span {
    position: relative;
    padding-left: 20px;
}

    .indexNewsDate > span::before {
        width: 1px;
        height: 1.375rem;
        content: "";
        background-color: #9a9795;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 10px;
    }

.indexNewsP {
    font-size: 1rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.9;
    color: #3E3A39;
}

@media screen and (max-width: 1280px) {
    .indexNewsP {
        line-height: 1.6;
    }
}

@media screen and (max-width: 767px) {
    .indexNewsP {
        margin-bottom: 20px;
    }
}

.toMoreText {
    text-align: right;
    color: #991777;
    font-size: 1rem;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: -13px;
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

.indexToNewsBtn {
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
    .indexToNewsBtn {
        margin: 0;
    }
}

.indexCollectionArea {
    background-color: #991777;
    position: relative;
    padding: 90px 0 50px;
}

@media screen and (max-width: 1280px) {
    .indexCollectionArea {
        padding: 63px 0;
    }
}

.indexCollectionContainer {
    max-width: 1815px;
    margin: 0 auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .indexCollectionContainer {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }
}

.indexCollectionAreaTitleDiv {
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .indexCollectionAreaTitleDiv {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionAreaTitleDiv {
        text-align: left;
        width: 90%;
        margin: 0 auto 20px;
    }
}

.indexCollectionAreaTitle {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 40px;
}

@media screen and (max-width: 1280px) {
    .indexCollectionAreaTitle {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionAreaTitle {
        font-size: 1.5rem;
    }
}

.indexCollectionAreaTitle::before, .indexCollectionAreaTitle::after {
    content: "";
    height: 60%;
    position: absolute;
    left: 0;
    width: 10px;
}

.indexCollectionAreaTitle::before {
    background-color: #D2CAA7;
    top: -10%;
}

.indexCollectionAreaTitle::after {
    background-color: #fff;
    bottom: -10%;
}

.indexCollectionTypeDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #fff;
    background-color: #991777;
    padding: 5px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px;
    width: 100%;
}

@media screen and (max-width: 1280px) {
    .indexCollectionTypeDiv {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionTypeDiv {
        padding: 5px 0;
    }
}

.indexCollectionTypeDiv span {
    display: inline-block;
    max-width: 60%;
    font-size: 1rem;
    letter-spacing: 2px;
}

@media screen and (max-width: 1280px) {
    .indexCollectionTypeDiv span {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 960px) {
    .indexCollectionTypeDiv span {
        max-width: 75%;
    }
}

.indexCollectionTypeDivLine {
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    margin-right: 20px;
    max-width: 20%;
}

.indexCollectionBox {
    display: inline-block;
    width: calc((100% - 120px) / 3);
    color: #fff;
    margin-right: 60px;
    line-height: 1.5;
    position: relative;
}

@media screen and (max-width: 1280px) {
    .indexCollectionBox {
        width: calc((100% - 80px) / 3);
        margin-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionBox {
        width: 100%;
        margin: 0 auto 40px;
    }
}

.indexCollectionBox:last-of-type {
    margin-right: 0;
}

.indexCollectionBox h3 {
    font-size: 1.4rem;
    margin-bottom: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 1280px) {
    .indexCollectionBox h3 {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionBox h3 {
        font-size: 1.25rem;
    }
}

.indexCollectionBox p {
    line-height: 2;
    font-size: 1rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media screen and (max-width: 1280px) {
    .indexCollectionBox p {
        font-size: 1rem;
    }
}

.indexCollectionBox:hover .collMoreText span {
    border-bottom: 1px solid #D2CAA7;
}

.indexCollectionBox:hover .indexCollectionImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.indexCollectionBox1 {
    margin-top: 30px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

@media screen and (max-width: 767px) {
    .indexCollectionBox1 {
        margin-top: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.indexCollectionBox2 {
    margin-top: 230px;
}

@media screen and (max-width: 960px) {
    .indexCollectionBox2 {
        margin-top: 160px;
    }
}

@media screen and (max-width: 767px) {
    .indexCollectionBox2 {
        margin-top: auto;
    }
}

.indexCollectionBox3 {
    margin-top: -55px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

@media screen and (max-width: 767px) {
    .indexCollectionBox3 {
        margin-top: auto;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.indexCollectionImg {
    position: relative;
    margin-bottom: 30px;
    aspect-ratio: 3/2;
    border: 1px solid #d2caa7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .indexCollectionImg::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transition: background-image 3s;
        -o-transition: background-image 3s;
        transition: background-image 3s;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#9a1878), color-stop(20%, #9a1878), to(#ffffff));
        background-image: -o-linear-gradient(top, #9a1878 0%, #9a1878 20%, #ffffff 100%);
        background-image: linear-gradient(top, #9a1878 0%, #9a1878 20%, #ffffff 100%);
        left: 5px;
        top: 5px;
        z-index: -1;
    }

    .indexCollectionImg img {
        z-index: 2;
        max-height: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

.collMoreText {
    color: #d7d3b8;
    text-align: right;
    line-height: 2;
    font-weight: bold;
}

.indexPromotionArea {
    position: relative;
    padding: 50px 0 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 820px) {
    .indexPromotionArea {
        padding: 30px 0 100px;
    }
}

@media screen and (max-width: 767px) {
    .indexPromotionArea {
        padding: 44px 0 37px;
    }
}

@media screen and (max-width: 767px) {
    .indexPromotionTitle {
        width: 90%;
        margin: 0 auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.indexPromotionTitleh2 {
    display: inline-block;
    position: relative;
    color: #991777;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 40px;
    margin: 0 auto;
}

    .indexPromotionTitleh2::before, .indexPromotionTitleh2::after {
        content: "";
        height: 60%;
        position: absolute;
        left: 0;
        width: 10px;
    }

    .indexPromotionTitleh2::before {
        background-color: #991777;
        top: -10%;
    }

    .indexPromotionTitleh2::after {
        background-color: #D2CAA7;
        bottom: -10%;
    }

@media screen and (max-width: 1280px) {
    .indexPromotionTitleh2 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .indexPromotionTitleh2 {
        margin: 0;
        font-size: 1.75rem;
    }
}

.indexPromotionEach {
    position: relative;
    display: block;
}

.promotionTypeName {
    position: absolute;
    left: 3%;
    top: 3%;
    padding: 10px;
    color: #fff;
    font-size: 2.875rem;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .promotionTypeName {
        font-size: 1.25rem;
    }
}

.promotionImg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #D2CAA7;
    aspect-ratio: 3/2;
}

    .promotionImg::after {
        width: 100%;
        height: 100%;
        left: 8px;
        top: 10px;
        content: "";
        position: absolute;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8a3e75));
        background-image: -o-linear-gradient(top, #fff 0%, #8a3e75 100%);
        background-image: linear-gradient(top, #fff 0%, #8a3e75 100%);
        z-index: -1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .promotionImg img {
        max-height: 100%;
    }


.promotionInfo {
    position: relative;
    width: 76%;
    margin: -45px auto 0;
    padding: 20px;
    background-color: #991777;
    z-index: 2;
    color: #fff;
    line-height: 1.5;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .promotionInfo {
        width: 100%;
        font-size: 1rem;
        margin: 0 auto;
        padding: 10px;
    }
}

.indexPromotionSwiper {
    padding: 80px 31.5% 0;
}

@media screen and (max-width: 1280px) {
    .indexPromotionSwiper {
        padding: 60px 20% 0;
    }
}

@media screen and (max-width: 768px) {
    .indexPromotionSwiper {
        padding: 40px 15% 0;
    }
}

@media screen and (max-width: 767px) {
    .indexPromotionSwiper {
        padding: 23px 10% 0;
    }
}

.indexPromotionWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.indexPromotionSlide {
    -webkit-transition: 0.8s cubic-bezier(0.45, 0, 0.55, 1);
    -o-transition: 0.8s cubic-bezier(0.45, 0, 0.55, 1);
    transition: 0.8s cubic-bezier(0.45, 0, 0.55, 1);
    will-change: transform;
    position: relative;
}

    .indexPromotionSlide.swiper-slide-active .promotionInfo,
    .indexPromotionSlide.swiper-slide-active .promotionTypeName {
        opacity: 1;
    }

    .indexPromotionSlide.swiper-slide-prev {
        -webkit-transform: scale3d(0.85, 0.85, 0.85);
        transform: scale3d(0.85, 0.85, 0.85);
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        transform-origin: bottom;
    }

        .indexPromotionSlide.swiper-slide-prev .promotionInfo,
        .indexPromotionSlide.swiper-slide-prev .promotionTypeName {
            opacity: 0;
        }

    .indexPromotionSlide.swiper-slide-next {
        -webkit-transform: scale3d(0.85, 0.85, 0.85);
        transform: scale3d(0.85, 0.85, 0.85);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
    }

        .indexPromotionSlide.swiper-slide-next .promotionInfo,
        .indexPromotionSlide.swiper-slide-next .promotionTypeName {
            opacity: 0;
        }

.indexPromotionButtons {
    position: absolute;
    right: 3%;
    bottom: 0%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1280px) {
    .indexPromotionButtons {
        right: 1%;
    }
}

@media screen and (max-width: 767px) {
    .indexPromotionButtons {
        position: relative;
        right: auto;
        bottom: auto;
        max-width: 120px;
        margin: 50px auto 0;
    }
}

.indexPromotionButtons .indexPromotionNext,
.indexPromotionButtons .indexPromotionPrev {
    position: relative;
    width: 45px;
    height: 48px;
}

    .indexPromotionButtons .indexPromotionNext:hover,
    .indexPromotionButtons .indexPromotionPrev:hover {
        -webkit-filter: drop-shadow(0px 0px 5px #D2CAA7);
        filter: drop-shadow(0px 0px 5px #D2CAA7);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

@media screen and (max-width: 820px) {
    .indexPromotionButtons .indexPromotionNext,
    .indexPromotionButtons .indexPromotionPrev {
        width: 40px;
        height: 43px;
    }
}

.indexPromotionButtons .indexPromotionNext {
    margin-left: 35px;
}

@media screen and (max-width: 1280px) {
    .indexPromotionButtons .indexPromotionNext {
        margin-left: 18px;
    }
}

.indexPromotionButtons .indexPromotionNext::after {
    display: none;
}

.indexPromotionButtons .indexPromotionPrev {
    margin-right: 10px;
}

    .indexPromotionButtons .indexPromotionPrev::after {
        display: none;
    }

.indexAboutArea {
    position: relative;
    padding: 100px 0px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .indexAboutArea {
        padding: 110px 0 90px;
    }
}

@media screen and (max-width: 767px) {
    .indexAboutArea {
        padding: 60px 0 90px;
    }
}

.indexAboutArea::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
    background-image: url(../../../images/bg/index-b.png);
    background-position: center;
    z-index: 1;
}

.indexAboutArea::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    z-index: 2;
    opacity: 0.5;
}

.indexAboutContainer {
    width: 98%;
    margin: 0 auto;
    max-width: 1630px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .indexAboutContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 80%;
    }
}

.indexAboutTitle {
    position: relative;
    text-align: center;
}

    .indexAboutTitle h2 {
        font-weight: bold;
        font-size: 2rem;
        color: #fff;
        line-height: 1.5;
        position: relative;
        margin-bottom: 30px;
        height: 150px;
    }

@media screen and (max-width: 1280px) {
    .indexAboutTitle h2 {
        margin-bottom: 50px;
        font-size: 1.6rem;
        height: 120px;
    }
}

@media screen and (max-width: 767px) {
    .indexAboutTitle h2 {
        height: auto;
        margin-bottom: 30px;
    }
}

.indexAboutTitle h2 span {
    position: relative;
    display: inline-block;
}

    .indexAboutTitle h2 span::before, .indexAboutTitle h2 span::after {
        content: "";
        height: 10px;
        width: 25px;
        position: absolute;
        bottom: -40px;
    }

@media screen and (max-width: 767px) {
    .indexAboutTitle h2 span::before, .indexAboutTitle h2 span::after {
        bottom: -25px;
    }
}

.indexAboutTitle h2 span::before {
    background-color: #fff;
    left: 50%;
}

.indexAboutTitle h2 span::after {
    background-color: #D2CAA7;
    right: 50%;
}

.indexAboutTitle p {
    color: #fff;
    text-align: left;
    line-height: 2;
    width: 70%;
    margin: 0 auto;
    padding: 20px 0;
    height: 220px;
    font-size: 1rem;
}

@media screen and (max-width: 820px) {
    .indexAboutTitle p {
        height: auto;
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    .indexAboutTitle p {
        width: 100%;
        margin-bottom: 20px;
        font-size: 1rem;
    }
}

.indexVenueManagement {
    display: block;
    width: 50%;
    border-right: 2px solid #fff;
    padding: 10px 0;
}

    .indexVenueManagement:hover .indexAboutMoreBtn img {
        margin-left: 20px;
    }

@media screen and (max-width: 767px) {
    .indexVenueManagement {
        width: 100%;
        border-right: none;
        margin: 0 auto;
        border-bottom: 1px solid #fff;
        padding: 0px 0 50px;
    }
}

.indexAbout {
    display: block;
    width: 50%;
    padding: 10px 0;
}

    .indexAbout:hover .indexAboutMoreBtn img {
        margin-left: 20px;
    }

@media screen and (max-width: 767px) {
    .indexAbout {
        width: 100%;
        padding: 50px 0 0;
    }
}

.indexAboutMoreBtn {
    display: inline-block;
    padding: 15px 50px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 1rem;
}

    .indexAboutMoreBtn img {
        width: 28px;
        vertical-align: middle;
        margin-left: 10px;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

@media screen and (max-width: 767px) {
    .indexAboutMoreBtn {
        font-size: 1rem;
        padding: 10px 30px;
    }
}

.venueSection {
    padding-bottom: 50px;
}

@media screen and (max-width: 1280px) {
    .venueSection {
        padding: 0;
    }
}

.venueSectionContainer {
    position: relative;
    z-index: 2;
    max-width: 973px;
    margin: 0px auto;
}

    .venueSectionContainer iframe{
        max-width:100%
    }

    @media screen and (max-width: 1600px) {
        .venueSectionContainer {
        width: 90%;
    }
}

.venueSectionContainer > h2 {
    font-size: 2rem;
    font-weight: bold;
    margin: 45px 0;
}

@media screen and (max-width: 1280px) {
    .venueSectionContainer > h2 {
        margin: 25px 0;
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .venueSectionContainer > h2 {
        font-size: 1.5rem;
        margin: 15px 0;
    }
}

.venueSectionContainer p {
    font-size: 1.125rem;
    line-height: 1.9;
}

@media screen and (max-width: 768px) {
    .venueSectionContainer p {
        font-size: 1rem;
    }
}

.venueSectionContainer figcaption {
    display: inline-block;
    margin: 10px 0;
}

.venueSectionContainer ul,
.venueSectionContainer ol {
    font-size: 1.125rem;
    line-height: 1.9;
    padding-left: 1.8125rem;
}

@media screen and (max-width: 768px) {
    .venueSectionContainer ul,
    .venueSectionContainer ol {
        font-size: 1rem;
    }
}

.venueSectionContainer ul li,
.venueSectionContainer ol li {
    margin-bottom: 20px;
}

.venueSectionContainer ul {
    list-style: disc;
}

.venueSectionContainer ol {
    list-style: decimal;
}

/*.venueSectionContainer table {
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.venueSectionContainer td {
    border:1px solid #000;
}*/

.venueSectionContainer h1,
.venueSectionContainer h3,
.venueSectionContainer h4,
.venueSectionContainer h5,
.venueSectionContainer h6 {
    font-weight: bold;
    line-height: 1.9;
    margin-bottom: 2rem;
    color: #991777;
}

.venueSectionContainer h1 {
    font-size: 2.1rem;
}

.venueSectionContainer h3 {
    font-size: 1.6rem;
}

.venueSectionContainer h4 {
    font-size: 1.4rem;
}

.venueSectionContainer h5 {
    font-size: 1.2rem;
}

.venueSectionContainer h6 {
    font-size: 1.15rem;
}

.venueSectionContainer b, .venueSectionContainer strong {
    font-weight: bold;
}

.venueSectionContainer i {
    font-style: italic;
}

.venueSectionContainer p > a {
    color: #991777;
    text-decoration: underline;
}

.venueSectionMainPic {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .venueSectionPicRow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.venueSectionPicRow figure {
    width: 48%;
}

@media screen and (max-width: 767px) {
    .venueSectionPicRow figure {
        width: 100%;
        margin-bottom: 20px;
    }
}

.venueSectionPicRowImg {
    width: 100%;
}

    .venueSectionPicRowImg img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.venueRentalInfos {
    max-width: 900px;
    margin: 0 auto;
}

    .venueRentalInfos ul {
        padding: 20px 0 30px 20px;
    }

@media screen and (max-width: 767px) {
    .venueRentalInfos ul {
        padding: 14px 0 21px 14px;
    }
}

.venueRentalInfos li > img {
    width: 50px;
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .venueRentalInfos li > img {
        width: 30px;
        margin-right: 10px;
    }
}

.venueRentalInfos li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
}

.venueRentalInfos span {
    color: #960170;
    text-decoration: underline;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .venueRentalInfos span {
        font-size: 1rem;
    }
}

.venueRentalInfos .contactUl li {
    font-size: 1.125rem;
    font-weight: bold;
    margin: 10px 0;
}

@media screen and (max-width: 767px) {
    .venueRentalInfos .contactUl li {
        font-size: 1rem;
    }
}

.venueRentalTitle {
    font-size: 1.375rem;
    color:#fff;
}

@media screen and (max-width: 767px) {
    .venueRentalTitle {
        font-size: 1.1rem;
    }
}

.venueRentalInfoBtn {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #991777;
    border-radius: 50px;
    padding: 10px 20px;
    color: #fff;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 1.0625rem;
}

@media screen and (max-width: 767px) {
    .venueRentalInfoBtn {
        font-size: 0.875rem;
        margin-left: 12px;
        padding: 6px 12px;
    }
}

.venueRentalInfoBtn img {
    width: 30px;
    vertical-align: middle;
    margin-left: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media screen and (max-width: 767px) {
    .venueRentalInfoBtn img {
        width: 20px;
        margin-left: 10px;
    }
}

.venueRentalInfoBtn:hover img {
    margin-left: 30px;
}

.donationSection {
    padding: 0px 0 40px;
    width: 90%;
    margin: 0 auto;
    color: #3E3A39;
}

.donationSectionTitle {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    color: #991777;
    padding: 50px 0;
}

@media screen and (max-width: 767px) {
    .donationSectionTitle {
        font-size: 1.5rem;
        padding: 20px 0 40px;
    }
}

.donationSectionMain {
    max-width: 973px;
    margin: 0 auto;
}

    .donationSectionMain > p {
        font-size: 1.1875rem;
        line-height: 1.9;
        margin-bottom: 30px;
    }

@media screen and (max-width: 767px) {
    .donationSectionMain > p {
        font-size: 1rem;
    }
}

.donationRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .donationRow {
        margin-bottom: 20px;
        align-items:flex-start;
    }
    
}

.donationRow:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width: 375px) {
    .donationRow:last-of-type {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.donationRow > span {
    display: inline-block;
    margin-right: 22px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .donationRow > span {
        margin-right: 10px;
        margin-bottom: 12px;
    }
}

.donationRow .mobileHideSpan {
    display: inline-block;
}

@media screen and (max-width: 820px) {
    .donationRow .mobileHideSpan {
        display: none;
    }
}

.donationFormTop {
    font-size: 1.25rem;
    padding: 30px 0;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .donationFormTop {
        padding: 20px 0;
        margin-bottom: 20px;
        font-size: 1rem;
    }
}

.donationFormTop > label {
    display: inline-block;
    cursor: pointer;
}

.donateNumDiv {
    position: relative;
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .donateNumDiv:last-of-type {
        margin-right: 0;
    }
}

.donateNumDiv input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

    .donateNumDiv input:checked + label {
        background-color: #991777;
        color: #fff;
    }

.donateNumLabel {
    border: 1px solid #707070;
    color: #991777;
    background-color: #fff;
    padding: 7px 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .donateNumLabel {
        padding: 7px 15px;
    }
}

.donatePriceCustomize {
    font-size: 1.25rem;
    width: 160px;
    padding: 5px 14px;
    color: #991777;
    margin: 0 10px;
}
.donateExtraItem {
    font-size: 1.25rem;
    width: 170px;
    padding: 5px 14px;
    color: #991777;
    margin: 0 10px;
}
@media screen and (max-width: 767px) {
    .donatePriceCustomize, .donateExtraItem {
        font-size: 0.875rem;
    }
    .donateExtraItem{
        margin:0;
    }
}

.donatePriceCustomize::-webkit-input-placeholder {
    color: #b5b5b5;
}

.donatePriceCustomize::-moz-placeholder {
    color: #b5b5b5;
}

.donatePriceCustomize:-ms-input-placeholder {
    color: #b5b5b5;
}

.donatePriceCustomize::-ms-input-placeholder {
    color: #b5b5b5;
}

.donatePriceCustomize::placeholder {
    color: #b5b5b5;
}

.donatePriceDiv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .donatePriceDiv span {
        white-space: nowrap;
    }

    .donatePriceDiv > span {
        font-weight: bold;
        display: inline-block;
        margin-right: 25px;
    }

@media screen and (max-width: 767px) {
    .donatePriceDiv > span {
        margin-right: 15px;
    }
}

.donatePriceDiv:last-of-type > span {
    font-weight: normal;
    margin-right: 0px;
}

@media screen and (max-width: 820px) {
    .donatePriceDiv {
        margin-bottom: 25px;
    }

        .donatePriceDiv:last-of-type {
            margin-bottom: 0;
        }
}

@media screen and (max-width: 767px) {
    .donatePriceDiv {
        margin-bottom: 20px;
    }
}

.radio-label {
    cursor: pointer;
}

.donateType {
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .donateType {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

.donateType input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .donateType input[type="radio"] + .radio-label:before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 27px;
        height: 27px;
        position: relative;
        top: -2px;
        margin-right: 8px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

@media screen and (max-width: 767px) {
    .donateType input[type="radio"] + .radio-label:before {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
}

.donateType input[type="radio"]:checked + .radio-label:before {
    background-color: #991777;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.donateType input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #991777;
}

.donateType input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.donateWayBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items:center;
}

.donateWay {
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .donateWay {
        margin-right: 10px;
        margin-bottom: 8px;
    }
}

.donateWay input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .donateWay input[type="radio"] + .radio-label:before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 27px;
        height: 27px;
        position: relative;
        top: -2px;
        margin-right: 8px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

@media screen and (max-width: 767px) {
    .donateWay input[type="radio"] + .radio-label:before {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
}

.donateWay input[type="radio"]:checked + .radio-label:before {
    background-color: #991777;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.donateWay input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #991777;
}

.donateWay input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.donorInfoForm {
    font-size: 1.1875rem;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .donorInfoForm {
        font-size: 1rem;
    }
}

.donorInfoForm > h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    .donorInfoForm > h3 {
        margin-bottom: 20px;
    }
}

.donorRowFirst {
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    .donorRowFirst {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
}
.donorRowFirstQbox {
    width: 45%;
}

@media screen and (max-width: 767px) {
    .donorRowFirstQbox {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .donorRowFirstQbox:first-of-type {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.donorRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

    .donorRow input {
        padding: 10px 15px;
        font-size: 1.1875rem;
        width: 100%;
        color: #991777;
    }

@media screen and (max-width: 767px) {
    .donorRow input {
        padding: 7px 15px;
        font-size: 1rem;
    }
}

.donorRow input::-webkit-input-placeholder {
    color: #b5b5b5;
}

.donorRow input::-moz-placeholder {
    color: #b5b5b5;
}

.donorRow input:-ms-input-placeholder {
    color: #b5b5b5;
}

.donorRow input::-ms-input-placeholder {
    color: #b5b5b5;
}

.donorRow input::placeholder {
    color: #b5b5b5;
}

.donorRow label {
    display: inline-block;
    margin-bottom: 20px;
}

.donorRowInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.donorQbox {
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    .donorQbox {
        margin-bottom: 20px;
    }
}


.infoErrorHintBox {
    color: #db1010;
    font-size: 1.1875rem;
    margin: 8px 0 5px 10px;
}

    .infoErrorHintBox:last-of-type {
        margin: 0 0 0px 10px;
    }

@media screen and (max-width: 767px) {
    .infoErrorHintBox {
        font-size: 1rem;
    }
}

.infoErrorHint {
    display: none;
    margin: 10px 0 0;
}
.verificationCodeBox {
    padding: 40px 0 29px;
}

.termsContainer > p {
    font-size: 1.1875rem;
    line-height: 1.2;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
    .termsContainer > p {
        font-size: 1rem;
        line-height: 2;
    }
}

.termsCheck {
    margin-right: 15px;
}

    .termsCheck input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .termsCheck input[type="radio"] + .radio-label:before {
            content: "";
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid #b4b4b4;
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            top: -1px;
            margin-right: 8px;
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            -webkit-transition: all 250ms ease;
            -o-transition: all 250ms ease;
            transition: all 250ms ease;
        }

@media screen and (max-width: 767px) {
    .termsCheck input[type="radio"] + .radio-label:before {
        width: 18px;
        height: 18px;
    }
}

.termsCheck input[type="radio"]:checked + .radio-label:before {
    background-color: #991777;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.termsCheck input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #991777;
}

.termsCheck input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.termsCheckBoxCheck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 375px) {
    .termsCheckBoxCheck {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.termsCheckBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 820px) {
    .termsCheckBox {
        margin: 10px 0;
    }
}
.termsCheckBoxSpan {
    display: inline-block;
    margin-right: 6px;
    font-size: 1.1875rem;
    line-height:2;
}

@media screen and (max-width: 767px) {
    .termsCheckBoxSpan {
        font-size: 1rem;
    }
}

@media screen and (max-width: 376px) {
    .termsCheckBoxSpan {
        display: block;
        margin-bottom: 15px;
    }
}

.termsCheck label {
    font-weight: bold;
    font-size: 1.1875rem;
}

@media screen and (max-width: 767px) {
    .termsCheck label {
        font-size: 0.875rem;
    }
}

.sendFormBtnBox {
    margin: 45px 0;
}

@media screen and (max-width: 767px) {
    .sendFormBtnBox {
        margin: 30px 0;
    }
}

.sendDonateFormBtn {
    font-size: 1.375rem;
}

@media screen and (max-width: 767px) {
    .sendDonateFormBtn {
        font-size: 1rem;
    }
}

.sendDonateFormBtn img {
    width: 36px;
}

@media screen and (max-width: 767px) {
    .sendDonateFormBtn img {
        width: 25px;
    }
}

.donationResult {
    max-width: 950px;
    margin: 0 auto 75px;
    text-align: center;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

@media screen and (max-width: 820px) {
    .donationResult {
        margin: 0 auto 60px;
    }
}

@media screen and (max-width: 767px) {
    .donationResult {
        margin: 0 auto 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.donationResult img {
    margin: 0 auto;
}

.donationResult.donationResultATM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.donationResultPic {
    max-width: 400px;
    width: 40%;
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
    .donationResultPic {
        width: 100%;
        margin: 0 0 20px;
    }
}

.donationResultText {
    text-align: left;
    font-size: 1.25rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.8;
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
    .donationResultText {
        font-size: 1rem;
    }
}

.donationResultP {
    max-width: 950px;
    margin: 0 auto 240px;
    text-align: center;
    font-size: 1.625rem;
    line-height: 1.615;
    font-weight: bold;
}

@media screen and (max-width: 820px) {
    .donationResultP {
        margin: 0 auto 120px;
    }
}

@media screen and (max-width: 767px) {
    .donationResultP {
        margin: 0 auto 60px;
        font-size: 1.2rem;
    }
}

.donationResultP a {
    color: #9a1878;
    text-decoration: underline;
}

.donorListSection {
    max-width: 973px;
    margin: 0 auto;
    width: 90%;
    position: relative;
}

.donorListSectionTitle {
    font-size: 2rem;
    color: #991777;
    font-weight: bold;
    text-align: center;
    padding: 50px 0;
}

@media screen and (max-width: 820px) {
    .donorListSectionTitle {
        font-size: 1.8rem;
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .donorListSectionTitle {
        font-size: 1.5rem;
        padding: 25px 0 25px;
    }
}

.donorListUp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
    .donorListUp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 15px;
    }
}

.donorListUp > p {
    font-size: 1.375rem;
    font-weight: bold;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .donorListUp > p {
        font-size: 1rem;
        margin-bottom: 40px;
        -ms-flex-item-align: center;
        align-self: center;
    }
}

.donorListUp span {
    font-size: 1.1875rem;
    color: #3E3A39;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .donorListUp span {
        font-size: 1rem;
    }
}

.donorListUpSelect {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 2rem;
    overflow: hidden;
}

    .donorListUpSelect::after {
        content: "\25BC";
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: 0.25s all ease;
        -o-transition: 0.25s all ease;
        transition: 0.25s all ease;
        pointer-events: none;
        color: #991777;
        text-shadow: 0px 0px 2px #707070;
    }

    .donorListUpSelect:hover::after {
        color: #D2CAA7;
    }

    .donorListUpSelect select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #707070;
        width: 100%;
        height: 100%;
        margin-left: 15px;
        padding-left: 15px;
        color: #991777;
        cursor: pointer;
        font-size: 1.1875rem;
    }

        .donorListUpSelect select::-ms-expand {
            display: none;
        }

@media screen and (max-width: 767px) {
    .donorListUpSelect select {
        font-size: 1rem;
    }
}

.donorListYear {
    background-color: #5e194c;
    color: #fff;
    padding: 12px 30px;
    font-size: 1.375rem;
}

@media screen and (max-width: 767px) {
    .donorListYear {
        font-size: 1.125rem;
        padding: 8px 20px;
    }
}

.donorListsUl {
    font-weight: bold;
    padding: 25px;
    font-size: 1.125rem;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .donorListsUl {
        padding: 15px;
        font-size: 1rem;
    }
}

.donorListsUl > li {
    margin-bottom: 45px;
    display: block;
}

@media screen and (max-width: 767px) {
    .donorListsUl > li {
        margin-bottom: 30px;
    }
}

.donorListsNameUl {
    margin: 20px 0 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .donorListsNameUl > li {
        margin: 0 15px 15px 0;
        font-weight: normal;
        white-space: nowrap;
    }

@media screen and (max-width: 767px) {
    .donorListsNameUl > li {
        margin: 0 10px 10px 0;
    }
}

.newsIndexContainer {
    max-width: 973px;
    margin: 0 auto;
    padding: 0px 0 70px;
    width: 90%;
}

@media screen and (max-width: 960px) {
    .newsIndexContainer {
        padding: 0px 0 56px;
    }
}

@media screen and (max-width: 767px) {
    .newsIndexContainer {
        padding: 0px 0 30px;
    }
}

.newsIndexContainer > h2 {
    font-size: 2rem;
    color: #991777;
    padding: 50px 0;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 960px) {
    .newsIndexContainer > h2 {
        font-size: 1.7rem;
        padding: 40px 0;
    }
}

@media screen and (max-width: 767px) {
    .newsIndexContainer > h2 {
        font-size: 1.5rem;
        padding: 30px 0;
    }
}

.newsContentBg {
    padding-bottom: 58px;
}

.newsContentContainer {
    max-width: 973px;
    margin: 0 auto;
    padding: 58px 0 20px;
    width: 92%;
}

@media screen and (max-width: 960px) {
    .newsContentContainer {
        padding: 25px 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .newsContentContainer {
        padding: 15px 0 30px;
        width: 90%;
    }
}

.newsContentTitleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #3E3A39;
}

.newsContentTitle {
    max-width: 700px;
    margin-bottom: 20px;
}

    .newsContentTitle h1 {
        font-size: 2rem;
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 30px;
    }

@media screen and (max-width: 960px) {
    .newsContentTitle h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .newsContentTitle h1 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}

.newsContentTitle h2 {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .newsContentTitle h2 {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .newsContentTitle h2 {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 15px;
    }
}

.newsContentTitle .newsDate {
    font-size: 1.125rem;
    color: #9c9997;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .newsContentTitle .newsDate {
        font-size: 0.9rem;
    }
}

.newsContentShare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #991777;
    padding-bottom: 4px;
    border-bottom: 1px solid #991777;
}

@media screen and (max-width: 820px) {
    .newsContentShare {
        display: none;
    }
}

.newsContentShare ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.newsContentShare li {
    margin-right: 12px;
}

.newsContentShare a {
    display: inline-block;
    width: 37px;
}

    .newsContentShare a:hover {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2);
    }

.newsContentShare span {
    display: inline-block;
    margin-right: 12px;
}

.newsImg {
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .newsImg {
        margin-bottom: 35px;
    }
}

.newsSchedule {
    max-width: 960px;
    margin: 0 auto 2rem;
    background-color: #fff;
    border-top: 19px solid #991777;
    padding: 20px 40px;
    font-weight: bold;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .newsSchedule {
        padding: 20px;
        margin: 0 auto 20px;
    }
}

.newsSchedule li {
    font-size: 1.125rem;
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .newsSchedule li {
        font-size: 1.1rem;
    }
}

.newsSchedule > p {
    font-size: 1.375rem;
    margin-bottom: 10px;
    color: #991777;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .newsSchedule > p {
        font-size: 1.4rem;
    }
}


.newsArticle iframe {
    max-width: 100%;
}

.newsArticle figure {
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .newsArticle figure {
        margin-bottom: 30px;
    }
}

.newsArticle figure figcaption {
    font-size: 0.875rem;
    display: block;
    padding: 15px 0;
}

.newsArticle h1,
.newsArticle h2,
.newsArticle h3,
.newsArticle h4,
.newsArticle h5,
.newsArticle h6 {
    font-weight: bold;
    line-height: 1.9;
    margin-bottom: 2rem;
    color: #991777;
}

.newsArticle h1 {
    font-size: 2rem;
}

.newsArticle h2 {
    font-size: 1.8rem;
}

.newsArticle h3 {
    font-size: 1.6rem;
}

.newsArticle h4 {
    font-size: 1.4rem;
}

.newsArticle h5 {
    font-size: 1.2rem;
}

.newsArticle h6 {
    font-size: 1.15rem;
}

.newsArticle div {
    font-size: 1.125rem;
    line-height: 1.9;
    margin: 0 auto 2rem;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .newsArticle div {
        margin: 0 auto 20px;
        font-size: 1rem;
    }
}

.newsArticle p {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .newsArticle p {
        font-size: 1rem;
    }
}

.newsArticle b, .newsArticle strong {
    font-weight: bold;
}

.newsArticle i, .newsArticle em {
    font-style: italic;
}

.newsArticle a {
    color: #991777;
    text-decoration: underline;
}

.newsArticle sub {
    vertical-align: sub;
    font-size: smaller;
}

.newsArticle sup {
    vertical-align: super;
    font-size: smaller;
}

.newsArticle ul {
    list-style: disc;
}

.newsArticle ol {
    list-style: decimal;
}

.newsArticle ul,
.newsArticle ol {
    list-style-position: inside;
}

.newsArticle li {
    margin: 10px 0;
}

.newsArticle blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
/*.newsArticle table {
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}*/

/*.newsArticle td {
    border: 1px solid #000;
}*/

.newsContentPicArea {
    max-width: 973px;
    margin: 0 auto;
    margin-bottom: 78px;
}

@media screen and (max-width: 767px) {
    .newsContentPicArea {
        margin-bottom: 30px;
    }
}

.newsContentPicTitleWrap {
    width: 76.56%;
    background-color: #991777;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width: 820px) {
    .newsContentPicTitleWrap {
        padding: 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .newsContentPicTitleWrap {
        width: 100%;
    }
}

.newsContentPicTitle {
    width: 100%;
    max-width: 960px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}

    .newsContentPicTitle p {
        font-size: 1.5rem;
        font-weight: bold;
        color: #fff;
    }

@media screen and (max-width: 767px) {
    .newsContentPicTitle p {
        font-size: 1.3rem;
    }
}

.newsContentPicTitle span {
    font-size: 1.125rem;
    color: #be99b5;
}

@media screen and (max-width: 767px) {
    .newsContentPicTitle span {
        display: none;
    }
}

.newsContentPicSwiperSwitch {
    position: relative;
    width: 120px;
    min-height: 57px;
}

@media screen and (max-width: 767px) {
    .newsContentPicSwiperSwitch {
        width: 100px;
    }
}

.newsContentPicSwiperSwitch .newsPicSlideNext,
.newsContentPicSwiperSwitch .newsPicSlidePrev {
    width: 45px;
}

@media screen and (max-width: 768px) {
    .newsContentPicSwiperSwitch .newsPicSlideNext,
    .newsContentPicSwiperSwitch .newsPicSlidePrev {
        width: 40px;
    }
}

@media screen and (max-width: 767px) {
    .newsContentPicSwiperSwitch .newsPicSlideNext,
    .newsContentPicSwiperSwitch .newsPicSlidePrev {
        width: 35px;
    }
}

.newsContentPicSwiperSwitch .newsPicSlideNext::after,
.newsContentPicSwiperSwitch .newsPicSlidePrev::after {
    display: none;
}

.newsContentPicSwiperSwitch .newsPicSlideNext {
    right: 0;
}

.newsContentPicSwiperSwitch .newsPicSlidePrev {
    left: 0;
}

.newsContentPicSwiperContainer {
    position: relative;
}

    .newsContentPicSwiperContainer::before {
        content: "";
        width: 76.56%;
        background-color: #991777;
        height: 50%;
        position: absolute;
        left: 0;
        top: 0;
    }

@media screen and (max-width: 767px) {
    .newsContentPicSwiperContainer::before {
        width: 100%;
    }
}

.newsPicSlide {
    cursor: pointer;
}

.newsPicSlidePic {
    position: relative;
    padding-top: 100%;
}

    .newsPicSlidePic:hover img {
        padding: 5px;
    }

    .newsPicSlidePic img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: padding .1s;
        -o-transition: padding .1s;
        transition: padding .1s;
    }

.newsQAArea {
    clear:both;
    max-width: 973px;
    margin: 0 auto;
    width: 92%;
}

@media screen and (max-width: 767px) {
    .newsQAArea {
        width: 90%;
    }
}

.newsActions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .newsActions {
        margin-bottom: 15px;
    }
}

.newsAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 820px) {
    .newsAction {
        margin-bottom: 15px;
    }
}

.newsAction span {
    display: inline-block;
    color: #991777;
    font-size: 1.125rem;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .newsAction span {
        font-size: 1rem;
    }
}

.newsAction ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.newsAction li {
    margin-right: 12px;
}

    .newsAction li:last-of-type {
        margin-right: 0;
    }

.newsAction a {
    display: inline-block;
}

.newsShare {
    margin-right: 34px;
    margin-bottom: 15px;
}

@media screen and (max-width: 960px) {
    .newsShare {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .newsShare {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.newsShare a {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .newsShare a {
        width: 30px;
    }
}

.newsShare a:hover {
    -webkit-filter: drop-shadow(0px 3px 3px #a5a5a5);
    filter: drop-shadow(0px 3px 3px #a5a5a5);
}

.newsKeywords {
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .newsKeywords {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .newsKeywords span {
            padding-top: 6px;
        }
}

.newsKeywords ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .newsKeywords li {
        margin-bottom: 10px;
    }
}

.newsKeywords a {
    border: 1px solid #D2CAA7;
    padding: 10px 15px;
    background: #991777;
    color: #fff;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .newsKeywords a {
        padding: 6px 8px;
        font-size: 0.9rem;
    }
}

.newsKeywords a:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.QABoxTitle {
    font-size: 1.375rem;
    color: #fff;
    background-color: #5e194c;
    padding: 10px 30px;
}

@media screen and (max-width: 767px) {
    .QABoxTitle {
        font-size: 1rem;
    }
}

.QALists {
    padding: 30px;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .QALists {
        padding: 15px;
    }
}

.QALists li {
    margin-bottom: 35px;
}

.QALists .question {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .QALists .question {
        font-size: 1rem;
        line-height: 2;
    }
}

.QALists .answer {
    font-size: 1.125rem;
    padding-left: 2.5rem;
    line-height: 2;
}

@media screen and (max-width: 767px) {
    .QALists .answer {
        font-size: 0.9rem;
        padding-left: 2rem;
    }
}

.moreNewsAboutArea {
    max-width: 973px;
    margin: 0 auto;
    width: calc(95% - 10px);
}

@media screen and (max-width: 767px) {
    .moreNewsAboutArea {
        width: calc(90% - 10px);
    }
}

.moreNewsAboutAreaTitle {
    display: inline-block;
    position: relative;
    color: #991777;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 40px;
    margin-bottom: 45px;
}

@media screen and (max-width: 1280px) {
    .moreNewsAboutAreaTitle {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .moreNewsAboutAreaTitle {
        font-size: 1.3rem;
        padding-left: 27px;
    }
}

.moreNewsAboutAreaTitle::before, .moreNewsAboutAreaTitle::after {
    content: "";
    height: 60%;
    position: absolute;
    left: 0;
    width: 10px;
}

@media screen and (max-width: 767px) {
    .moreNewsAboutAreaTitle::before, .moreNewsAboutAreaTitle::after {
        height: 100%;
    }
}

.moreNewsAboutAreaTitle::before {
    background-color: #991777;
    top: -10%;
}

@media screen and (max-width: 767px) {
    .moreNewsAboutAreaTitle::before {
        top: -50%;
    }
}

.moreNewsAboutAreaTitle::after {
    background-color: #D2CAA7;
    bottom: -10%;
}

@media screen and (max-width: 767px) {
    .moreNewsAboutAreaTitle::after {
        bottom: -50%;
    }
}

.moreNewsAboutList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .moreNewsAboutList li {
        width: calc(33.3333% - 30px);
        margin-right: 44px;
    }

        .moreNewsAboutList li:last-of-type {
            margin-right: 0;
        }

@media screen and (max-width: 767px) {
    .moreNewsAboutList li {
        width: 100%;
        margin: 0 auto 30px;
    }
}

.moreNewsAboutList a {
    display: block;
}

    .moreNewsAboutList a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: drop-shadow(0px 3px 3px #000);
        filter: drop-shadow(0px 3px 3px #000);
    }

.moreNewsAboutList h3 {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #3E3A39;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .moreNewsAboutList h3 {
        font-size: 1.2rem;
    }
}


.moreNewsAboutList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .moreNewsAboutList li {
        width: calc(33.3333% - 30px);
        margin-right: 44px;
    }

        .moreNewsAboutList li:last-of-type {
            margin-right: 0;
        }

@media screen and (max-width: 767px) {
    .moreNewsAboutList li {
        width: 100%;
        margin: 0 auto 30px;
    }
}

.moreNewsAboutList a {
    display: block;
}

    .moreNewsAboutList a:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-filter: drop-shadow(0px 3px 3px #000);
        filter: drop-shadow(0px 3px 3px #000);
    }

.moreNewsAboutList h3 {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #3E3A39;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .moreNewsAboutList h3 {
        font-size: 1.2rem;
    }
}

.moreNewsPic {
    position: relative;
    margin-bottom: 30px;
    aspect-ratio: 3/2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    z-index: 3;
}

    .moreNewsPic::after {
        width: 100%;
        height: 100%;
        left: 10px;
        top: 10px;
        content: "";
        position: absolute;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#8a3e75));
        background-image: -o-linear-gradient(top, #fff 0%, #8a3e75 100%);
        background-image: linear-gradient(top, #fff 0%, #8a3e75 100%);
        z-index: 1;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

    .moreNewsPic::before {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #D2CAA7;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 2;
    }

@media screen and (max-width: 767px) {
    .moreNewsPic {
        margin-bottom: 15px;
    }
}

.moreNewsPic img {
    position: relative;
    z-index: 3;
    max-height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.searchIndexContainer {
    padding: 37px 0 70px;
    max-width: 973px;
    margin: 0 auto;
    width: 95%;
}

@media screen and (max-width: 767px) {
    .searchIndexContainer {
        padding: 24px 0 30px;
        width: 90%;
    }
}

.searchIndexForm {
    width: 100%;
}

.searchIndexInputRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #707070;
    overflow: hidden;
    padding: 0 33px 0 58px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 37px;
}

@media screen and (max-width: 820px) {
    .searchIndexInputRow {
        padding: 0 20px 0 45px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .searchIndexInputRow {
        padding: 0 20px 0 20px;
    }
}

.searchIndexInputRow input {
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    font-size: 1.375rem;
    font-weight: bold;
}

@media screen and (max-width: 820px) {
    .searchIndexInputRow input {
        font-size: 1rem;
        padding: 12px 0;
    }
}

.searchIndexInputRow a {
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
    color: #991777;
    margin-left: 5px;
}

    .searchIndexInputRow a:hover {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2);
    }

@media screen and (max-width: 820px) {
    .searchIndexInputRow a {
        font-size: 1.4rem;
    }
}

.searchIndexH2 {
    font-size: 2rem;
    font-weight: bold;
    color: #991777;
    margin-bottom: 33px;
}

@media screen and (max-width: 768px) {
    .searchIndexH2 {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
    .searchIndexH2 {
        font-size: 1.25rem;
    }
}

.searchIndexH2 span {
    font-size: 1.125rem;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .searchIndexH2 span {
        font-size: 1rem;
    }
}

.searchKeywordContainer {
    padding: 67px 0 68px;
    max-width: 973px;
    margin: 0 auto;
    width: 95%;
}

@media screen and (max-width: 1600px) {
    .searchKeywordContainer {
        padding: 40px 0;
    }
}

@media screen and (max-width: 768px) {
    .searchKeywordContainer {
        padding: 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .searchKeywordContainer {
        padding: 24px 0 25px;
        width: 90%;
    }
}

.searchKeywordH2 {
    font-size: 2rem;
    font-weight: bold;
    color: #991777;
    margin-bottom: 67px;
}

@media screen and (max-width: 1280px) {
    .searchKeywordH2 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .searchKeywordH2 {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .searchKeywordH2 {
        font-size: 1.25rem;
        margin-bottom: 20px;
    }
}

.searchKeywordH2 span {
    font-size: 1.125rem;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .searchKeywordH2 span {
        font-size: 1rem;
    }
}

.importantSection {
    padding: 0px 0 130px;
    color: #3E3A39;
}

@media screen and (max-width: 768px) {
    .importantSection {
        padding: 30px 0 60px;
    }
}

@media screen and (max-width: 767px) {
    .importantSection {
        padding: 15px 0 50px;
    }
}

.importantSectionTitle {
    font-size: 2rem;
    color: #991777;
    font-weight: bold;
    text-align: center;
    padding: 50px 0;
}

@media screen and (max-width: 820px) {
    .importantSectionTitle {
        font-size: 1.7rem;
        padding: 40px 0;
    }
}

@media screen and (max-width: 768px) {
    .importantSectionTitle {
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .importantSectionTitle {
        font-size: 1.5rem;
        padding: 15px 0;
    }
}

.importantSectionContainer {
    max-width: 973px;
    margin: 0 auto;
}

.IMPthingUl {
    font-weight: bold;
    font-size: 0;
}

.IMPthingLi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.IMPYear {
    font-size: 2rem;
    font-weight: bold;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 70px;
}

@media screen and (max-width: 820px) {
    .IMPYear {
        font-size: 1.8rem;
        padding: 0 40px;
    }
}

@media screen and (max-width: 767px) {
    .IMPYear {
        font-size: 1.5rem;
        padding: 0;
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media screen and (max-width: 321px) {
    .IMPYear {
        padding: 0 20px;
    }
}

.IMPthings:has(.IMPthingDetailUl) h3 {
    margin-bottom: 13px;
}

.IMPthings {
    position: relative;
    padding: 25px 0px;
    border-left: 2px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 820px) {
    .IMPthings {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 767px) {
    .IMPthings {
        -webkit-box-flex: 3;
        -ms-flex: 3;
        flex: 3;
    }
}

.IMPthings h3 {
    font-size: 1.375rem;
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .IMPthings h3 {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .IMPthings h3 {
        font-size: 1.2rem;
    }
}

.IMPthingsBox {
    border-left: 11px solid #3E3A39;
    padding: 15px 70px;
    margin-left: -6px;
}

@media screen and (max-width: 768px) {
    .IMPthingsBox {
        padding: 15px 45px;
    }
}

@media screen and (max-width: 767px) {
    .IMPthingsBox {
        padding: 15px 25px;
        border-left: 6px solid #3E3A39;
        margin-left: -4px;
    }
}

@media screen and (max-width: 321px) {
    .IMPthingsBox {
        padding: 15px 20px;
    }
}

.IMPthingDetailUl li {
    font-size: 1.125rem;
    color: #991777;
    line-height: 1.9;
}

@media screen and (max-width: 768px) {
    .IMPthingDetailUl li {
        font-size: 1rem;
    }
}

.IMPthingDetailUl li.noTag {
    color: #3E3A39;
}
.IMPthingDetailUl a {
    color: #991777;
}

    .IMPthingDetailUl a:hover {
        color: #D2CAA7;
    }


.updateText {
    text-align: center;
    margin: 50px 0 30px;
    font-size: 1.25rem;
}

    .updateText p {
        color: #991777;
    }

    .updateText i {
        margin-right: 10px;
    }


.showListBg {
    padding-bottom: 70px;
}

@media screen and (max-width: 1600px) {
    .showListBg .bgLPic {
        display: none;
    }
}

.showListSection {
    max-width: 973px;
    width: 90%;
    margin: 0 auto;
}

.showListContainer {
    max-width: 973px;
    margin: 0 auto;
}

.showListForm {
    margin: 0 auto;
    font-size: 1.1875rem;
    padding-bottom: 40px;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .showListForm {
        font-size: 1rem;
        padding-bottom: 27px;
    }
}

.showByKeyword {
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    .showByKeyword {
        margin-bottom: 15px;
    }
}

.showByKeyword input {
    border-radius: 40px;
    border: 1px solid #707070;
    width: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 15px 40px;
    color: #991777;
}

    .showByKeyword input::-webkit-input-placeholder {
        color: #991777;
    }

    .showByKeyword input::-moz-placeholder {
        color: #991777;
    }

    .showByKeyword input:-ms-input-placeholder {
        color: #991777;
    }

    .showByKeyword input::-ms-input-placeholder {
        color: #991777;
    }

    .showByKeyword input::placeholder {
        color: #991777;
    }

@media screen and (max-width: 960px) {
    .showByKeyword input {
        padding: 12px 30px;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .showByKeyword input {
        font-size: 1rem;
    }
}

.showByRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .showByRow {
        margin-bottom: 15px;
    }
}

.showByRow:last-of-type {
    margin-bottom: 0;
}

.showByRow > span {
    display: inline-block;
    margin-right: 25px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .showByRow > span {
        margin-right: 0px;
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}

.showByYearDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.showListRadio {
    margin: 0 15px 0 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .showListRadio {
        margin: 0 10px 10px 0;
    }
}

.showListRadio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .showListRadio input[type="radio"] + .radio-label:before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 27px;
        height: 27px;
        position: relative;
        top: -2px;
        margin-right: 8px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
    }

@media screen and (max-width: 767px) {
    .showListRadio input[type="radio"] + .radio-label:before {
        width: 22px;
        height: 22px;
    }
}

.showListRadio input[type="radio"]:checked + .radio-label:before {
    background-color: #991777;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.showListRadio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #991777;
}

.showListRadio input[type="radio"] + .radio-label:empty:before {
    margin-right: 0;
}

.showListRadio > .mobileHideSpan {
    display: inline-block;
    margin-bottom: 3px;
    margin: 0 15px 3px 0;
}

@media screen and (max-width: 820px) {
    .showListRadio > .mobileHideSpan {
        display: none;
    }
}

.showYearTypeRangeSelectBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .showYearTypeRangeSelectBox {
        margin: 15px 0 0;
    }
}

.showYearTypeRangeSelectBox > .mobileHideSpan {
    display: inline-block;
    margin-bottom: 3px;
    margin: 0 0px 3px 0;
}

.showYearTypeRangeSelect {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    overflow: hidden;
    min-width: 160px;
}

@media screen and (max-width: 767px) {
    .showYearTypeRangeSelect {
        min-width: 110px;
    }
}

.showYearTypeRangeSelect::after {
    content: "\25BC";
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.25s all ease;
    -o-transition: 0.25s all ease;
    transition: 0.25s all ease;
    pointer-events: none;
    color: #991777;
    text-shadow: 0px 0px 2px #707070;
}

.showYearTypeRangeSelect:hover::after {
    color: #D2CAA7;
}

.showYearTypeRangeSelect:last-of-type select {
    margin-left: 0;
}

.showYearTypeRangeSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #707070;
    width: 100%;
    height: 100%;
    margin-left: 15px;
    padding-left: 15px;
    color: #991777;
    cursor: pointer;
    font-size: 1.1875rem;
}

    .showYearTypeRangeSelect select::-ms-expand {
        display: none;
    }

@media screen and (max-width: 767px) {
    .showYearTypeRangeSelect select {
        font-size: 1rem;
        margin-left: 0;
    }
}

.showByTypeRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .showByTypeRow > span {
        display: inline-block;
        padding-top: 7px;
    }

.showTypeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.showTypeDiv {
    position: relative;
    margin-right: 15px;
}

@media screen and (max-width: 767px) {
    .showTypeDiv:last-of-type {
        margin-right: 0;
    }
}

.showTypeDiv input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
}

    .showTypeDiv input:checked + label {
        border: 1px solid #991777;
    }

.showTypeLabel {
    border: 1px solid transparent;
    padding: 7px 20px;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
    color: #991777;
}

.sortShowBtn {
    margin: 30px auto 0;
    width: 215px;
}

@media screen and (max-width: 767px) {
    .sortShowBtn {
        margin: 10px auto 0;
        width: 148px;
    }
}

.showListUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    border-top: 1px solid #9a1878;
    padding-top: 46px;
}

.showListLi {
    width: calc(33.3333% - 35px);
    margin-right: 50px;
    margin-bottom: 70px;
}

    .showListLi:nth-of-type(3n) {
        margin-right: 0;
    }

@media screen and (max-width: 1280px) {
    .showListLi {
        width: calc(33.3333% - 27px);
        margin-right: 40px;
    }
}

@media screen and (max-width: 820px) {
    .showListLi {
        width: calc(50% - 25px);
        margin-bottom: 35px;
    }

        .showListLi:nth-of-type(3n) {
            margin-right: 50px;
        }

        .showListLi:nth-of-type(2n) {
            margin-right: 0px;
        }
}

@media screen and (max-width: 767px) {
    .showListLi {
        width: calc(100% - 10px);
        margin-right: 0;
    }

        .showListLi:nth-of-type(3n) {
            margin-right: 0px;
        }
}

.showListBox {
    display: block;
    color: #991777;
}

    .showListBox:hover h3 {
        text-shadow: 0px 2px 3px #c5c5c5;
    }

    .showListBox:hover .showListImg img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    .showListBox h3 {
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.7;
        color: #3E3A39;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

@media screen and (max-width: 1280px) {
    .showListBox h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .showListBox h3 {
        font-size: 1rem;
    }
}

.showListTypeDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    min-height: 2.8rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .showListTypeDiv {
        min-height: auto;
    }
}

.showListShowTypeTag {
    display: inline-block;
    margin-right: 8px;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
}

@media screen and (max-width: 820px) {
    .showListShowTypeTag {
        font-size: 1rem;
        line-height: 1.2;
    }
}

@media screen and (max-width: 767px) {
    .showListShowTypeTag {
        font-size: 0.875rem;
    }
}

.showListTypeDivLine {
    width: 45px;
    height: 1px;
    background-color: #991777;
}
.showListImg {
    width: 100%;
    border: 1px solid #D2CAA7;
    position: relative;
    aspect-ratio: 3/2;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .showListImg::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transition: background-image 3s;
        -o-transition: background-image 3s;
        transition: background-image 3s;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #9a1878), to(#9a1878));
        background-image: -o-linear-gradient(top, #fff 0%, #9a1878 50%, #9a1878 100%);
        background-image: linear-gradient(top, #fff 0%, #9a1878 50%, #9a1878 100%);
        left: 10px;
        top: 10px;
        z-index: -1;
    }

    .showListImg img {
        position: relative;
        z-index: 2;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        max-height: 100%;
    }


.recruitingContentTitleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #3E3A39;
    margin-bottom: 20px;
}

.recruitingContentTitle h1,
.recruitingContentTitle h2 {
    font-weight: bold;
    line-height: 1.5;
    color: #3E3A39;
}

.recruitingContentTitle h1 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
    .recruitingContentTitle h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .recruitingContentTitle h1 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}

.recruitingContentTitle h2 {
    font-size: 1.5rem;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .recruitingContentTitle h2 {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 767px) {
    .recruitingContentTitle h2 {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-bottom: 15px;
    }
}

.recruitingContentTitle .recruitingDate {
    font-size: 1.125rem;
    color: #9c9997;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .recruitingContentTitle .recruitingDate {
        font-size: 0.9rem;
    }
}

.recruitingArticle {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 45px 0;
    margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
    .recruitingArticle {
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .recruitingArticle {
        padding: 20px 0;
    }
}

.recruitingArticle hr {
    border-top: 1px solid #707070;
}

.recruitingArticle iframe {
    max-width: 100%;
}

.recruitingArticle figure {
    margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .recruitingArticle figure {
        margin-bottom: 30px;
    }
}

.recruitingArticle figure figcaption {
    font-size: 0.875rem;
    display: block;
    padding: 15px 0;
}

.recruitingArticle h1,
.recruitingArticle h2,
.recruitingArticle h3,
.recruitingArticle h4,
.recruitingArticle h5,
.recruitingArticle h6 {
    font-weight: bold;
    line-height: 1.9;
    margin-bottom: 2rem;
    color: #991777;
}

@media screen and (max-width: 767px) {
    .recruitingArticle h1,
    .recruitingArticle h2,
    .recruitingArticle h3,
    .recruitingArticle h4,
    .recruitingArticle h5,
    .recruitingArticle h6 {
        margin-bottom: 1.2rem;
    }
}

.recruitingArticle h1 {
    font-size: 2rem;
}

.recruitingArticle h2 {
    font-size: 1.8rem;
}

.recruitingArticle h3 {
    font-size: 1.6rem;
}

.recruitingArticle h4 {
    font-size: 1.4rem;
}

.recruitingArticle h5 {
    font-size: 1.2rem;
}

.recruitingArticle h6 {
    font-size: 1.15rem;
}

.recruitingArticle div {
    font-size: 1.125rem;
    line-height: 1.9;
    margin: 0 auto 2rem;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .recruitingArticle div {
        margin: 0 auto 20px;
        font-size: 1rem;
    }
}

.recruitingArticle p {
    font-size: 1.125rem;
    line-height: 1.9;
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .recruitingArticle p {
        font-size: 1rem;
    }
}

.recruitingArticle b,
.recruitingArticle strong {
    font-weight: bold;
}

.recruitingArticle i,
.recruitingArticle em {
    font-style: italic;
}

.recruitingArticle a {
    color: #991777;
    font-weight: bold;
    text-decoration: underline;
}

.recruitingArticle ul {
    list-style: disc;
}

.recruitingArticle ol {
    list-style: decimal;
}

.recruitingArticle ul,
.recruitingArticle ol {
    margin: 20px 0;
    list-style-position: inside;
    line-height: 1.9;
}

.recruitingArticle sub {
    vertical-align: sub;
    font-size: smaller;
}

.recruitingArticle sup {
    vertical-align: super;
    font-size: smaller;
}

.recruitingArticle blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
/*.recruitingArticle table {
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.recruitingArticle td {
    border: 1px solid #000;
}*/

.recruitingInfos ul {
    padding: 20px 0 30px 20px;
}

@media screen and (max-width: 767px) {
    .recruitingInfos ul {
        padding: 14px 0 21px 14px;
    }
}

.recruitingInfos li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
}

    .recruitingInfos li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .recruitingInfos li a > img {
            width: 50px;
            margin-right: 20px;
        }

@media screen and (max-width: 767px) {
    .recruitingInfos li a > img {
        width: 30px;
        margin-right: 10px;
    }
}

.recruitingInfos li a .venueRentalInfoBtn img {
    width: 30px;
}

.recruitingInfos li a:hover .venueRentalInfoBtn img {
    margin-left: 30px;
}

.recruitingInfos span {
    color: #960170;
    text-decoration: underline;
    font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
    .recruitingInfos span {
        font-size: 1rem;
    }
}

.recruitingInfosTitle {
    font-size: 1.375rem;
    color: #fff;
    margin: 0 auto 0rem;
    font-size: 1.125rem;
    line-height: 1.9;
}

@media screen and (max-width: 767px) {
    .recruitingInfosTitle {
        font-size: 1.1rem;
    }
}

.recruitingListSection {
    max-width: 1140px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 156px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .recruitingListSection {
        padding-bottom: 70px;
    }
}

.recruitingListTitleArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 50px 0;
}

@media screen and (max-width: 820px) {
    .recruitingListTitleArea {
        padding: 30px 0;
    }
}

@media screen and (max-width: 767px) {
    .recruitingListTitleArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 0;
    }
}

.recruitingListTitle {
    position: relative;
    font-size: 2rem;
    color: #991777;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 820px) {
    .recruitingListTitle {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .recruitingListTitle {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
}

.recruitingListCount {
    position: absolute;
    right: 0;
    bottom: 50px;
    font-size: 1.375rem;
}

@media screen and (max-width: 820px) {
    .recruitingListCount {
        bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .recruitingListCount {
        position: relative;
        right: auto;
        bottom: auto;
    }
}

.recruitingListCount span {
    color: #991777;
    font-weight: bold;
}

.recruitingListContainer {
    color: #3E3A39;
}

@media screen and (max-width: 767px) {
    .recruitingListContainer {
        width: 90%;
        margin: 0 auto;
    }
}

.recruitingListTableHead {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .recruitingListTableHead {
        display: none;
    }
}

.recruitingTh {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 25px 40px;
    font-size: 1.375rem;
}

.recruitingListTdRrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #3E3A39;
    border-bottom: 1px solid #707070;
}

    .recruitingListTdRrow:first-of-type {
        border-top: 1px solid #707070;
        margin-top: -1px;
    }

@media screen and (max-width: 767px) {
    .recruitingListTdRrow:first-of-type {
        border-top: none;
    }
}

.recruitingListTdRrow:last-of-type {
    border-bottom: none;
}

.recruitingListTdRrow:hover .recruitingTd {
    color: #991777;
}

@media screen and (max-width: 767px) {
    .recruitingListTdRrow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 0;
    }
}

.recruitingTd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 40px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .recruitingTd {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0px 0;
    }
}

.recruitingTd span {
    display: inline-block;
}

.vacancies {
    font-size: 1.625rem;
    font-weight: bold;
}

@media screen and (max-width: 820px) {
    .vacancies {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 767px) {
    .vacancies {
        margin-bottom: 10px;
    }
}

.vacancies span {
    max-width: 14.625rem;
}

@media screen and (max-width: 767px) {
    .vacancies span {
        max-width: none;
    }
}

.jobTitle {
    font-size: 1.375rem;
    font-weight: bold;
}

@media screen and (max-width: 820px) {
    .jobTitle {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .jobTitle {
        margin-bottom: 10px;
    }
}

.jobTitle span {
    max-width: 17.875rem;
}

@media screen and (max-width: 767px) {
    .jobTitle span {
        max-width: none;
    }
}

.salary {
    font-size: 1.375rem;
}

@media screen and (max-width: 820px) {
    .salary {
        font-size: 1rem;
    }
}

.salary span {
    max-width: 15.2rem;
}

@media screen and (max-width: 767px) {
    .salary span {
        max-width: none;
    }
}



table {
    margin: 20px auto;
    width: auto;
    max-width: 100%;
    border: 15px solid #fff;
    float: none;
   
}

    table tbody tr {
        background-color: #fff;
    }

        table tbody tr:last-of-type {
            border-bottom: none;
        }

        table tbody tr:nth-of-type(2n) {
            background-color: #f2f2f2;
        }

    table tbody td,
    table tbody th {
        padding: 10px;
        line-height: 1.8;
        word-break: break-all;
        overflow-wrap: break-word;
        white-space: normal;
    }

/*# sourceMappingURL=all.css.map */