@charset "UTF-8";

#support{
	background-color:rgba(0,0,0,0.80);
}

#support h3{
	background: -webkit-gradient(linear, left top, left bottom, from(#906a13),color-stop(50%, #d8bb39),to(#906a13));	
	box-sizing: border-box;
	padding:2.5px 0;	
	margin-bottom:10px;
}

#support h3 span.note{
	display:block;	
	line-height:50px;
	text-align: center;
	font-size:1.5rem;
	font-weight:bold;	
	color:#ff0;	
	background-color:#000;
}

/*//////////----- HOWTO -----//////////*/

.howto{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding:5px;
}

.howto div.btn{
	width:50%;
	text-align: center;
	
	box-sizing: border-box;
	padding:5px;
}

.howto div.btn a{
	display:block;
	
	background-color:#444;
	color:#fff;
	
	box-sizing: border-box;
	padding:1px;
}

.howto div.btn div.inner{
	box-sizing: border-box;
	border:solid 1px #000;
}

.howto div.btn p{
	line-height:20px;
	text-shadow:1px 1px 0px #000;
	font-weight:bold;
}

.howto div.btn p.note{
	display:block;
	
	font-size:0.8rem;
	line-height:20px;
	color:#000;
	text-shadow:0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1) , 0px 0px 3px rgba(255, 255, 255, 1);
}

.howto div.online a{
	background: #151a62; /* Old browsers */
	background: -moz-linear-gradient(top,  #151a62 0%, #0033ff 50%, #151a62 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #151a62 0%,#0033ff 50%,#151a62 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #151a62 0%,#0033ff 50%,#151a62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151a62', endColorstr='#151a62',GradientType=0 ); /* IE6-9 */
}

.howto div.online div.inner{
	box-sizing: border-box;
	padding:20px 0;
}

.howto div.tel a{
	background: #620000; /* Old browsers */
	background: -moz-linear-gradient(top,  #620000 0%, #990000 50%, #620000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #620000 0%,#990000 50%,#620000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #620000 0%,#990000 50%,#620000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#620000', endColorstr='#620000',GradientType=0 ); /* IE6-9 */
}

.howto div.tel div.inner{
	box-sizing: border-box;
	padding:10px 0;
}

.howto div.line a{
	background: #00540b; /* Old browsers */
	background: -moz-linear-gradient(top,  #00540b 0%, #00cc00 50%, #00540b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00540b 0%,#00cc00 50%,#00540b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00540b 0%,#00cc00 50%,#00540b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00540b', endColorstr='#00540b',GradientType=0 ); /* IE6-9 */
}

.howto div.line div.inner{
	box-sizing: border-box;
	padding:10px 0;
}

.howto div.heaven a{
	background: #d89e00; /* Old browsers */
	background: -moz-linear-gradient(top, #d89e00 0%, #ffbc00 50%, #b27c00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d89e00 0%,#ffbc00 50%,#b27c00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d89e00 0%,#ffbc00 50%,#b27c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d89e00', endColorstr='#b27c00',GradientType=0 ); /* IE6-9 */
}

.howto div.heaven div.inner{
	box-sizing: border-box;
	padding:20px 0;
}

/*//////////----- ATTENTION -----//////////*/

.attention{
	margin-bottom:20px;
	
	box-sizing: border-box;
	padding:10px;
}

.attention h5{
	font-weight:bold;
	color:#c00;
	
	margin-bottom:10px;
}

.attention ul{
	box-sizing: border-box;
	padding:10px 0;
	
	font-size:0.8rem;
	line-height:1.75em;
}

.attention ul li{
	position: relative;
	
	box-sizing: border-box;
	padding-left:10px;
}

.attention ul li:before{
	display:block;
	content:"■";
	
	position: absolute;
	top:-1.5px;
	left:0;
}

.attention p.caution{
	font-size:0.8rem;
	line-height:1.75em;
	color:#c00;
}

/*//////////----- FORM-CONTENT -----//////////*/

.form-content div.row{
	box-sizing: border-box;
	padding:10px;
}

.form-content div.row h5{
	color:#2640ff;
	line-height:30px;
	font-weight:bold;	
	box-sizing: border-box;
	padding:10px;	
	background-color:#222;	
	border-bottom:solid 2.5px #fff;
}

.form-content div.row div.ans{	
	box-sizing: border-box;
	padding:10px;	
	background-color:#444;
}

.form-content div.row h5 span.must{
	display:inline-block;	
	box-sizing: border-box;
	margin:0 5px;	
	font-size:0.6rem;
	line-height:15px;	
	padding:0 7.5px;
	border-radius:2.5px;	
	background-color:#f22;
	color:#fff;
	vertical-align: middle;
}

.form-content div.row ul.choice{
	font-size:0;
	line-height:1.0em;	
	box-sizing: border-box;
	padding:2.5px;
}

.form-content div.row ul.choice li{
	display:inline-block;
	width:90px;	
	box-sizing: border-box;
	padding:0 2.5px;	
	font-size:0.8rem;
	line-height:30px;
}

.form-content div.row ul.option{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;	
	width:100%;	
	box-sizing: border-box;
	padding:2.5px;
}

.form-content div.row ul.option li{
	width:50%;	
	box-sizing: border-box;
	padding:0 2.5px;	
	font-size:0.8rem;
	line-height:1.75;	
	margin-bottom:5px;
}

.form-content div.row ul.extra{
	font-size:0.8rem;
	line-height:1.75em;
}

.form-content div.btn-action p.note{
	font-size:0.8rem;
	line-height:1.75em;	
	text-align:center;
}

.form-content div.btn-action p.btn-submit{
	width:80%;
	margin:10px auto 0;
}

.form-content div.btn-action p.btn-submit input[type="submit"]{
	display:block;
	width:100%;	
	font-size:1.25rem;
	line-height:50px;
	color:#fff;
	font-weight:bold;	
	border: 1px solid #906a13;
	box-shadow:0px 0px 0px 2px #000 inset;
	background: -webkit-linear-gradient(90deg, #030000 0%, #333333 49%, #030000 100%);
	background: -moz-linear-gradient(90deg, #030000 0%, #333333 49%, #030000 100%);
	background: -o-linear-gradient(90deg, #030000 0%, #333333 49%, #030000 100%);
	background: -ms-linear-gradient(90deg, #030000 0%, #333333 49%, #030000 100%);
	background: linear-gradient(0deg, #030000 0%, #333333 49%, #030000 100%);
	-webkit-appearance: none;
	border-radius: 0px;
}