@charset "UTF-8";

body {
	position:			relative;
	font-family:		"メイリオ","Meiryo","Hiragino Kaku Gothic ProN", sans-serif;
	font-size:			1.2rem;
}

body * {
	box-sizing:			border-box;
}

input[type='submit'], input[type='button'], input[type='checkbox'], input[type='radio'], input[type='file'], label, select {
	cursor:				pointer;
}

h1 {
	background-color:	#214DB5;
	color:				white;
	font-size:			1.4rem;
	font-weight:		bold;
}

#title {
	font-size:			2rem;
	font-weight:		bold;
	text-align:			center;
	margin:				1rem;
}

#desc {
	font-size:			1.4rem;
	text-align:			center;
}

#desc img {
	margin-top:			1rem;
}

#trial_box {
	margin:				auto;
	left:				0px;
	right:				0px;
	width:				95%;
}

#trial_tbl {
	width:				100%;
	border-collapse:	collapse;
	border:				0px;
}

#trial_tbl th {
	background-color:	#f4f4f4;
	width:				40%;
	text-align:			left;
	font-size:			0.9rem;
}

#trial_tbl th small {
	color:				#d80000;
}

#trial_tbl td small {
	margin-top:			2px;
	margin-bottom:		-2px;
	display:			block;
	font-size:			0.8rem;
}

#trial_tbl th, #trial_tbl td {
	padding:			3px;
	border:				1px solid #ddd;
}

#trial_button_block {
	margin-top:			10px;
	text-align:			center;
}

#trial_send_button, #trial_back_button {
	display:			none;
}

#trial_tbl input[type="text"], #trial_tbl textarea {
	padding:			3px 3px;
	border-radius:		3px;
	border:				1px solid #ccc;
	width:				100%;
}

#trial_tbl input[type="radio"] {
	-webkit-appearance:	radio;
	vertical-align:		middle;
}

#trial_tbl label {
	white-space:		nowrap;
}

#trial_tbl .err {
	color:				red;
	margin:				1rem;
}

#trial_thanks {
	display:			none;
	font-size:			1rem;
}

#trial_thanks div{
	margin:				20px;
	text-align:			center;
}

#confirm_box {
	display:			none;
}

#confirm {
	font-size:			1.5rem;
	font-weight:		bold;
	margin:				auto;
	text-align:			center;
	color:				red;
	max-width:			95%;
	line-height:		2rem;
}

#confirm br {
	display:			none;
}

#info {
	font-size:			0.8rem;
	margin:				auto;
	max-width:			95%;
}

#info_title {
	font-size:			1.0rem;
}

#info div {
	margin:				1rem;
}

#info_title span {
	font-size:			0.6rem;
	vertical-align:		middle;
	padding:			.25em 0 .25em .75em;
	border-left-color:	#214198;
	border-left-style:	solid;
	border-left-width:	6px;
}

ul, ul li {
	list-style:			none;
	margin-left:		0px;
	padding-left:		0px;
}

.redirect-button {
	cursor:				pointer;
	display:			inline-block;
	padding:			15px 30px 15px 32px;
	margin:				15px auto;
	border-radius:		5px;
	border:				1px #065eff solid;
	background:			#0086fa;
	background:			-moz-linear-gradient(top, #0086fa 0%, #0036ad 100%);
	background:			-webkit-linear-gradient(top, #0086fa 0%, #0036ad 100%);
	background:			linear-gradient(to bottom, #0086fa 0%, #0036ad 100%);
	filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086fa', endColorstr='#0036ad',GradientType=0 );
	box-shadow:			2px 2px 4px #000000;
	line-height:		1;
	letter-spacing:		2px;
	text-align:			center;
	font-family:		'メイリオ','Meiryo',"Hiragino Kaku Gothic ProN", sans-serif;
	font-size:			1rem;
	color:				#fff;
	text-decoration:	none;
}

@media screen and (min-width:1px) and (max-width:500px) {
#desc div {
	font-size:			1rem;
}
#desc img {
	max-width:			60%;
}

#confirm {
	font-size:			1.0rem;
	line-height:		1.6rem;
}

#confirm br {
	display:			inline;
}
}

.input_disabled {
	appearance:			none;
	background-color:	none;
	border:				none;
	color:				inherit;
	font:				inherit;
	pointer-events:		none;
}
