@charset "utf-8";
table.form{
    width: -webkit-fill-available;
    border-spacing: 0;
	border: 1pt solid #ccc;
	margin-bottom: 15px;
}
@media all and (-ms-high-contrast: none){ /* IE */
	table.form{
		width: 100%;
	}
}
table.form td{
	padding:15px 20px;
}
table.form.inquiries td{
	padding:5px 20px;
}
table.form.colspan-2 td{	/* 2列 左右に分けるとき */
	border-top: 1pt solid #ccc;
}

.grayheadhistory{
	background: #666;
	color: #fff;
}
.grayheadhistory p{
	padding: 0;
}
.grayheadhistory p{
	font-size: 1.2em;
}
.grayheadhistory p.maintitle{
	font-size: 1.5em;
}
td.formt_left{
	white-space: nowrap;
}

td.formt_left,td.formt_textarea{
	background: #f0f0f0;
}
.inquiries td.formt_left{ /*	問い合わせ	*/
	width: 180px;
}

tr.formt_2 td.formt_left{ /* trend_survey_2020.html　製品別 */
	background: none;
/*	font-weight: bold;*/
}

@media screen and (max-width: 500px) { 	/*スマホ・タブレット用*/
	tr.formt_2 td.formt_left{ /* trend_survey_2020.html　製品別 */
		background: #E0E0E0;
	}
}

tr.formt_3 td.formt_left{ /* trend_survey_2020.html　詳細は→こちら */
	background: none;
/*	font-weight: bold;*/
}
table.form.colspan-2 tr.formt_3 td{ /* trend_survey_2020.html　詳細は→こちら */
/*	border: none;*/
}
@media screen and (max-width: 500px) { 	/*スマホ・タブレット用*/
	tr.formt_3 td.formt_left{ /* trend_survey_2020.html　詳細は→こちら */
		padding-bottom: 0;
/*		background: #E0E0E0;*/
	}
	tr.formt_3 td.formt_right{ /* trend_survey_2020.html　詳細は→こちら */
		padding:10px 0;
		border: none;
		text-align: right;
	}
}

.formtextbox{
	width: 100%;
	height: calc( 1.3em * 1 );
	line-height: 1.3;
	margin: 5px 0;
}
.formtextbox.small,.formselect.small{ /*入力欄：小*/
	max-width: calc( 1.3em * 10 );
}
.formtextbox.middle,.formselect.middle{ /*入力欄：中*/
	max-width: calc( 1.3em * 20 );
}
.formtextbox.row-4{ /*入力欄：4行（選択理由）*/
  height: calc( 1.3em * 4 );
}
.formtextbox.row-10{ /*入力欄：10行（ご意見・ご要望）*/
  height: calc( 1.3em * 10 );
}

.formredmark{
	margin-left: 1em;
	color: crimson;
	font-size: 0.8em;
}

.formselect{
    width: 100%;
    max-width: 30em;
}

table.form input[type="radio"] {
	margin-right: 5px;
}

.cautionbox .bg-color{
	padding: 30px;
}
.cautionbox ul{
	padding-top: 15px;
}
.cautionbox a{
	text-decoration: underline;
	color:blue;
}
.cautionbox h2{ /*	アンケートにご回答いただく前の注意	*/
	font-size: 2em;
	font-weight: lighter;
    padding-bottom: 0.4em;
    color: rgba(197,0,3,1.00);
    border-bottom: solid 1.1pt;
    display: inline-block;
}

@media screen and (max-width: 767px) {
	td.formt_left{
		white-space: normal;
	}
	.radio div{
		float: none;
	}
	table.form.inquiries td{
		display: block;
	}
	.inquiries td.formt_left{ /*	問い合わせ	*/
		width: auto;
	}
}
@media screen and (max-width: 500px) {
	table.form td{
		display: block;
	}
	.grayheadhistory{
		font-size: 80%;
	}
	.formtextbox.small{ /*入力欄：小*/
/*		max-width: none;*/
	}
	td.formt_left,td.formt_left30{
		white-space:inherit;
	}
}

.policy{    /* 個人情報取扱同意書 */
    height: 180px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 20px 0;
    color: dimgray;
}