body{margin:0;padding:0}.container,.footer{max-width:768px;margin-left:auto;margin-right:auto;position:relative;width:100%}.img{width:100%;height:auto;display:block}.video{height:auto;width:100%;display:block}.fv-container{position:relative;overflow:hidden}.fv-container .background{padding-top:69.8%;height:0;width:100%;box-sizing:border-box;background-image:url("../images/background.jpg")}.fv-container .heading{position:absolute;top:2%;left:4.55%;width:90.9%;z-index:10}.fv-container .video-container{position:absolute;top:19%;left:3.5%;width:93%;z-index:5;background-color:#fff;padding-bottom:41.7%;box-sizing:border-box;box-shadow:0 0 16px rgba(0,0,0,.8)}.fv-container .content{position:absolute;top:47%;left:1%;width:98%;z-index:5}.fv-container .price{position:absolute;top:74%;left:36%;width:57.6%;z-index:5;overflow:hidden}.fv-container .price::after{position:absolute;content:"";top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny 3s ease-in-out infinite}@keyframes shiny{0%{transform:scale(0) rotate(45deg);opacity:0}80%{transform:scale(0) rotate(45deg);opacity:.5}81%{transform:scale(4) rotate(45deg);opacity:.8}100%{transform:scale(50) rotate(45deg);opacity:0}}.questionnaire-container{position:relative;overflow:hidden;width:100%;box-sizing:border-box;background-image:url("../images/background.jpg")}.questionnaire-container .logo{display:block;margin:32px auto;width:30.2%}.questionnaire-container .q1,.questionnaire-container .q2,.questionnaire-container .q3,.questionnaire-container .q4{position:relative;margin:32px auto;width:93%}.questionnaire-container .q1 .label input,.questionnaire-container .q2 .label input,.questionnaire-container .q3 .label input,.questionnaire-container .q4 .label input{display:none}.questionnaire-container .q1 .label input:checked+.img,.questionnaire-container .q2 .label input:checked+.img,.questionnaire-container .q3 .label input:checked+.img,.questionnaire-container .q4 .label input:checked+.img{opacity:.5}.questionnaire-container .q1 label{cursor:pointer;position:absolute;bottom:4.5%;left:30.15%;width:39.7%}.questionnaire-container .q1 label.a1{transform:translateX(-60%)}.questionnaire-container .q1 label.a2{transform:translateX(60%)}.questionnaire-container .q2 label,.questionnaire-container .q3 label{cursor:pointer;position:absolute;bottom:24%;left:30.15%;width:39.7%}.questionnaire-container .q2 label.a1,.questionnaire-container .q3 label.a1{transform:translate(-55%, -55%)}.questionnaire-container .q2 label.a2,.questionnaire-container .q3 label.a2{transform:translate(55%, -55%)}.questionnaire-container .q2 label.a3,.questionnaire-container .q3 label.a3{transform:translate(-55%, 55%)}.questionnaire-container .q2 label.a4,.questionnaire-container .q3 label.a4{transform:translate(55%, 55%)}.questionnaire-container .q4 label{cursor:pointer;position:absolute;bottom:7.5%;left:4.6%;width:90.8%;animation:shakeHorizontal 1.5s ease-in infinite forwards}.footer{background-color:#2f1606;color:#fff;padding:64px 16px;box-sizing:border-box}.footer .logo{width:44%;display:block;margin:0 auto 32px}.footer .link{padding:0;box-sizing:border-box;list-style:none;display:flex;justify-content:center}.footer .link+.link{margin:16px auto}.footer .link li{display:flex}.footer .link li a{color:#fff;text-decoration:none}.footer .link li:not(:first-child) ::before{content:"／";margin:0 8px}.footer .copyright{margin:32px auto 0;display:block;width:fit-content}@keyframes shakeHorizontal{0%,10%,80%,100%{transform:translateX(0)}30%,50%,70%{transform:translateX(-1%)}20%,40%,60%{transform:translateX(1%)}}@media screen and (max-width: 640px){.footer{font-size:12px}}/*# sourceMappingURL=style.css.map */