@charset "utf-8";
/**
* CSS for trial Download
*
* @body 				CGI-FORM / Base
* @version			0.0.0
* @lastmodified	2021/07/22
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
* ------------------------------------------------------------------------ */

/* request */
ul.nlist {
	list-style: none;
}
#NoFileBox {
	text-align: center;
	padding: 0.25rem 1rem;
	border: 1px solid #800000;
	background-color: #FFFFE0;
}
.fs1125 {
	font-size: 1.125rem;
}
#Restrictions ul.ulist li {
	list-style: none;
}
#SubmitBox ,
#ButtonBox {
	text-align: center;
}
#bSubmit ,
#bDownload {
	color: #fff;
	cursor: pointer;
	font-size: 1.25rem;
	font-weight: bold;
	padding: 1rem 2rem;
	border-radius: 0.25rem;
	width: 20rem;
	position: relative;
	text-align: center;
	background-color: #4169e1;
}
#bDownload.nofile {
	pointer-events: none;
	background-color: #ccc;
}
#bSubmit a:before {        			/* 白い丸 */
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 1.5rem;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;
	-webkit-border-radius: 50%;    	/* Safari,Google Chrome用 */ 
	-moz-border-radius: 50%;   			/* Firefox用 */ 
	background: #fff;
}
#bSubmit a:after {        				/*「after要素」で三角 */
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 1.8125rem;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #4169e1;
}
#bSubmit:hover a:after {        		/*「after要素」のマウスオーバー（カラーを合わせる） */ 
	border-color: transparent transparent transparent  #3ab2e9;
}
#bSubmit:disabled {
	background-color: #ccc;
}
#bSubmit:disabled a:after {
	border-color: transparent transparent transparent #ccc;
}
#bSubmit:disabled:hover a:after {
	border-color: transparent transparent transparent #ccc;
}

.bdrBox {
	border: 1px solid #008080;
	border-radius: 0.25rem;
	padding: 1rem 1rem;
	margin-top: 2rem;
}
.section .bdrBox ul {
	margin: 0.5rem 0;
}

input[type=email] ,
input[type=tel] ,
input[type=text] {
	width: 100%;
	box-sizing: border-box;
}
input[type=email]:focus ,
input[type=tel]:focus ,
input[type=text]:focus {
  background-color: #f0f8ff;
}
#PersonalInfo {
	background-color: #e0eef0;
	margin: 2rem 0 1rem;
	padding: 0.75rem 1.25rem 1.25rem;
	text-align: center;
}
#PersonalInfo p {
	font-size: 1.125rem;
	margin: 0 0 0.5rem; 
}
#PersonalInfo textarea {
	font-size: 0.8125rem;
  width: 100%;
  height: 20em;
	resize: none;
}
#PersonalInfo p.btn input {
	padding: 8px 16px;
}

#CustomerData {
	box-sizing: border-box;
	border: none;
}
#CustomerData col {
	width: 100%;
}
#CustomerData th ,
#CustomerData td {
	display: block;
}
#CustomerData th {
	border: 1px solid #ccc;
}
#CustomerData td {
	padding: 0.25rem 0 0.75rem ;
	border: none;
}

#SubmitBox.success {
	border: 3px double #89c3eb;
	border-radius: 0.25rem;
}
/* download */
#bDownload.done {
	pointer-events: none;
	background-color: #ccc;
}
#IllegalBox {
	border: 1px solid #DC143C;
	padding: 0rem 1rem;
}
p.link.large {
	font-size: 1.25rem;
}
p.error {
	color: crimson;
}

@media all and (min-width: 480px) {
	#CustomerData {
		border: none;
	}
	#CustomerData col.wp20 {
		width: 20%;
	}
	#CustomerData col.wp80 {
		width: 80%;
	}
	#CustomerData col {
		width: 100%;
	}
	#CustomerData th ,
	#CustomerData td {
		display: table-cell;
	}
	#CustomerData th {
		border: 1px solid #ccc;
	}
	#CustomerData td {
		padding: 0.5rem 0.25rem;
		border: 1px solid #ccc;
	}
	#tName {
		max-width: 16rem;
	}
	#tCompany {
		max-width: 40rem;
	}
	#nTel {
		max-width: 16rem;
	}
	#eEmail {
		max-width: 24rem;
	}
}