.top .top-main-title em {
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    -ms-font-feature-settings: "palt";
    -o-font-feature-settings: "palt";
    font-feature-settings: "palt"
}
@-webkit-keyframes scrollBar {
    0% {
        visibility: visible;
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
}
@-moz-keyframes scrollBar {
    0% {
        visibility: visible;
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
}
@-ms-keyframes scrollBar {
    .top 0% {
        visibility: visible;
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
    .top 100% {
        visibility: visible;
        -moz-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
}
@keyframes scrollBar {
    0% {
        visibility: visible;
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 100%)
    }
}
@-webkit-keyframes horizontal {
    0% {
        visibility: visible;
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(140%, 0);
        -o-transform: translate(140%, 0);
        -ms-transform: translate(140%, 0);
        -webkit-transform: translate(140%, 0);
        transform: translate(140%, 0)
    }
}
@-moz-keyframes horizontal {
    0% {
        visibility: visible;
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(140%, 0);
        -o-transform: translate(140%, 0);
        -ms-transform: translate(140%, 0);
        -webkit-transform: translate(140%, 0);
        transform: translate(140%, 0)
    }
}
@-ms-keyframes horizontal {
    .top 0% {
        visibility: visible;
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    .top 100% {
        visibility: visible;
        -moz-transform: translate(140%, 0);
        -o-transform: translate(140%, 0);
        -ms-transform: translate(140%, 0);
        -webkit-transform: translate(140%, 0);
        transform: translate(140%, 0)
    }
}
@keyframes horizontal {
    0% {
        visibility: visible;
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    100% {
        visibility: visible;
        -moz-transform: translate(140%, 0);
        -o-transform: translate(140%, 0);
        -ms-transform: translate(140%, 0);
        -webkit-transform: translate(140%, 0);
        transform: translate(140%, 0)
    }
}

/*rollover(brightnessによる変化)*/
.brt a:hover,a.brt:hover,a .brt:hover{
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
    opacity: 1;
}
.brt a,
a.brt,
a .brt{
      transition:filter 0.2s ease-out;
}

.top .effect-auto-slide-text {
    display: block;
    width: 100% !important
}
.top .top-title {
    text-align: center;
    font-weight: 900;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 40px;
    line-height: 1.53846em;
    letter-spacing: 0.1em;
    margin-bottom: 17px
}
@media(max-width: 767px) {
    .top .top-title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 32px;
        line-height: 1.45455em;
        letter-spacing: 0.06em
    }
}
@media only screen and(max-width: 370px) {
    .top .top-title {
        font-size: 20px;
        font-size: 2rem
    }
}
.top .top-title em {
    font-style: normal
}
@media(max-width: 767px) {
    .top .top-title em {
        padding-top: 6px;
        display: inline-block
    }
}
.top .ttl-dot span {
    position: relative
}
.top .ttl-dot span:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #00A767;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px
}
@media(max-width: 767px) {
    .top .ttl-dot span:before {
        width: 8px;
        height: 8px;
        margin-left: -4px
    }
}
.top .ttl-dot.small span:before {
    width: 6px;
    height: 6px;
    margin-left: -3px
}
@media(max-width: 767px) {
    .top .ttl-dot.small span:before {
        width: 5px;
        height: 5px;
        margin-left: -2px
    }
}
.top .overlay-text {
    font-family: 'Roboto', sans-serif;
    font-size: 235px;
    font-size: 23.5rem;
    line-height: 180px;
    line-height: 0.76596em;
    letter-spacing: 0.06em;
    font-weight: 900;
    opacity: .04;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap
}
@media only screen and(min-width: 768px) {
    .top .overlay-text {
        font-size: 200px;
        font-size: 20rem
    }
}
@media only screen and(min-width: 992px) {
    .top .overlay-text {
        font-size: 235px;
        font-size: 23.5rem
    }
}
@media(max-width: 767px) {
    .top .overlay-text {
        font-size: 150px;
        font-size: 15rem;
        line-height: 103px;
        line-height: 0.68667em;
        letter-spacing: 0
    }
}
.top .top-title-icon {
    text-align: center;
    margin-bottom: 22px
}
@media(max-width: 767px) {
    .top .top-title-icon {
        margin-bottom: 26px
    }
}
.top .top-title-icon img {
    margin-bottom: 5px
}
@media(max-width: 767px) {
    .top .top-title-icon img {
        max-width: 106px;
        width: 100%
    }
}
.top .top-title-icon p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 1.16667em;
    letter-spacing: 0.06em;
    font-weight: 700;
    text-transform: uppercase;
    color: #00A767
}
@media(max-width: 767px) {
    .top .top-title-icon p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 19px;
        line-height: 1.1875em;
        letter-spacing: 0.04em
    }
}
.top .top-main-title {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 75px;
    line-height: 1.70455em;
    letter-spacing: 0.1em;
    font-weight: 900;
    text-align: center
}
@media only screen and(min-width: 768px) {
    .top .top-main-title {
        font-size: 30px;
        font-size: 3rem
    }
}
@media only screen and(min-width: 992px) {
    .top .top-main-title {
        font-size: 44px;
        font-size: 4.4rem
    }
}
@media(max-width: 767px) {
    .top .top-main-title {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 45px;
        line-height: 1.60714em;
        letter-spacing: 0.06em
    }
}
@media only screen and(max-width: 370px) {
    .top .top-main-title {
        font-size: 24px;
        font-size: 2.4rem
    }
}
.top .top-main-title em {
    font-style: normal;
    font-size: 50px;
    font-size: 5rem;
    line-height: 75px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    padding: 0 8px
}
@media only screen and(min-width: 768px) {
    .top .top-main-title em {
        font-size: 40px;
        font-size: 4rem
    }
}
@media only screen and(min-width: 992px) {
    .top .top-main-title em {
        font-size: 50px;
        font-size: 5rem
    }
}
@media(max-width: 767px) {
    .top .top-main-title em {
        padding: 0 5px;
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 45px;
        line-height: 1.32353em;
        letter-spacing: 0.06em
    }
}
@media only screen and(max-width: 370px) {
    .top .top-main-title em {
        font-size: 28px;
        font-size: 2.8rem
    }
}
.top .sub-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 17px
}
@media(max-width: 767px) {
    .top .sub-title picture {
        width: 70px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}
.top .sub-title img {
    position: relative;
    z-index: 1
}
@media(max-width: 767px) {
    .top .sub-title img {
        width: 70px
    }
}
.top .sub-title p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22.5px;
    line-height: 1.25em;
    letter-spacing: 0.1em;
    font-weight: 700;
    background: #00A767;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    padding: 9px 34px 9px 33px;
    position: relative;
    font-family: 'Roboto', sans-serif
}
@media(max-width: 767px) {
    .top .sub-title p {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 1.25em;
        letter-spacing: 0.06em;
        padding: 8px 38px 8px 29px
    }
}
@media only screen and(max-width: 370px) {
    .top .sub-title p {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 10px 20px 11px 29px
    }
}
.top .sub-title p:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid #F2F4F7;
    position: absolute;
    right: 0;
    top: 0
}
@media(max-width: 767px) {
    .top .sub-title p:after {
        border-top-width: 18px;
        border-bottom-width: 18px
    }
}
.top .sub-title p:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    pointer-events: none;
    background: #fff
}
@media(max-width: 767px) {
    .top .sub-title.line-2 p {
        padding-top: 6px;
        padding-bottom: 6px
    }
}
@media(max-width: 767px) {
    .top .sub-title.line-2 p:after {
        border-top-width: 26px;
        border-bottom-width: 26px
    }
}
.top .main-title {
    font-weight: 900;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 48px;
    line-height: 1.71429em;
    letter-spacing: 0.1em
}
@media only screen and(min-width: 768px) {
    .top .main-title {
        font-size: 22px;
        font-size: 2.2rem
    }
}
@media only screen and(min-width: 992px) {
    .top .main-title {
        font-size: 28px;
        font-size: 2.8rem
    }
}
@media(max-width: 767px) {
    .top .main-title {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 36px;
        line-height: 1.63636em;
        letter-spacing: 0.06em
    }
}
@media only screen and(max-width: 370px) {
    .top .main-title {
        font-size: 18px;
        font-size: 1.8rem
    }
}
.top .btn-requirement {
    position: relative;
    z-index: 1;
    margin-top: -90px;
    margin-bottom: 45px
}
@media(max-width: 767px) {
    .top .btn-requirement {
        margin-top: -63px;
        margin-bottom: 0
    }
}
.top .btn-requirement a {
    display: block;
    background: #FF5E2E;
    border: 3px solid #EA5021;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 180px;
    padding: 0 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    opacity: 1 !important
}
@media only screen and(min-width: 768px) {
    .top .btn-requirement a {
        height: 125px
    }
}
@media only screen and(min-width: 992px) {
    .top .btn-requirement a {
        height: 180px
    }
}
@media(max-width: 767px) {
    .top .btn-requirement a {
        height: 120px;
        padding: 0 5px;
        border-width: 2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px
    }
}
@media only screen and(max-width: 370px) {
    .top .btn-requirement a {
        height: 110px
    }
}
.top .btn-requirement a .img {
    margin-bottom: -25px;
    max-width: 378px;
    position: relative
}
@media only screen and(min-width: 768px) {
    .top .btn-requirement a .img {
        max-width: 215px
    }
}
@media only screen and(min-width: 992px) {
    .top .btn-requirement a .img {
        max-width: 378px
    }
}
@media(max-width: 767px) {
    .top .btn-requirement a .img {
        max-width: 107px;
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
        margin-top: -15px
    }
}
@media only screen and(max-width: 370px) {
    .top .btn-requirement a .img {
        max-width: 87px
    }
}
.top .btn-requirement a .img .icon {
    position: absolute;
    top: -40px;
    left: 50%;
    -moz-transform: translate(-160%, 0);
    -o-transform: translate(-160%, 0);
    -ms-transform: translate(-160%, 0);
    -webkit-transform: translate(-160%, 0);
    transform: translate(-160%, 0)
}
@media(max-width: 767px) {
    .top .btn-requirement a .img .icon {
        display: none
    }
}
.top .btn-requirement a .text {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 60px;
    line-height: 2.30769em;
    letter-spacing: 0.15em;
    font-weight: 700;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding-left: 30px
}
@media only screen and(min-width: 768px) {
    .top .btn-requirement a .text {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 1.5em
    }
}
@media only screen and(min-width: 1200px) {
    .top .btn-requirement a .text {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 60px;
        line-height: 2.30769em
    }
}
@media(max-width: 767px) {
    .top .btn-requirement a .text {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        line-height: 25px;
        line-height: 1.25em;
        letter-spacing: 0.06em;
        padding-left: 10px;
        padding-bottom: 10px
    }
}
@media only screen and(max-width: 370px) {
    .top .btn-requirement a .text {
        font-size: 17px;
        font-size: 1.7rem
    }
}
.top .btn-requirement a .text span {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 60px;
    line-height: 3.52941em;
    letter-spacing: 0.1em;
    margin-right: 26px
}
@media only screen and(min-width: 768px) {
    .top .btn-requirement a .text span {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 30px;
        line-height: 2.30769em
    }
}
@media only screen and(min-width: 992px) {
    .top .btn-requirement a .text span {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 60px;
        line-height: 3.52941em
    }
}
@media(max-width: 767px) {
    .top .btn-requirement a .text span {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 25px;
        line-height: 1.92308em;
        margin-right: 0;
        display: block
    }
}
.top .btn-requirement a .arrow {
    width: 68px;
    height: 12px;
    background: url("../../img/common/ico_arrow.svg") 0 0/68px 12px no-repeat;
    display: block;
    position: absolute;
    right: 48px;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}
