@charset "UTF-8";

@import "animate.css";



@font-face {

    font-family: 'Bell MT';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/Bell MT.otf) format('opentype');

}



@font-face {

    font-family: 'Helvetica';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/Helvetica.otf) format('opentype');

}



@font-face {

    font-family: 'Noto Sans TWHK';

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/SourceHanSansTWHK-Medium.otf) format('opentype');

}



html {

    font-size: 1rem;

    height: auto !important;

    scroll-behavior: smooth;

}



body {

    font-family: 'Helvetica', 'Noto Sans TC', '微軟正黑體', sans-serif;

    /*font-family: 'Helvetica', 'Noto Sans TWHK', '微軟正黑體', sans-serif;*/

    background-repeat: no-repeat;

    background-size: cover;

    font-size: 1.75rem;

    color: #fff;

    /*background-color: #d5cab9;*/

    background-color: #d8d0bb;

    letter-spacing: 0.1em;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;

}



.NotoSansJP {

    font-family: 'Noto Sans JP', sans-serif;

}



a {

    -webkit-transition: color .2s ease-out;

    -moz-transition: color .2s ease-out;

    transition: color .2s ease-out;

}



a:hover {

    text-decoration: none;

}



.text_dark {

    color: #231815;

}

a.text_dark:hover {

    color: #000;

}

.text_red {

    color: #B40005;

}

.text_gold {

    color: #6d6229;

}

.text_orange {

    color: #b25e02;

}

.text_blue {

    color: #005E88;

}

.text_purple {

    color: #5D3C55;

}

.text_indigo {

    color: #1e415a;

}



.fs-0 {

    font-size: calc(1.5rem + 3vw);

}



.fs-5_5 {

    font-size: 1.125rem;

}



.fs-7 {

    font-size: 0.875rem !important;

}



.fs-8 {

    font-size: 0.75rem !important;

}



.text-indent-1 {

    text-indent: 1em;

}



.text-indent-2 {

    text-indent: 2.2em;

}



.text-indent-n2 {

    text-indent: -2em;

    padding-left: 2em;

}



.text-indent-n3 {

    text-indent: -3em;

    padding-left: 3em;

}

.mw-50 {

    max-width: 50% !important;

}

.mw-60 {

    max-width: 60% !important;

}

.mw-65 {

    max-width: 65% !important;

}

.mw-70 {

    max-width: 70% !important;

}

.mw-75 {

    max-width: 75% !important;

}

.mw-80 {

    max-width: 80% !important;

}

.mw-85 {

    max-width: 85% !important;

}

.mw-90 {

    max-width: 90% !important;

}

.mw-95 {

    max-width: 95% !important;

}



img {

    max-width: 100%;

}



::placeholder {

    color: #ccc !important;

}

::-webkit-input-placeholder {

    color: #ccc !important;

}

::-moz-placeholder {

    color: #ccc !important;

}

:-ms-input-placeholder {

    color: #ccc !important;

}



select {

    appearance:none;

    -moz-appearance:none;

    -webkit-appearance:none;

    background: url("../images/select_arrow.png") no-repeat scroll right 15px center transparent;

    *background: none!important;

    *border: 0!important;

    padding-right: 40px !important;

}

select::-ms-expand {

    display: none;

}



/*.container {

    width: 1024px;

}*/



