@charset "utf-8";

div.projector { letter-spacing: 0.05em; margin: 5px 0 5px 62px; line-height: 160%; }
div.projector div { letter-spacing: 0.05em; }
div.device { letter-spacing: 0.05em; }
div.policy { width: 100%; margin: 20px 0; line-height: 160%; padding: 20px; border:1px #666 solid; }
ul.policy ol { padding-left:2.5em; text-indent:-2.5em; }
div.consent { text-align: center; padding: 20px 0 40px; }
div.button { text-align: center; }

form img { width: 40px; margin-top:5px; }
input.button { display : inline-block; border-radius : 8px; font-size : 13pt; text-align : center; cursor : pointer; padding : 20px 40px; background : #000000; color : #ffffff; line-height : 1em; transition : .3s; border : none; }
input.button:hover { color : #fff; background : #666; }
input.button_back { display : inline-block; border-radius : 8px; font-size : 13pt; text-align : center; cursor : pointer; padding : 20px 40px; background : #444; color : #ffffff; line-height : 1em; transition : .3s; border : none; margin-right: 40px;}
input.button_back:hover { color : #fff; background : #999; }


form { margin: 20px 0 0 0; }
form input.text { width :600px; height: 30px; text-align : left; padding :6px; border:1px #999 solid; margin: 0 0 0 0;}
form input.text:focus { outline: solid 1px #666; }
form input.check-box { border:1px #ececec solid; margin: 4px 10px 10px; transform: scale(1.4); }
form input.check-box-projector { border:1px #ececec solid; margin: 4px 10px 10px 80px; transform: scale(1.4); }
form textarea { width :600px; height: 220px; text-align : left; padding :8px; margin: 10px 0 0 0; }
form textarea:focus { outline: solid 1px #666; }

div.message { width: 100%; text-align:center; height: 200px; }
.msg { color:red; }

@media only screen and (max-width: 767px) {
div.projector { width: 90%; margin: 5px 0 5px 10%; letter-spacing: 0.05em; }
div.projector p { padding-left:1em; text-indent:-1em; width: 94%; margin: 0 0 0 10%; }
div.projector div { padding-left:2.6em; text-indent:-1em; letter-spacing: 0.05em; }
div.policy { width: 96%; padding: 0 2%; }
div.device { padding-left:2.6em; text-indent:-1em; letter-spacing: 0.05em; }
form input.text { width :96%; }
form textarea  { width :96%; }
form input.check-box-projector { margin: 4px 10px 10px 30px; }
}