@media only screen and(min-width: 768px) {
    .top .btn-requirement a .arrow {
        width: 50px;
        height: 10px;
        background: url("../../img/common/ico_arrow.svg") 0 0/50px 10px no-repeat;
        margin-top: -5px
    }
}
@media only screen and(min-width: 1300px) {
    .top .btn-requirement a .arrow {
        width: 68px;
        height: 12px;
        background: url("../../img/common/ico_arrow.svg") 0 0/68px 12px no-repeat;
        margin-top: -10px
    }
}
@media(max-width: 767px) {
    .top .btn-requirement a .arrow {
        width: 22px;
        height: 10px;
        background: url("../../img/common/ico_arrow_sp.svg") 0 0/22px 10px no-repeat;
        right: 15px;
        margin-top: -5px
    }
}
@media only screen and(max-width: 370px) {
    .top .btn-requirement a .arrow {
        right: 10px
    }
}
.top .btn-requirement a .dialog {
    position: absolute;
    top: 0;
    left: 54px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0
}
@media(max-width: 767px) {
    .top .btn-requirement a .dialog {
        opacity: 1;
        left: 15px;
        top: -15px
    }
}
@media(min-width: 768px) {
    .top .btn-requirement:hover a {
        background: #EA5021;
        border-color: #FF5E2E
    }
    .top .btn-requirement:hover a .arrow {
        right: -35px;
        background-image: url("../../img/common/ico_arrow_h.svg")
    }
}
@media only screen and(min-width: 768px) and(min-width: 768px) {
    .top .btn-requirement:hover a .arrow {
        right: -26px
    }
}
@media only screen and(min-width: 768px) and(min-width: 1300px) {
    .top .btn-requirement:hover a .arrow {
        right: -35px
    }
}
@media(min-width: 768px) {
    .top .btn-requirement:hover a .img .icon {
        display: none
    }
    .top .btn-requirement:hover a .dialog {
        opacity: 1;
        top: -125px
    }
}
.top-mainvisual {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}
@media(max-width: 767px) {
    .top-mainvisual {
        height: calc((var(--vh, 1vh) * 100));
        height: 100svh;
        padding: 0 15px
    }
}
.top-mainvisual .cover-img {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../../img/top/mv.jpg");
    background-position: 0 0;
    background-size: cover;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 0;
}
@media(max-width: 767px) {
    .top-mainvisual .cover-img {
        background-image: url("../../img/top/mv_sp.jpg")
    }
}
.top-mainvisual .mv-title .scroll {
    width: 60px;
    height: 152px;
    margin: -110px auto 0;
    text-align: center;
    position: relative;
    z-index: 1
}
@media(max-width: 767px) {
    .top-mainvisual .mv-title .scroll {
        height: 95px;
        margin-top: -80px
    }
}
@media(max-width: 767px) {
    .top-mainvisual .mv-title .scroll img {
        width: 18px
    }
}
.top-mainvisual .mv-title .scroll .text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2em;
    letter-spacing: 0.06em;
    font-weight: 700;
    display: block
}
@media(max-width: 767px) {
    .top-mainvisual .mv-title .scroll .text {
        display: none
    }
}
.top-mainvisual .mv-title .scroll .arrow {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 86px;
    width: 2px;
    margin: 0 auto 0 -1px;
    overflow: hidden;
}
@media(max-width: 767px) {
    .top-mainvisual .mv-title .scroll .arrow {
        height: 56px
    }
}
.top-mainvisual .mv-title .scroll .arrow:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-animation: scrollBar 2s infinite linear;
    -moz-animation: scrollBar 2s infinite linear;
    -ms-animation: scrollBar 2s infinite linear;
    -o-animation: scrollBar 2s infinite linear;
    animation: scrollBar 2s infinite linear
}