.bg_cover {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.bg_cover_top {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center top;

}



.bg_left {

    position: absolute;

    width: 50%;

    height: 100%;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.text_justify {

    text-align: justify;

}



.lh_18 {

    line-height: 1.8em;

}



.fw_500 {

    font-weight: 500 !important;

}



.link_dark {

    color: #0f3034 !important;

}

.link_dark:hover {

    color: #000 !important;

}



.border_dark {

    border-color: #98a19e !important;

}

.border_brown {

    border-color: #604C3F !important;

}



.shadow {

    box-shadow: 0 0 1rem rgba(0,0,0,.15)!important;

}



.full_bg {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



#luxy {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.luxy_bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.is-loaded .title_line {

    /*width: 100px;*/

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}





/* ==============================

   Page loader

   ============================== */



.page-loader {

    display: block;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background: #fefefe;

    z-index: 100000;

}



.loader {

    width: 50px;

    height: 50px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -25px 0 0 -25px;

    font-size: 10px;

    text-indent: -12345px;

    border-top: 1px solid rgba(0, 0, 0, 0.08);

    border-right: 1px solid rgba(0, 0, 0, 0.08);

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    border-left: 1px solid rgba(0, 0, 0, 0.5);



    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;



    -webkit-animation: spinner 700ms infinite linear;

    -moz-animation: spinner 700ms infinite linear;

    -ms-animation: spinner 700ms infinite linear;

    -o-animation: spinner 700ms infinite linear;

    animation: spinner 700ms infinite linear;



    z-index: 100001;

}



@-webkit-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-moz-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-o-keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spinner {

    0% {

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }



    100% {

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}





/* Animate Style */

.animate_el {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 1s, transform 1s;

    -o-transition: opacity 1s, transform 1s;

    transition: opacity 1s, transform 1s;

}



.tr_top {

    -webkit-transform: translate(0, -40px);

    -ms-transform: translate(0, -40px);

    -o-transform: translate(0, -40px);

    transform: translate(0, -40px);

}



.tr_bottom {

    -webkit-transform: translate(0, 40px);

    -ms-transform: translate(0, 40px);

    -o-transform: translate(0, 40px);

    transform: translate(0, 40px);

}



.tr_bottom_small {

    -webkit-transform: translate(0, 10px);

    -ms-transform: translate(0, 10px);

    -o-transform: translate(0, 10px);

    transform: translate(0, 10px);

}



.tr_left {

    -webkit-transform: translate(-40px, 0);

    -ms-transform: translate(-40px, 0);

    -o-transform: translate(-40px, 0);

    transform: translate(-40px, 0);

}



.tr_right {

    -webkit-transform: translate(40px, 0);

    -ms-transform: translate(40px, 0);

    -o-transform: translate(40px, 0);

    transform: translate(40px, 0);

}



.owl-item.active .animate_el,

.is-loaded .animate_el {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}



.delay_1 {

    -webkit-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.delay_2 {

    -webkit-transition-delay: 0.8s;

    -o-transition-delay: 0.8s;

    transition-delay: 0.8s;

}



.delay_3 {

    -webkit-transition-delay: 1.1s;

    -o-transition-delay: 1.1s;

    transition-delay: 1.1s;

}



.delay_4 {

    -webkit-transition-delay: 1.4s;

    -o-transition-delay: 1.4s;

    transition-delay: 1.4s;

}



.delay_5 {

    -webkit-transition-delay: 1.7s;

    -o-transition-delay: 1.7s;

    transition-delay: 1.7s;

}



.delay_6 {

    -webkit-transition-delay: 2.0s;

    -o-transition-delay: 2.0s;

    transition-delay: 2.0s;

}



.delay_7 {

    -webkit-transition-delay: 2.3s;

    -o-transition-delay: 2.3s;

    transition-delay: 2.3s;

}



.delay_8 {

    -webkit-transition-delay: 2.6s;

    -o-transition-delay: 2.6s;

    transition-delay: 2.6s;

}





/*header*/

header {

    position: relative;

}

#fixed_header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1005;

    -webkit-transition: transform .3s ease-out;

    -moz-transition: transform .3s ease-out;

    transition: transform .3s ease-out;

}

.bd-navbar {

    z-index: 100;

    background-color: #b40005;

    /*-webkit-box-shadow: 0 0px 5px rgb(0 0 0 / 20%);

    -moz-box-shadow: 0 0px 5px rgba(0,0,0,.2);

    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);*/

    /*box-shadow: 0 4px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);*/

    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.sticky_top .bd-navbar {

    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

}

.bd-subnavbar {

    padding: 0;

    z-index: 99;

    position: relative;

    background-color: #f8faf9;

}

.navbar-dark .navbar-brand {

    display: inline-flex;

    align-items: flex-end;

    height: 60px;

    flex: 0 0 auto;

}

.navbar-dark .navbar-brand img {

    height: 70px;

    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

}

.navbar-dark .navbar-nav .nav-link {

    color: rgba(255, 255, 255, .75);

    opacity: 0.5;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.navbar-dark .navbar-nav .nav-link:focus,

.navbar-dark .navbar-nav .nav-link:hover,

.navbar-dark .navbar-nav .nav-item.active .nav-link {

    color: #cb1a23;

    opacity: 1;

}

.logo {

    position: absolute;

    top: 100%;

    transform: translate3d(0, -57%, 0);

}

.navbar-toggler {

    position: relative;

    padding: 15px 10px;

    width: 50px;

    height: 50px;

    /*background-color: #BA947B;*/

    border: none;

    border-radius: 0;

    margin-top: 0.5rem;

    padding: 0 !important;

}

.navbar-toggler:focus {

    box-shadow: none;

    outline: none;

}

.burger-wrap {

    position: relative;

    width: 100%;

    height: 100%;

}

.burger-wrap span {

    position: absolute;

    width: 100%;

    height: 2px;

    background: #D4CABD;

    -webkit-transition: .3s ease-out;

    -o-transition: .3s ease-out;

    transition: .3s ease-out;

}

.navbar-toggler .burger-top {

    top: 0;

    right: 0;

}

.navbar-toggler .burger-middle {

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

}

.navbar-toggler .burger-bottom {

    bottom: 0;

    right: 0;

}

.navbar-toggler[aria-expanded="true"] .burger-top {

    top: 9px;

    right: 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.navbar-toggler[aria-expanded="true"] .burger-middle {

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    opacity: 0;

    visibility: hidden;

}

.navbar-toggler[aria-expanded="true"] .burger-bottom {

    bottom: 9px;

    right: 0;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#mainNav .nav-link > img {

    max-width: 100%;

}

.offcanvas {

    background-color: #B40005 !important;

}

.btn-close {

    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FBD395'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;

    opacity: 1 !important;

}

.btn-close:focus {

    outline: none !important;

    box-shadow: none !important;

}





@keyframes bounce {

    0% {

        transform: translate3d(0, 0, 0);

    }

    100% {

        transform: translate3d(0, -15px, 0);

    }

}





#totop {

    width: 60px;

    max-width: 12%;

    position: fixed;

    right: 30px;

    bottom: 30px;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}



.text_img {

    max-height: 98vw;

}

.text_img.img_2x {

    max-height: 196vw;

}





/*photo_slider*/

.photo_slider .owl-carousel {

    padding-left: 70px;

    padding-right: 70px;

}

.photo_slider .owl-nav {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 0;

    margin: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.photo_slider .owl-theme .owl-nav [class*='owl-'] {

    color: #B40005;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.text-dark .photo_slider .owl-theme .owl-nav [class*='owl-'] {

    color: #fff !important;

}

.photo_slider .owl-theme .owl-nav [class*='owl-']:hover {

    background-color: transparent !important;

    /*color: #F4A03D;*/

    color: #8B0003;

}

.text-dark .photo_slider .owl-theme .owl-nav [class*='owl-']:hover {

    color: #231815 !important;

}

.photo_slider .owl-theme .owl-dots {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}





/*video*/

.video_layout {

    width: 100%;

    padding-top: 56.25%;

    position: relative;

}

.text_overlay {

    background-color: rgba(0, 0, 0, .5);

}

.video_front {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.video_bg {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}



.img-loaded .video_bg {

    clip-path: inset(0 0 0 0);

}



.video_front>video,

.video_bg>video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



@media (min-aspect-ratio: 16/9) {

    .video_front>video,

    .video_bg>video {

        height: 300%;

        top: -100%;

    }

}



@media (max-aspect-ratio: 16/9) {

    .video_front>video,

    .video_bg>video {

        width: 300%;

        left: -100%;

    }

}



@supports (object-fit: cover) {

    .video_front>video,

    .video_bg>video {

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

}





/*index*/

.index_section {

    position: relative;

    z-index: 9;

}

.index_bg {

    background-image: url(../images/index/bg_bottom.jpg);

    background-repeat: no-repeat;

    background-size: 100% auto !important;

    background-position: bottom center !important;

    padding-top: 78.125%;

}

.index_bg_top {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}

.index_shadow {

    box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

}



a:hover .index_shadow {

    animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

    -webkit-animation: bounce .5s  cubic-bezier(.5,.2,.8,.8) infinite alternate;

}





/*01*/

.page_01 {

    background-color: #D4CABD;

    background-image: url(../images/bg.jpg);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: top center;

    position: relative;

    z-index: 2;

}





/*05*/

.real_scene_fix {

    min-height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}





/*footer*/

/*footer.footer01 {

    background-color: #D4CABD;

}

footer.footer02 {

    background-color: #EC6D56;

}

footer.footer03 {

    background-color: #F5A33B;

}

footer.footer04 {

    background-color: #AFD693;

}

footer.footer05 {

    background-color: transparent;

}*/



@media only screen and (max-width: 1199.98px) {

    .line_1 {

        max-height: 50px;

    }

    .line_2 {

        max-height: 92px;

    }

    .title_03_1 {

        max-height: 79px;

    }

    .title_03_4 {

        max-height: 96px;

    }

    .title_03_5 {

        max-height: 95px;

    }

}



@media only screen and (max-width: 1024px) {



}



@media only screen and (max-width: 991.98px) {

    body {

        font-size: 1.5rem;

    }

    .bd-navbar {

        background-color: transparent;

    }

    .photo_slider .owl-carousel {

        padding-left: 60px;

        padding-right: 60px;

    }

}



@media only screen and (max-width: 767.98px) {

    html, body {

        overflow-y: auto !important;

    }

    body {

        font-size: 1.25rem;

    }



    .index_bg {

        background-image: url(../images/index/bg_bottom_mobile.jpg);

        padding-top: 169.92%;

    }

    

    .photo_slider .owl-carousel {

        padding-left: 40px;

        padding-right: 40px;

    }

    .photo_slider .owl-theme .owl-nav [class*='owl-'] svg {

        width: 20px;

    }



    .text_img {

        max-height: 98vh;

    }

    .text_img.img_2x {

        max-height: 196vh;

    }



    .index_section {

        background-image: url(../images/index/bg_mobile.jpg);

    }

    .page_01 {

        background-image: url(../images/bg_mobile.jpg);

    }

}



@media (max-width:575.98px) {

    body {

        font-size: 1.125rem;

    }

    .container {

        width: 90%;

    }

    .page_title {

        font-size: 1.5rem !important;

    }

    .photo_slider .owl-theme .owl-dots {

        line-height: 1.5 !important;

    }

    .photo_slider .owl-theme .owl-dots .owl-dot span {

        width: 8px;

        height: 8px;

        margin: 5px;

    }

    .line_1 {

        max-height: calc(60 / 768 * 100vw);

    }

    .line_2 {

        max-height: calc(110 / 768 * 100vw);

    }

    .title_03_1 {

        max-height: calc(95 / 768 * 100vw);

    }

    .title_03_4 {

        max-height: calc(106.3 / 768 * 100vw);

    }

    .title_03_5 {

        max-height: calc(114.74 / 768 * 100vw);

    }

}



@media (min-width:576px) {

    .fs-sm-5 {

        font-size: 1.25rem !important;

    }

    .fs-sm-6 {

        font-size: 1rem !important;

    }

    .fs-sm-7 {

        font-size: 0.875rem !important;

    }

}



@media (min-width:768px) {

    .fs-md-1 {

        font-size: calc(1.375rem + 1.5vw) !important;

    }

    .fs-md-2 {

        font-size: calc(1.325rem + .9vw) !important;

    }

    .fs-md-3 {

        font-size: calc(1.3rem + .6vw) !important;

    }

    .fs-md-4 {

        font-size: 1.5rem !important;

    }

    .fs-md-5 {

        font-size: 1.25rem !important;

    }

    .fs-md-6 {

        font-size: 1rem !important;

    }

    .mw-md-80 {

        max-width: 80% !important;

    }

    .mw-md-90 {

        max-width: 90% !important;

    }

    .border-md-bottom {

        border-bottom: 1px solid #dee2e6;

    }

}



@media (min-width:992px) {

    .fs-lg-2 {

        font-size: 2rem !important;

    }

    .fs-lg-3 {

        font-size: 1.75rem !important;

    }

    .fs-lg-4 {

        font-size: 1.5rem !important;

    }

    .fs-lg-5 {

        font-size: 1.25rem !important;

    }

    .fs-lg-6 {

        font-size: 1rem !important;

    }

    .mw-lg-80 {

        max-width: 80% !important;

    }

    .mw-lg-90 {

        max-width: 90% !important;

    }

    .border-lg-bottom {

        border-bottom: 1px solid #dee2e6;

    }

}



@media (min-width:1200px) {

    .fs-xl-1 {

        font-size: 2.5rem !important;

    }

    .fs-xl-2 {

        font-size: 2rem !important;

    }

    .fs-xl-3 {

        font-size: 1.75rem !important;

    }

    .fs-xl-4 {

        font-size: 1.5rem !important;

    }

    .fs-xl-5 {

        font-size: 1.25rem !important;

    }

    .fs-xl-6 {

        font-size: 1rem !important;

    }

}



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi) {

    

}