@charset "utf-8";
/* setting
-------------------------------------*/

/*リスケット初期設定*/
    .lisket-form-maker-form td,
    .lisket-form-maker-form th            { border: none; }  /* テーブルの枠線のスタイルを指定 */
    .lisket-form-maker-form span.example  { color: #36c; }             /* 例テキストの文字色を指定 */


body{
	overflow-x:hidden;
	font-size: 86%;
	line-height: 1.5;
	color:#333;
}
/*common*/
#note {
	padding: 2%;
}
.tittle {
	background-color: #f9bc06;
    color: #fff;
    font-size: 135%;
    line-height: 1.4;
    padding: .8em;
    margin:0 0 1em;
	text-align: center;
}
.comment {
    color: #ff0000;
    line-height: 1.4;
    padding: .8em;
    margin:0 0 1em;
	text-align: left;
}
.tittle_top{
	padding-top: 1%;
	display: inline-block;
}
.lisket-form-maker-form .leader{
    font-size: 120%;
    font-weight: bold;
    line-height: 1.4;
    background-color: #f9f7f7;
}
.lisket-form-maker-form table tr.unit_a th{
    background-color: #f9f7f7;
}
.lisket-form-maker-form table tr.unit_b th{
    background-color: #e4e4e4;
}
.lisket-form-maker-form table{
	border:1px solid #ddd;
	border-collapse: collapse;/*隣り合う線を重ねて1本にする*/
}
.lisket-form-maker-form table tr th {
	text-align: left;
	padding: .7em .5em;
	width:40%;
	border:1px solid #ddd;
	vertical-align: middle;
}
.lisket-form-maker-form table tr td{
	border:1px solid #ddd;
	padding: .7em .5em;
}
.lisket-form-maker-form label{
	margin-right: 0;
}
.lisket-form-maker-form input[type="text"],
.lisket-form-maker-form input[type="email"]{
	width: 100%;
	box-sizing: border-box;
}
.lisket-form-maker-form textarea {
    width: 94%;
}

/*btn*/
.lisket-form-maker-form .btn{
	padding: 10% 3% 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.lisket-form-maker-form .btn li{
	margin-right: 5%;
}
.lisket-form-maker-form .btn li:last-child{
	margin-right: 0;
}
.lisket-form-maker-form .btn input[type="submit"],
.lisket-form-maker-form .btn input[type="reset"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.lisket-form-maker-form .btn input{
	background-color: #666;
	border:solid 1px #666;
	color:#fff;
	padding: .8em 2.5em;
	border-radius: 5px;
	cursor: pointer;
	font-size: 130%;
	box-shadow: 0 3px #d5d5d5;
}
.lisket-form-maker-form .btn input[type="reset"]{
	background-color: #fff;
	color:#666;
}

/*common*/
.common{
	border: 1px solid #ccc;
	padding: 5%;
	margin-top: 10%;
}
.common .maincommon{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
    margin: 0 0 3%;
}
.common ul li{
	margin:3% 0 0;
}
.common ul li:first-child{
	margin:0;
}
.common ul li.contact{
	margin:6% 0 0;
}
.common ul li .blue{
	color: blue;
	text-decoration: underline;
	padding-left: 5px;
}

/*----------------------------------------------------------------
タブレット用（画面サイズ768px以上～）
----------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
body{
	font-size: 96%;
	line-height: 1.6;
}
.lisket-form-maker-form .btn input{
	padding: .8em 6em;
}
.lisket-form-maker-form table tr th {
	padding: 1em;
	width:32%;
}
.lisket-form-maker-form table tr td {
	padding: 1em;
}
}
/*----------------------------------------------------------------
デスクトップ用（画面サイズ960px以上～）
----------------------------------------------------------------*/
@media only screen and (min-width: 960px) {
#note {
	width: 870px;
	margin: 0 auto;
}
}