.top-mainvisual .boxBnr{
    width: 90%;
    display: flex;
    justify-content: center;
    gap: 0 23px;
    margin: 20px auto 0;
    position: relative;
    z-index: 1;
}
.top-mainvisual .boxBnr .bnr{
    width: 49%;
    max-width: 520px;
    border: solid 2px #fff;
	-webkit-animation: animateCv 2s ease-out infinite;
    animation: animateCv 2s ease-out infinite;
}
@media screen and (max-width: 767px) {
    .top-mainvisual .boxBnr{
        gap: 10px 0;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
    }
    .top-mainvisual .boxBnr .bnr{
        width: 86%;
    }
}

/* topRead */
#topRead{
    background-color: #ff5e2e;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 1.5;
    text-align: center;
    padding: 17px 0 34px;
}
#topRead .date{
    font-size: 36px;
    margin: 0 0 2px;
}
#topRead .num{
    font-size: 60px;
}
@media screen and (max-width: 800px) {
    #topRead{
      font-size: 30px;
    }
    #topRead .date{
      font-size: 26px;
    }
    #topRead .num{
      font-size: 50px;
    }
}
@media screen and (max-width: 550px) {
    #topRead{
      font-size: 20px;
      letter-spacing: 0.5px;
      line-height: 1.5;
      padding: 7px 0 19px;
    }
    #topRead .date{
      font-size: 18px;
      margin: 0 0 2px;
    }
    #topRead .num{
      font-size: 30px;
    }
}
@media screen and (max-width: 350px) {
    #topRead{
      font-size: 16px;
    }
    #topRead .date{
      font-size: 14px;
    }
    #topRead .num{
      font-size: 24px;
    }
}

