@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/

@import url(./reset.css);
@import url(./font-awesome.min.css);
@import url(./common.css);
@import url(./page_common.css);

/* カタログサマリー */
body.catalog_index #sec1{padding-bottom: 3%; max-width: 94%; margin-left: auto;
margin-right: auto;}
.catalog_index_list{width: 800px; margin-left: auto;margin-right: auto; font-weight: normal; font-size: 18px;margin-bottom: 3%; max-width: 100%;}

.catalog_index_list li{padding: 3% 4%; border: 3px solid #eee;}
.catalog_index_list li > *{display: inline-block; vertical-align: middle;}
.catalog_index_list li + li{margin-top: 3%;}
.catalog_index_list li .title{text-align: center;width: 40%;}
.catalog_index_list li a{color: #fff;padding: 0.6em 3em; font-size: 20px; text-decoration: none; text-align: center;}
.catalog_index_list li a.indi{background-color: #59C2E0; margin-right: 1em;}
.catalog_index_list li a.corp{background-color: #0068b7;}
#contents h2 img.bg_color {background-color: #59c2e1;}
#contents h2 {color: #59c2e1;border-color: #59c2e1;}

@media screen and (max-width: 640px) {
	.catalog_index_list li{text-align: center;}
	.catalog_index_list li .title{display: block; width: auto; margin-bottom: 2%;}
	.catalog_index_list li a{padding: 0.6em 0; width: 45%;}
}


/*一般と法人、両方適用*/
table,
tr,
/* input[type="text"], */
select { border: 1px solid #DDDDDD; }
table { width: 100%; margin-bottom: 10px; }
table caption { text-align: left; }
th { color: #31AFE1; padding: 25px 6px 25px 16px; }
td { vertical-align: middle; }
/* input[type="text"],
select { height: 30px; padding-left: 10px; } */
form label { margin-right: 2em; }
.must { color: #B20000; }
input[type="submit"] { cursor: pointer; background-color: #31AFE1; color: white; font-weight: bold; border: none; font-size: 16px; padding: 16px 70px; margin-bottom: 40px; border-radius: 5px; }
input[type="submit"]:hover { opacity: 0.8; }
.tooltip { background: url(/paradia/_img/catalog/tip_bg.png) no-repeat left bottom; padding: 5px 10px 10px 5px; }
.tooltip span { position: absolute; top: -6px; right: -6px; }
.tooltip p { color: #FFF; margin: 0; padding: 0; font-size: 10px; font-weight: bold; }
.optgroup { font-size: 10px; font-weight: bold; margin-left: 5px; }
.errInp { background: #FFC; }
#contents h1 { position: relative; }
#contents h1 img.abs { position: absolute; top: 122px; left: 40px; }
/*一般のお客様のみ適用*/
.indi form label { margin-right: 2em; }
.indi label[for="reason_0"],
.indi label[for="reason_1"],
.indi label[for="reason_3"],
.indi label[for="reason_4"] { display: inline-block; width: 300px; margin-right: 0; }
.indi label[for="reason_0"],
.indi label[for="reason_3"] { width: 230px; }
.indi label[for="reason_2"],
.indi label[for="appeal_2"] { margin-right: 0; }
/*法人のお客様のみ適用*/

.catalog.new .corp label[for="job_0"],
.catalog.new .corp label[for="job_3"] { display: inline-block; width: 135px; margin-right: 0; }
.corp .jisseki label,
.corp label[for="reason_1"] { margin-right: 0; }
.corp label[for="reason_0"],
.corp label[for="reason_2"] { display: inline-block; width: 380px; margin-right: 0; }
/* これからのお客様追加 */
body.catalog #contents nav ul li a { font-size: 14px; height: 50px; line-height: 1.2; padding-top: 7px; }
label[for="shiryou_kikkake_0"],
label[for="shiryou_kikkake_1"],
label[for="shiryou_kikkake_3"],
label[for="shiryou_kikkake_4"],
label[for="shiryou_kikkake_6"],
label[for="shiryou_kikkake_7"] { display: inline-block; width: 300px; margin-right: 0 !important; }
#other_reason{
    height: 70px;
    width: 100%;
}
#other_job1{width: 60px; margin-left: -2.4em;}

#other_job2{width: 30px;}
.corp #job_2 + label{margin-right: 0;}

@media screen and (max-width: 640px) {
	input{max-width: 100%;}
	#contents h1 img.abs{top:0; left:0; margin-left: 2%; margin-top: 11%; height: 25%;}
	body.catalog #contents nav ul li a{font-size: 12px; padding-left: 1%;padding-right: 20%;}
	#contents{font-size: 14px;}
	table{border: none;}
	table,caption,tbody,tr{display: block;}
	th,td{display: inline-block; vertical-align: middle;}
	td:last-child{padding:0 1em 1em; display: block;}

	form label + label{margin-top: 0.5em;}
	form label br{display: none;}
	td span.exam{display: block; margin-top: 0.5em;}
	th{padding: 1em;}


	input[type="submit"]{-webkit-appearance:none;}
	#contents form label{display: block;}
}

.downloadbuttons {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.downloadbutton {
	border: 2px solid #31AFE1;
	color: #31AFE1 !important;
	font-weight: bold;
	font-size: 16px !important;
	padding:16px 70px;
	margin-bottom: 0px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
}
.downloadbutton:hover{
	opacity: 0.8;
}
@media screen and (max-width: 640px) {
	.downloadbuttons {
		flex-direction: column;
	}
}