﻿@-webkit-keyframes an_0 {
    0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
    50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
    100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  }
   
  @keyframes an_0 {
    0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
    50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
    100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  }
  
  @-webkit-keyframes an_02 {
    0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
  }
   
  @keyframes an_02 {
   0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
  }
  .an_02{-webkit-animation-name:an_02;animation-name:an_02}
  
  
  @-webkit-keyframes an_01 {
    0% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
    50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
    100% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
  }
   
  @keyframes an_01 {
    0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
    50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
    100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
  }
  
  
  @-webkit-keyframes an_03 {
    0% {opacity:0;}
    100%{opacity:1;}
  }
   
  @keyframes an_03 {
   0% {opacity:0;}
    100%{opacity:1;}
  }
  .an_03{-webkit-animation-name:an_03;animation-name:an_03;}
  
  @-webkit-keyframes an_zdy {
    0% {}
    100%{}
  }
   
  @keyframes an_zdy {
   0% {}
    100%{}
  }
  .an_zdy{-webkit-animation-name:an_zdy;animation-name:an_zdy;}
  
  @-webkit-keyframes an_04 {
    0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
    50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
    100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  }
   
  @keyframes an_04 {
    0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
    50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
    100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  }
  
  @-webkit-keyframes an_05 {
    0% {transform:scale(0.96, 0.96); -moz-transform:scale(0.96, 0.96); -webkit-transform:scale(0.96, 0.96);opacity:1;}
    50%{transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1);opacity:.4;}
    100% {transform:scale(0.96, 0.96); -moz-transform:scale(0.96, 0.96); -webkit-transform:scale(0.96, 0.96);opacity:1;}
  }
   
  @keyframes an_05 {
    0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);opacity:1;}
    50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);opacity:.4;}
    100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);opacity:1;}
  }
  
  
  .page1{overflow:hidden;position:relative;}
  .page1 .pagefr_n{height:auto;position:relative;}
  
  @media screen and (min-width:1921px) {
      .page1 .p1r_c{right:50%;margin-right:-0rem;}
  }
  
  
  .p1_bg{width:100%;overflow:hidden;}
  .p1_bg img{width:100%;display:block;height:108rem}
  .p1_bg b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
  .p1_bg i{position:absolute;pointer-events:none;}
  .p1_bg .i1{width:100%;height:20%;overflow:hidden;display:block;left:0px;top:0px;background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));z-index:99;}
  .p1_bg .i2{width:100%;height:20%;overflow:hidden;display:block;left:0px;bottom:0px;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));z-index:99;}
  .p1_bg .i3{width:5%;height:100%;overflow:hidden;display:block;left:0px;top:0px;background-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0));z-index:99;}
  .p1_bg .i4{width:5%;height:100%;overflow:hidden;display:block;right:0px;top:0px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1));z-index:99;}
  
  
  .page1 .p1_c{position:absolute;left:10%;top:12rem;height:calc(100% - 12rem);display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
  .page1 .p1_c p{width:100%;overflow:hidden;}
  .page1 .p1_c p.p1{font-size:6rem;color:#fff;line-height:1.75;font-weight:bold;letter-spacing:1rem;padding-top:40px;}
  .page1 .p1_c p.p1 span{display:inline-block;}
  .page1 .p1_c p.p2{margin-top:.4rem;}
  .page1 .p1_c p.p2 label{display:inline-block;position:relative;padding-left:0;font-size:1.8rem;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:2.6rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
  .page1 .p1_c p.p2 label:before{content:"";width:.3rem;height:4.1rem;display:block;overflow:hidden;background-color:rgba(255,255,255,.5);position:absolute;left:0px;top:.7rem;}
  .page1 .p1_c p.p2 label.on{padding-left:3.3rem;}
  .page1 .p1_c p.p3{margin-top:4rem;}
  .page1 .p1_c p.p3 a{display:inline-block;line-height:4rem;padding:0px 3rem;font-size:2rem;color:#fff;font-weight:bold;text-transform:uppercase;position:relative;}
  .page1 .p1_c p.p3 a span{display:inline-block;position:relative;z-index:2;}
  .page1 .p1_c p.p3 a:before{content:"";width:0%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
  .page1 .p1_c p.p3 a.on:before{width:36%;}
  .page1 .p1_c p.p3 a:hover:before{width:100%;}
  
  .page1 .p1r_c{width:34.7%;overflow:hidden;height:calc(100% - 12rem);position:absolute;right:10%;top:12rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
  .page1 .p1r_c .p1cr_c{width:100%;overflow:hidden;position:relative;}
  .page1 .p1r_c img.img1{width:100%;display:block;-webkit-animation:an_02 36.1s linear infinite;animation: an_02 36.1s linear infinite;pointer-events:none;}
  .page1 .p1r_c img.img2{width:100%;display:block;position:absolute;left:0px;top:0px;pointer-events:none;}
  .page1 .p1r_c a{width:16.48%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:absolute;left:50%;margin-left:-8.24%;top:50%;margin-top:-8.24%;opacity:0;border-radius:50%;background:radial-gradient(circle at 38% 32%, #f0ce7a 0%, #c89646 45%, #7a5415 100%);box-shadow:0 .3rem 1.2rem rgba(200,150,70,0.6),inset 0 .15rem .5rem rgba(255,230,130,0.35);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
  .page1 .p1r_c a img{width:100%;display:block;}
  .page1 .p1r_c a.a1.on{left:calc(19.19% + 8.24%);top:calc(9.5% + 8.24%);opacity:1;-webkit-animation:an_04 2.1s linear infinite;animation: an_04 2.1s linear infinite;}
  .page1 .p1r_c a.a2.on{left:calc(77.66% + 8.24%);top:calc(26.68% + 8.24%);opacity:1;-webkit-animation:an_04 3.1s linear infinite;animation: an_04 3.1s linear infinite;}
  .page1 .p1r_c a.a3.on{left:calc(27.43% + 8.24%);top:calc(77.81% + 8.24%);opacity:1;-webkit-animation:an_04 1.1s linear infinite;animation: an_04 1.1s linear infinite;}
  .page1 .p1r_c a .circle-tag{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:.1rem;text-align:center;line-height:1.6;padding:.3rem;text-shadow:0 .05rem .3rem rgba(60,30,0,0.5);}


  .page2{overflow:hidden;position:relative;}
  .page2 .pagefr_n{align-items:flex-start;height:auto;position:relative;}
  
  .p2c_l{position:absolute;left:10%;top:30%;z-index:999;}
  .p2c_l p{width:100%;overflow:hidden;opacity:0;}
  .p2c_l p.p1{font-size:3rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.7rem;line-height:1.4;}
  .p2c_l p.p2{font-size:3.6rem;color:#fff;line-height:1.5;letter-spacing:1rem;position:relative;overflow:visible;padding-bottom:2.4rem;}
  .p2c_l p.p2 b{width:1.8rem;height:.5rem;display:block;overflow:hidden;background-color:#c89646;position:absolute;left:50%;bottom:0px;margin-left:-.9rem;}
  
  .p2c_c{width:13%;height:46%;overflow:hidden;position:absolute;left:41.6%;top:23.5%;background-color:rgba(30,28,28,.95);z-index:98;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
  .p2c_c .p2cc_t{width:100%;height:22.5%;overflow:hidden;font-size:4.5rem;color:#fff;letter-spacing:.3rem;display:flex;display:-webkit-flex;align-items:center;justify-content:center;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);}
  .p2c_c .p2cc_c{width:100%;overflow:hidden;height:calc(49vh - 22.5%);position:absolute;left:0px;bottom:0px;display:none;}
  .p2c_c .p2cc_c ul{width:100%;overflow:hidden;height:100%;position:absolute;left:0px;top:0px;}
  .p2c_c .p2cc_c ul li{width:100%;height:33.3333%;position:relative;overflow:hidden;border-bottom:.1rem solid rgba(255,255,255,.1);display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
  .p2c_c .p2cc_c ul li:last-child{border-bottom:0px;}
  .p2c_c .p2cc_c ul li label{display:inline-block;margin-left:3.7rem;}
  .p2c_c .p2cc_c ul li label span{width:100%;display:block;overflow:hidden;}
  .p2c_c .p2cc_c ul li label span.sp1{font-size:5rem;color:#fff;font-family:"Bahnschrift";line-height:1.1;}
  .p2c_c .p2cc_c ul li label span.sp2{font-size:1.8rem;color:rgba(255,255,255,.6);line-height:1.1;letter-spacing:.3rem;}
  .p2c_c .p2cc_c ul li i{position:absolute;right:3.7rem;font-size:.24rem;color:rgba(255,255,255,.6);line-height:1.1;top:3rem;}
  
  
  .p2c_r{width:43.22%;height:50.92%;overflow:hidden;padding:0% 10rem 0% calc(4.1% + 6rem);position:absolute;right:6.25%;top:29%;background-color:rgba(255,255,255,.1);z-index:96;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:flex;display:-webkit-flex;align-items:center;justify-content:center;transition:.6s linear;-webkit-transition:.6s linear;-o-transition:.6s linear;-moz-transition:.6s linear;}
  .p2c_r.on{background-color:rgba(255,255,255,.9);}
  .p2ccr_c{width:100%;overflow:hidden;}
  .p2ccr_c p{width:100%;overflow:hidden;}
  .p2ccr_c p.p1{border-bottom:.1rem solid #bfbfbf;font-size:3.6rem;color:#000;letter-spacing:.5rem;line-height:1.75;padding-bottom:1.5rem;font-weight:bold;margin-bottom:2.5rem;opacity:0;}
  .p2ccr_c p.p2{font-size:1.6rem;color:#666666;line-height:3rem;height:12rem;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis;display:-webkit-box;opacity:0;}
  .p2ccr_c p.p3{margin-top:6rem;}
  .p2ccr_c p.p3 a{display:inline-block;line-height:4rem;padding:0px 3rem;font-size:2rem;color:#1e1c1c;font-weight:bold;text-transform:uppercase;position:relative;}
  .p2ccr_c p.p3 a span{display:inline-block;position:relative;z-index:2;}
  .p2ccr_c p.p3 a:before{content:"";width:0%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background: linear-gradient(to right,#dcab5f,#bb8734);background: -webkit-linear-gradient(to right,#dcab5f,#bb8734);background: -o-linear-gradient(to right,#dcab5f,#bb8734); background: -moz-linear-gradient(to right,#dcab5f,#bb8734);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
  .p2ccr_c p.p3 a.on:before{width:36%;}
  .p2ccr_c p.p3 a:hover:before{width:100%;}
  
  
  .page3{overflow:hidden;position:relative;}
  .page3 .pagefr_n{height:auto;position:relative;}
  .p3_btnfr{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:990;}
  .p3c_l{position:absolute;left:10%;top:5rem;height:calc(100% - 32rem - 12rem);z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
  .p3c_l .p3cl_c{width:100%;overflow:hidden;}
  .p3c_l p{width:100%;overflow:hidden;opacity:0;}
  .p3c_l p.p1{font-size:3rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.7rem;line-height:1.4;}
  .p3c_l p.p2{font-size:3.6rem;color:#fff;line-height:1.5;letter-spacing:1rem;position:relative;overflow:visible;padding-bottom:2.4rem;}
  .p3c_l p.p2 b{width:1.8rem;height:.5rem;display:block;overflow:hidden;background-color:#c89646;position:absolute;left:50%;bottom:0px;margin-left:-.9rem;}