@charset "utf-8";

/* ** ********************************************************** ** */
/* *** Kill Browser Default *** */
/* ** ********************************************************** ** */
body,html {margin:0;padding:0;}

p,h1,h2,h3,h4 {margin:0;padding:0;}

ul,li {margin:0;padding:0;list-style:none;}

a,
a:link,
a:visited,
a:active,
a:hover {text-decoration:none;color:#000;font-weight:normal;}

table {border-collapse:collapse;margin:0;padding:0;}

input,
textarea,
select { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;
	-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0;-moz-border-radius:0;
	-o-border-radius:0;-ms-border-radius:0;border-radius:0;
	margin:0;
}

/* ** ********************************************************** ** */
/* *** Default Classes *** */
/* ** ********************************************************** ** */
body,
html,
input,
textarea,
select {font-family:Helvetica, Arial, sans-serif;font-size:16px;}

.clearfix:after {clear:both;display:block;visibility:hidden;height:0;content:'.';}

.wrapper {padding-left:60px;padding-right:60px;max-width:1280px;min-width:320px;margin:0 auto;}

h1 {font-size:20px;font-weight:bold;text-align:center;padding:60px 0 60px 0;}

.video {}
.video .dummy {width:100%;padding-top:56.25%;background:#000;margin:0 auto;position:relative;}
.video .dummy video {width:100%;height:auto;position:absolute;top:0;left:0;}
.video .dummy p {width:100%;position:absolute;top:0;left:0;text-align:center;color:#fff;font-weight:bold;padding:20% 0 0 0;}
/* 
	video size: 1280 * 720 
	video format: 16:9
*/

.question {max-width:600px;margin:0 auto 60px auto;border:1px solid #ccc;border-radius:2px;}

input,
textarea,
select {border:none;height:45px;}
input[type="radio"],
input[type="checkbox"] {width:auto;}

.question input[type="text"] {padding:0 20px;width:80%;width:calc(100% - 100px);float:left;}
.question input[type="submit"] {width:100px;float:right;padding:0;cursor:pointer;}