.top-requirement {
    background: #F2F4F7;
    padding: 105px 0 180px;
    position: relative;
    overflow: hidden
}
@media(max-width: 767px) {
    .top-requirement {
        padding: 56px 0 89px
    }
}
.top-requirement .text-intro {
    text-align: center;
    margin-bottom: 32px
}
@media(max-width: 767px) {
    .top-requirement .text-intro {
        margin-bottom: 22px
    }
}
.top-requirement .text-intro p {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 700;
    background: #00A767;
    color: #fff;
    padding: 12px 30px;
    position: relative
}
@media(max-width: 767px) {
    .top-requirement .text-intro p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 22px;
        line-height: 1.46667em;
        letter-spacing: 0.06em;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block
    }
}
@media only screen and(max-width: 370px) {
    .top-requirement .text-intro p {
        font-size: 12px;
        font-size: 1.2rem
    }
}
.top-requirement .text-intro p:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 12px solid #F2F4F7;
    position: absolute;
    left: -1px;
    top: 0
}
@media(max-width: 767px) {
    .top-requirement .text-intro p:before {
        border-top-width: 32px;
        border-bottom-width: 32px
    }
}
@media only screen and(max-width: 370px) {
    .top-requirement .text-intro p:before {
        border-top-width: 27px;
        border-bottom-width: 27px
    }
}
.top-requirement .text-intro p:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 12px solid #F2F4F7;
    position: absolute;
    right: -1px;
    top: 0
}
@media(max-width: 767px) {
    .top-requirement .text-intro p:after {
        border-top-width: 32px;
        border-bottom-width: 32px
    }
}
@media only screen and(max-width: 370px) {
    .top-requirement .text-intro p:after {
        border-top-width: 27px;
        border-bottom-width: 27px
    }
}
.top-requirement .overlay-text {
    width: 200%;
    position: absolute;
    bottom: -9px;
    left: 0
}
@media only screen and(min-width: 768px) {
    .top-requirement .overlay-text {
        bottom: -7px
    }
}
@media only screen and(min-width: 992px) {
    .top-requirement .overlay-text {
        bottom: -9px
    }
}
@media(max-width: 767px) {
    .top-requirement .overlay-text {
        width: 400%
    }
}
.top-wagaya {
    padding: 108px 0 0;
    overflow: hidden
}
@media(max-width: 767px) {
    .top-wagaya {
        padding: 78px 0 0
    }
}
.top-wagaya .wagaya-list {
    margin-top: 100px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list {
        margin-top: 48px
    }
}
.top-wagaya .wagaya-list .wagaya-box {
    overflow: hidden
}
.top-wagaya .wagaya-list .wagaya-box:not(:last-child) {
    margin-bottom: 130px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:not(:last-child) {
        margin-bottom: 56px
    }
}
.top-wagaya .wagaya-list .wagaya-box-title {
    position: relative;
    z-index: 1
}
.top-wagaya .wagaya-list .wagaya-box-title .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}
.top-wagaya .wagaya-list .wagaya-box-title .box-inner {
    padding: 82px 0 66px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-title .box-inner {
        padding: 40px 24px 40px 8px
    }
}
.top-wagaya .wagaya-list .wagaya-box-title:before {
    content: '';
    width: calc(100% -(100% - 1000px) / 2);
    height: 100%;
    background: #F2F4F7;
    position: absolute;
    z-index: -1
}
.top-wagaya .wagaya-list .wagaya-box-title .sub-title p {
    margin-bottom: 12px;
    margin-left: -5px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-title .sub-title p {
        margin-bottom: 10px
    }
}
.top-wagaya .wagaya-list .wagaya-box-title .sub-title p:before {
    background: #F2F4F7
}
.top-wagaya .wagaya-list .wagaya-box-title .box-overlay {
    width: calc(100% -(100% - 1000px) / 2);
    overflow: hidden;
    position: absolute;
    bottom: -9px;
    z-index: -1
}
@media only screen and(min-width: 768px) {
    .top-wagaya .wagaya-list .wagaya-box-title .box-overlay {
        bottom: -7px
    }
}
@media only screen and(min-width: 992px) {
    .top-wagaya .wagaya-list .wagaya-box-title .box-overlay {
        bottom: -9px
    }
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-title .box-overlay {
        width: 200%;
        bottom: -8px
    }
}
.top-wagaya .wagaya-list .wagaya-box-title .box-overlay .overlay-text {
    width: 200%
}
.top-wagaya .wagaya-list .wagaya-box-slide {
    overflow: hidden;
    position: relative;
    z-index: 1
}
.top-wagaya .wagaya-list .wagaya-box-slide > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}
.top-wagaya .wagaya-list .wagaya-box-slide>div:before,
.top-wagaya .wagaya-list .wagaya-box-slide>div:after {
    content: " ";
    display: table
}
.top-wagaya .wagaya-list .wagaya-box-slide>div:after {
    clear: both
}
.top-wagaya .wagaya-list .wagaya-box-slide > div .js-marquee {
    float: none !important;
    width: 100%;
    max-width: 1920px
}
.top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -25px
}
@media(min-width: 768px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn {
        display: none
    }
}
.top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn .arrow {
    position: absolute
}
.top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn .arrow.disabled {
    opacity: 0
}
.top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn .arrow.arrow-prev {
    left: -25px
}
.top-wagaya .wagaya-list .wagaya-box-slide .arrow-btn .arrow.arrow-next {
    right: -25px
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid {
    width: 100%;
    max-width: 1920px;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .grid {
        width: 830px
    }
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item {
    float: left;
    overflow: hidden
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h280 {
    height: 280px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h280 {
        height: 154px
    }
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h300 {
    height: 300px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h300 {
        height: 166px
    }
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h580 {
    height: 580px
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item.h580 {
        height: 320px
    }
}
.top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item a {
    display: block;
    height: 100%
}
@media(min-width: 768px) {
    .top-wagaya .wagaya-list .wagaya-box-slide .grid .grid-item a:hover {
        opacity: 1;
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-title:before {
    left: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-title .box-overlay {
    left: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(1) {
    width: 18.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(1) {
        width: 155px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(2) {
    width: 30.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(2) {
        width: 255px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(3) {
    width: 20%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(3) {
        width: 165px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(4) {
    width: 30.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(4) {
        width: 254px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(5) {
    width: 18.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(5) {
        width: 155px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(6) {
    width: 17.333%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(6) {
        width: 232px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(7) {
    width: 28%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(7) {
        width: 145px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(8) {
    width: 17.333%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(odd) .wagaya-box-slide .grid .grid-item:nth-child(8) {
        width: 143px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-title .inner {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-title .inner .box-inner {
        padding: 40px 8px 40px 24px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-title:before {
    right: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-title .box-overlay {
    right: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(1) {
    width: 30.666%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(2) {
    width: 20%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(3) {
    width: 30.666%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(4) {
    width: 18.666%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(5) {
    width: 17.333%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(6) {
    width: 28%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(7) {
    width: 18.666%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(even) .wagaya-box-slide .grid .grid-item:nth-child(8) {
    width: 17.333%
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-title:before {
    left: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-title .box-overlay {
    left: 0
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(1) {
    width: 18.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(1) {
        width: 155px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(2) {
    width: 30.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(2) {
        width: 255px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(3) {
    width: 20%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(3) {
        width: 165px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(4) {
    width: 30.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(4) {
        width: 254px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(5) {
    width: 18.666%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(5) {
        width: 155px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(6) {
    width: 28%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(6) {
        width: 232px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(7) {
    width: 17.333%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(7) {
        width: 145px
    }
}
.top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(8) {
    width: 17.333%
}
@media(max-width: 767px) {
    .top-wagaya .wagaya-list .wagaya-box:nth-child(3) .wagaya-box-slide .grid .grid-item:nth-child(8) {
        width: 143px
    }
}
.top-company {
    margin-top: 154px;
    padding: 100px 0 0;
    position: relative;
    z-index: 1
}
@media(max-width: 767px) {
    .top-company {
        margin-top: 72px;
        padding-top: 72px
    }
}
.top-company:before {
    content: '';
    width: 100%;
    height: 49%;
    background: #F2F4F7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
@media(max-width: 767px) {
    .top-company .company-title .top-title-icon {
        margin-bottom: 29px
    }
    .top-company:before{
        height: 35%;
    }
}
.top-company .company-box {
    margin-top: 100px;
    position: relative;
    z-index: 1
}
@media(max-width: 767px) {
    .top-company .company-box {
        margin-top: 48px
    }
}
.top-company .company-box:before {
    content: '';
    width: 50%;
    background: #fff;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1
}
.top-company .company-box .box-wrap {
    background: #fff;
    position: relative
}
.top-company .company-box .box-wrap:before,
.top-company .company-box .box-wrap:after {
    content: " ";
    display: table
}
.top-company .company-box .box-wrap:after {
    clear: both
}
.top-company .company-box-ctn {
    padding: 90px 15px 97px 0;
    max-width: 760px;
    width: 76%;
    float: left
}
@media(max-width: 767px) {
    .top-company .company-box-ctn {
        padding: 40px 24px 8px 8px;
        float: none;
        width: 100%;
        max-width: 100%
    }
}
.top-company .company-box-ctn .sub-title {
    margin-bottom: 27px
}
@media(max-width: 767px) {
    .top-company .company-box-ctn .sub-title {
        max-width: 247px;
        margin-bottom: 15px
    }
}
@media(max-width: 767px) {
    .top-company .company-box-ctn .sub-title p {
        padding: 8px 34px 8px 24px
    }
}
.top-company .company-box-ctn .sub-title p:after {
    border-right-color: #fff
}
.top-company .company-box-ctn .main-title {
    margin-bottom: 50px
}
@media(max-width: 767px) {
    .top-company .company-box-ctn .main-title {
        margin-bottom: 20px
    }
}
.top-company .company-box-ctn .text {
    opacity: .7
}
@media(max-width: 767px) {
    .top-company .company-box-ctn .text {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 28px;
        line-height: 1.86667em;
        letter-spacing: 0.04em
    }
}
.top-company .company-box-img {
    float: right;
    max-width: 436px;
    width: 43.6%;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -100px;
    margin-top: -35px
}
@media only screen and(min-width: 768px) {
    .top-company .company-box-img {
        margin-right: 0
    }
}
@media only screen and(min-width: 992px) {
    .top-company .company-box-img {
        margin-right: -100px
    }
}
@media(max-width: 767px) {
    .top-company .company-box-img {
        position: static;
        margin: 0;
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0 2px
    }
}
.top-bottom {
    margin-top: 0;
    height: 402px;
    background: url("../../img/top/requirement_bg.jpg") 0 0 /cover no-repeat;
    position: relative
}
@media(max-width: 767px) {
    .top-bottom {
        margin-top: 36px;
        height: 244px;
        background-image: url("../../img/top/requirement_bg_sp.jpg")
    }
}
.top-bottom .overlay-text {
    position: absolute;
    bottom: -9px;
    left: 0;
    color: #fff;
    opacity: .2;
    width: 200%
}
@media only screen and(min-width: 768px) {
    .top-bottom .overlay-text {
        bottom: -7px
    }
}
@media only screen and(min-width: 992px) {
    .top-bottom .overlay-text {
        bottom: -9px
    }
}
@media(max-width: 767px) {
    .top-bottom .overlay-text {
        width: 400%
    }
}
/*# sourceMappingURL=maps/top.min.css.map */

.spOnly{display: none;}
@media(max-width: 767px) {
    .spNone{display: none;}
    .spOnly{display: inline;}
}

.topReason{
    margin: 50px auto 0;
    text-align: center;
}
.topReason .reasonList{
    margin: 50px auto 0;
}
@media(max-width: 767px) {
    .topReason{
        width: 92%;
        margin: 30px auto 0;
    }
    .topReason .reasonList{
        margin: 20px auto 0;
    }
    .topReason img{
        width: 100%;
        height: auto;
    }
}


.designBox{
    margin: 45px auto 0;
    text-align: center;
  }
  .designBox .movieTit{
    max-width: 100%;
    width: 1015px;
    margin: 50px auto 0;
    display: flex;
    justify-content: space-between;
  }
  .designBox .movieTit .tit{
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    font-size: 17px;
    font-weight: 900;
  }
  .designBox .movieList{
    margin-top: 35px;
  }
  .designBox .movieList .item{
    width: 31.773%;
  }
  .designBox .secMovie{
    text-align: center;
  }
  .designBox iframe{
    max-width: 100%;
  }
  .designBox .sliderBtm .bx-wrapper img{
    width: auto!important;
  }
  /* .designBox img{width: auto!important;} */
.sliderBtm .bx-wrapper{
    overflow:hidden;
    width:100%;
    background: #fff;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.sliderBtm .bx-viewport{
    overflow:visible!important;
    width: 19.896%!important;
    height:150px;
    margin: 0 auto 0 0;
    padding-bottom: 50px;
}
.sliderBtm .bx-viewport .slider li{
    display: block!important;
}
.designBox .movieList .item{
    margin-right: 25px;
}
.designBox .secMovie{ 
    width: 100%;
    height: 0;
    padding-top: 56.12%;
    position: relative;
}
.designBox .secMovie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* .designBox .bx-pager{
display: none;
} */
.sliderBtm{position: relative;}
.sliderBtm .bx-wrapper .bx-next,
.sliderBtm .bx-wrapper .bx-prev{
    background: none;
}
.sliderBtm .bx-wrapper .bx-next,
.sliderBtm .bx-wrapper .bx-prev{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 19.5%;
    left: calc(24.5% - 80px);
    margin: auto;
    width: 36px!important;
    height: 36px!important;
    border-radius: 100%;
    background-color: #000;
}
.sliderBtm .bx-wrapper .bx-next{
    left: auto;
    right: calc(20% - 80px);
}
.sliderBtm .bx-wrapper .bx-next::before,
.sliderBtm .bx-wrapper .bx-prev::before{
    content: "";
    position: absolute;
    top: 55%;
    right: 42%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}
.sliderBtm .bx-wrapper .bx-prev::before{
    transform: rotate(223deg);
    right: 34%;
}
.movieImg {
    position: relative;
}
.movieImg::after {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movieImg::after {
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;

    width: 20.946%;
    height: 37.21%;
    border-radius: 100%;
    background-image: url(../../img/top/movieBtn.gif);
}
@media screen and (max-width: 550px) {
    .designBox .titBox img{width: 100%!important;}
    .designBox{
      margin: 20px auto 0;
      text-align: center;
      width: 100%;
    }
    .designBox .titBox{
      width: 92%;
      margin: 0 auto;
    }
    .designBox .movieTit{
        width: 92%;
        margin: 30px auto 0;
    }
    .designBox .movieTit .tit{
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }
    .designBox .movieList{
      display: block;
      margin-top: 20px;
    }
    .movieImg::after {
        width: 40px;
        height: 40px;
    }
    .sliderBtm .bx-wrapper .bx-viewport{
        width: 71.47%!important;
        margin: 0 auto;
    }
    .sliderBtm .bx-wrapper .bx-prev{
        left: 6%;
    }
    .sliderBtm .bx-wrapper .bx-next{
        left: auto;
        right: 6%;
    }
}

.box{
    text-align: center;
    background: #fff;
    margin: auto;
    margin-bottom: 0;
}
.box .img03{
    margin-top: 45px;
}
.box .img04{
    margin-top: 40px;
}
@media(max-width: 767px) {
    .box{
        padding: 0 15px;
        margin-bottom: 18px;
    }
    .box .img03{
        margin-top: 18px;
    }
    .box .img04{
        margin-top: 30px;
    }
}

/* secBnrSlider */
.secBnrSlider .boxSlider{
    position: relative;
    overflow: hidden;
    margin: 35px auto 50px;
}
.secBnrSlider .swiper-container{
    width: 382px;
    /* width: 1226px; */
    overflow: visible;
}
.secBnrSlider .swiper-button-prev,
.secBnrSlider .swiper-button-next{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 19.5%;
    left: calc(5.5% - 120%);
    margin: auto;
    width: 36px!important;
    height: 36px!important;
    border-radius: 100%;
    background-color: #000;
}
.secBnrSlider .swiper-button-prev{
    /* left: calc(50% - 414px); */
    transform: scale(-1, 1);
}
.secBnrSlider .swiper-button-next{
    left: auto;
    right: calc(10% - 125%);
}
.secBnrSlider .swiper-button-prev::after,
.secBnrSlider .swiper-button-next::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 39%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}
.secBnrSlider .imgSlider{
    display: block;
    height: 0;
    padding-top: 40%;
    position: relative;
}
@media only screen and (max-width:767px){
    .secBnrSlider .boxSlider{
        margin: 20px auto 50px;
    }
    .secBnrSlider .swiper-container{
        width: 72%;
    }
    .secBnrSlider .swiper-button-prev{
        left: -25px;
    }
    .secBnrSlider .swiper-button-next {
        left: auto;
        right: -25px;
    }
}
.r_mdl {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.r_mdl .bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.r_mdl .box{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	pointer-events: none;
}

.r_mdl .inn {
	pointer-events: all;
	background: #fff;
	padding: calc(50% / 12.8);
	width: 95%;
	max-width: 1280px;
	max-height: 98vh;
	overflow-y: auto;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn {
		padding: calc(30% / 12.8) calc(50% / 12.8);
	}
}
.r_mdl .inn .ttl {
	font-size: clamp(16px, calc(28vw / 12.8), 28px);
	text-align: center;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .ttl {
		margin-bottom: 1.2em;
	}
}
.r_mdl .inn .list_wrap {
	display: flex;
	justify-content: center;
	gap:calc(50% / 11.8);
	flex-wrap: wrap;
}
.r_mdl .inn .list_wrap .list {
	width: calc(257% / 11.8);
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap {
		justify-content: space-between;
		gap:0;
	}
	.r_mdl .inn .list_wrap .list {
		width: 47%;
	}
}

.r_mdl .inn .list_wrap .list .l_ttl {
	font-size: clamp(15px, calc(26vw / 11.4), 26px);
	padding-left: 0.6em;
	line-height: 1;
	margin-bottom: 0.6em;
	font-weight: 600;
}
.r_mdl .inn .list_wrap .list .l_ttl.c1 {
	border-left:  solid 4px #f06782;
}
.r_mdl .inn .list_wrap .list .l_ttl.c2 {
	border-left:  solid 4px #5eaee9;
}
.r_mdl .inn .list_wrap .list .l_ttl.c3 {
	border-left:  solid 4px #4ab15b;
}
.r_mdl .inn .list_wrap .list .l_ttl.c4 {
	border-left:  solid 4px #fee502;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list .l_ttl {
		margin-bottom: 0.3em;
	}
}

.r_mdl .inn .m_close{
	font-size: clamp(12px, calc(18vw / 12.8), 18px);
	text-align: center;
	padding-bottom: 0.4em;
	cursor: pointer;
}
.r_mdl .inn .list_wrap .list ul li {
	border-bottom: dotted 3px #c2c2c2;
}
.r_mdl .inn .list_wrap .list ul li a {
	padding: 15px 0;
	color: #555555;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: clamp(13px, calc(20vw / 12.8), 20px);
	line-height: 1;
}
.r_mdl .inn .list_wrap .list ul li a .icon {
	width: 22px;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list ul {
		margin-bottom: 25px;
	}
	.r_mdl .inn .list_wrap .list ul li {
		border-bottom: dotted 2px #c2c2c2;
	}
	.r_mdl .inn .list_wrap .list ul li a {
		padding: 8px 0;
	}
}
@keyframes animateCv {
	0%, 40%, 60%, 80% {
		transform: scale(1.0);
	}
	50%, 70% {
		transform: scale(0.95);
	}
}

/* secNoticeHoliday */
.secNoticeHoliday{
	text-align: center;
	font-size: 22px;
	line-height: 2;
	letter-spacing: 0.05rem;
	border: solid 1px #000;
	padding: 30px;
	max-width: 1160px;
	margin: 50px auto 0;
	color: #000;
  }
  .secNoticeHoliday .titNoticeHoliday{
	font-weight: bold;
  }
  @media screen and (max-width: 768px) {
	.secNoticeHoliday{
	  text-align: left;
	  font-size: 16px;
	  line-height: 1.7;
	  letter-spacing: 0;
	  padding: 20px;
	  max-width: calc(100% - 40px);
	  margin: 30px auto 0;
	  
	}
	.secNoticeHoliday .titNoticeHoliday{
	  text-align: center;
	}
	.secNoticeHoliday .brPc{
	  display: none;
	}
  }