@charset "utf-8";

/* 各種ページタイトル用設定 */

#pageTitle-box h2#shiryou {
	background-image: url(../../contact/images/pgt_con_shiryou.jpg);
}

#pageTitle-box h2#hikiai {
	background-image: url(../../contact/images/pgt_con_hikiai.jpg);
}

#pageTitle-box h2#flow {
	background-image: url(../../contact/images/pgt_con_flow.jpg);
}

/* 商品紹介：共通スタイル */

/* 資料請求用スタイル */
#contents-area p.privacyMes-box {
	background-color: #fff7cc;
	border: 1px solid orange;
	padding: 10px;
	color: maroon;
}

#contents-area form.contactForm {
	margin: 0;
	padding: 0;
}

#contents-area form.contactForm div#catalogThumb-area {
	margin-bottom: 25px;
}

#contents-area form.contactForm div.thumb-box {
	width: 125px;
	margin: 0 5px 5px auto;
	padding: 0;
	display: block;
	border: 1px solid silver;
	float: left;
	background-color: #e4f3e1;
}

#contents-area form.contactForm dl {
	margin: 0;
	padding: 0;
	display: block;
}

#contents-area form.contactForm dt {
	display: block;
	width:105px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: teal;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	height: 3em;
	float: right;
}

#contents-area form.contactForm dd {
	display: block;
	width: 20px;
	font-size: 12px;
	text-align: center;
	padding-top: 7px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#contents-area form.contactForm p {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	border-top: 3px double silver;
	display: block;
	clear: both;
	float: left;
	width: 100%;
	background-color: #f0f0f0;
}

#contents-area form.contactForm table {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0;
	border-top: 1px solid silver;
	clear: both;
}

#contents-area form.contactForm table th {
	border-bottom: 1px solid silver;
	padding: 5px;
	width: 20%;
	text-align: center;
}

#contents-area form.contactForm table th span.attention {
	color: #cc0000;
	font-size: 75%;
	font-weight: normal;
	font-style: normal;
}

#contents-area form.contactForm table td {
	border-bottom: 1px solid silver;
	padding: 5px;
}

#contents-area form.contactForm table td textarea {
	width: 100%;
}


/* カタログ請求 再構築 250724 */
.contactCont{
	.flexBlock{
		display:flex; flex-wrap:wrap;
	}
	.catalogList{
		display:flex; width:fit-content;

		.topic{
			margin-right:10px; width:170px; border:1px solid #aaa;

			&:nth-of-type(4n),
			&:last-of-type{
				margin-right:0;
			}

			.header{
				padding:6px; background:#f0f0f0; height:65px;


			}
			.cont{
				padding:10px; text-align: center;
			}

			&.overSize{
				width:177px;
			}
		}
	}/*catalogList*/

	.contBox{	
		.catalogList{
			label{ line-height:1.3; }
			.btnBox a{
				display:block; width:90%; margin:0 auto 6px; padding:2px 0; border:1px solid #aaa; border-radius:4px;
				text-align:center; text-decoration:none !important; font-weight:bold; font-size:.75em;
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+30,dddddd+100 */
				background: linear-gradient(to bottom,  #feffff 30%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
			.btnBox a:hover{
				background: linear-gradient(to bottom,  #feffff 30%,#8fbce0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
		}/*catalogList*/
	}

	.digital{
		.catalogList .topic .header{ height:47px; }
	}

	.contBox label{ line-height:1.3; }
	.contBox .btnBox a{
		display:block; width:200px; padding:6px 0; border:1px solid #aaa; border-radius:6px; margin:0 auto;
		text-align:center; text-decoration:none !important; font-weight:bold; font-size:108%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+30,dddddd+100 */
		background: linear-gradient(to bottom,  #feffff 30%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
	.contBox .btnBox a:hover{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+30,8fbce0+100 */background: linear-gradient(to bottom,  #feffff 30%,#8fbce0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.catalog_table{
		th{ vertical-align: top; }
	}
	.kibou_catalog_hyoji{
		.kibou_catalog{
			display:block;
		}
	}
}/*contactCont*/

/* カタログ請求 再構築 250724 */