@charset "utf-8";
   .CRL_main .CRL_menu{
    top: 17%;
   }
   @media (max-width: 761px) {
    .CRL_main .CRL_menu{
    top: 19%;
   }
    .CRL_main .CRL_menu a {
      padding: 5px 5px !important;
    }
    .CRL_main .CRL_menu.active {
        margin-top: -40vw;
    }
   }

   @media (max-width: 320px) {
    .CRL_main .CRL_menu a {
      padding: 5px 2px !important;
    }
   }

   #main {
    padding-top: 0;
   }

   .footer-main {
    margin-top: 0;
   }

   .CRL_main.active>section:nth-of-type(2) {
    margin-top: 0;
   }



   .CRL_main.active,
   body {
    overflow: visible;
   }


   .CRL_main.active {
    margin-bottom: -2px;
   }




   .CRL_main {
    background-color: #f1dfca;
    text-align: center;
    max-width: 840px;
   }




   .CRL_main img {
    width: 100%;
    display: block;
   }



   .CRL_main figure {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
   }

   .CRL_main figure.shine img {
    opacity: 0;
   }

   @media (max-width: 1250px) {}

   @media (min-width: 762px) {}

   @media (max-width: 761px) {}

   .CRL_main .CRL_video {
    width: 80%;
    margin: 0 auto;
    box-shadow: #cbaf93 5px 5px 10px;
   }

   .shinye_img {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    -webkit-mask-position: top center;
    position: absolute;
    top: 0;
    left: 0;
   }
   /*s1 */

   .s1 figure {
    background-image: url(../images/img_01-min.png);
    mask-image: url(../images/img_01-min.png);
    -webkit-mask-image: url(../images/img_01-min.png);
   }
   /*s2 */

   .CRL_main .s2 figure {
    top: 30%;
   }
   /*s3 */

   .s3 figure.shinye_img {
    background-image: url(../images/img_03-min.png);
    mask-image: url(../images/img_03-min.png);
    -webkit-mask-image: url(../images/img_03-min.png);
   }

   .s3_bg_an {
    animation: s3_bg_an 1.5s infinite alternate ease-in-out;
   }

   @keyframes s3_bg_an {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
   }
   /*s4 */

   .CRL_main .s4 figure {
    top: 8%;
    width: 45%;
    left: 5%;
   }

   .CRL_main .s4 figure img {
    opacity: 0;
    transform: rotate(180deg)scale(0);
   }

   .CRL_main .s4.animation-style figure img {
    animation: s4 1s ease both;
   }

   @keyframes s4 {
    0% {

      transform: rotate(180deg)scale(0);
      opacity: 0;
    }
    100% {

      transform: rotate(0deg)scale(1);
      opacity: 1;
    }
   }
   /*s5 */

   .CRL_main .s5 figure {
    top: 35%;
   }
   /*s6*/

   .s6 figure img:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
   }
   /*s10 */

   .s10 figure {
    background-image: url(../images/img_10_2.png);
    mask-image: url(../images/img_10_2.png);
    -webkit-mask-image: url(../images/img_10_2.png);
}

   /*s11*/
   .CRL_main .s11{
    background-image   : url(../images/img_11.jpg);         
background-repeat  : no-repeat;
background-position: top center; 
background-size: 100% 100%;
padding: 2% 20%;
margin-top: -3%;
   }
   .CRL_main .s11 .formdesc2{
    box-shadow: #cbaf93 5px 5px 10px;
    border-radius: 5px;
   }
   .CRL_main .s11 input[type="text"]{
        border: 1px solid #fff;
        
        box-shadow:0px 0px 5px #e5c9b2 inset;   
   }