@charset "utf-8";

/* html#kamata_mail
----------------------------------------------------------- */
#kamata_mail {
	font-size: 62.5% !important;
}
#kamata_mail body {
	margin: 0;
}
#kamata_mail form.form {
	margin: 0;
	padding: 0;
	font-size: 1.3rem;
}
#kamata_mail form.form p {
	margin: 0;
	padding: 0;
}
#kamata_mail form.form p label {
	float: none;
	padding: 0;
	width: auto;
	font-size: 1.3rem;
}
@media screen and (max-width: 600px) {
  #kamata_mail {
    font-size: 43.75% !important;
  }
}
@media screen and (max-width: 420px) {
	#kamata_mail {
		font-size: 62.5% !important;
	}
}

/* #pardot-form iframe内のCSS
----------------------------------------------------------- */
#pardot-form p label {
}
#pardot-form p label.inline {
}
#pardot-form span.value {
    margin: 0;
    padding: 0;
}
#pardot-form p.no-label {
    margin: 3px 5px;
    padding: 3px 2px;
}
#pardot-form p.required label {
    background: none;
}
#pardot-form p span.description {
	margin: 0 0 5px;
	font-size: 1.3rem;
	color: #000;
}
#pardot-form input.text {
	width: 94%;
	height: 26px;
	border: 1px solid #ddd;
	border-radius: 3px;
}
#pardot-form select  {
	height: 22px;
	border: 1px solid #ddd;
}
#pardot-form textarea.standard {
	width: 94%;
	border-radius: 3px;
	border: 1px solid #ddd;
}


table.items {
  border-top: #dcdcdc 1px solid;
  border-left: #dcdcdc 1px solid;
	border-spacing: 0;
	margin: 15px 0;
	width: 100%;
}
td.items_label {
  width: 150px;  /* 実際の設問名の文字の長さに合わせて調整してください */
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
  color: #000;
  font-weight: bold;
  vertical-align: middle;  /* ラベルの配置 セルの上部に表示したい場合は top */
  background: #f7f7f7;
	padding: 15px 20px;
	font-size: 1.3rem;
}
td.items_label p label {
	text-align: left !important;
}
td.items_label p.required label {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
td.items_label p.required label:after {
	position: relative;
	content: "※必須";
	background: #bb1900;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	margin-top: 5px;
	padding: 2px 10px;	
}
/* 設問の入力セルおよび表示セルのデザイン */
td.items_value {
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	width: 500px;
	padding: 15px 20px;
	background: #fff;
	font-size: 1.3rem;
}
p.error {
    color: OrangeRed;
}
input.text {
    width: 100%;
}
#dialog {
	line-height:1.6;
}
div.ui-widget-header {
	background: #c5c5c5;
	color: #224;
}
.ui-dialog-buttonset {
	width: 100%;
	float: none!important;
	display: flex;
	justify-content: center;
}
.ui-draggable .ui-dialog-titlebar {
	display: none;
}
.ui-dialog .ui-dialog-content {
	text-align: center;
	min-height: inherit!important;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 0;
	margin: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
	padding: 5px 20px;
	border-radius: 3px;
	background: #bb1900;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	cursor: pointer;
}
.ui-dialog .ui-dialog-buttonpane button:nth-child(2) {
	background: #dcdcdc;
	color: #000;
}
.button {
	text-align: center;
	margin: 20px 0 0 !important;
}
input[type="button"]#submitButton {
	padding: 5px 20px;
	border-radius: 3px;
	background: #bb1900;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	font-size: 1.5rem;
	color: #fff;
	border: none;
	cursor: pointer;
}
#submitButton:hover {
	opacity: 0.8;
}
/* .mail-iframe
----------------------------------------------------------- */
@media screen and ( max-width:420px ) {

	/* #pardot-form iframe内のCSS ------ */
	#pardot-form p {
		width: 100%;
	}
	#pardot-form p label {
		float: left;
		text-align: left;
	}
	#pardot-form p label.inline {
			float: none;
	}
	#pardot-form span.value  {
			margin: 3px 5px;
			padding: 3px 2px;
	}
	#pardot-form p.no-label {
			margin: 3px 5px;
			padding: 3px 2px;
	}
	#pardot-form p.required label {
		background: none;
		flex-direction: row;
		align-items: center;
	}
	
	#pardot-form p span.description {
			margin: 0px;
	}
	#pardot-form input.text {
			width: 100%;
	}
	#pardot-form select  {
			height: 22px;
	}
	#pardot-form textarea.standard{
			width: 100%;
	}
	label.field-label {
/*			font-size: 20pt !important;*/
	}
	table.items {
		display: block;
		width: 94%;
		margin: 0 auto;
	}
	table tbody :first-child td,
	table tbody :nth-child(11) td {
		border-bottom: #dcdcdc 1px solid;
    padding: 15px 20px;
	}
	td.items_label {
			width: 87%;
/*			float: left;*/
			display: block;
	}
	td.items_value {
			width: 87%;
			display: block;
	}
	input[type="text"] {
/*			font-size: 150%;*/
		font-size: 1.6rem;
	}
	select.select {
/*			font-size: 150%;*/
			height: 200% !important;
			font-size: 1.6rem;
	}
	textarea.standard {
			font-size: 1.6rem;
			height: 120px !important;
	}
	input[type="button"] {
/*			font-size: 150%;*/
	}
	input[type="checkbox"] {
		transform:scale(2.0);
		width: 10px;
		height: 10px;
		border: #dcdcdc 1px solid;
	}
	label.inline {
			padding-left: 15px !important;
/*			font-size: 150%;*/
	}
	p.required label:after {
/*			font-size: 20pt !important;*/
		margin-left: 15px;
	}
	.ui-widget {
/*			 font-size: 20pt !important;*/
	}
}



/* #mail_index .mail-iframe
----------------------------------------------------------- */
#mail_index .mail-iframe iframe {
	width: 100%;
}
@media screen and (min-width: 737px) and (max-width:1024px) {
	#mail_index .mail-iframe iframe {
		zoom: 1.3;
	}
}

/* #request_index .mail-iframe
----------------------------------------------------------- */
#request_index .mail-iframe iframe {
	width: 100%;
}
@media screen and (min-width: 737px) and (max-width:1024px) {
	#request_index .mail-iframe iframe {
		zoom: 1.3;
	}
}

/* #opinion_index .mail-iframe
----------------------------------------------------------- */
#opinion_index .mail-iframe {
	position: relative;
	padding-bottom: 1300px;
	height: 0;
	overflow: hidden;
}
#opinion_index .mail-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1024px) {
	#opinion_index .mail-iframe {
		padding-bottom: 1600px;
	}
}
@media screen and (max-width: 736px) {
	#opinion_index .mail-iframe {
		padding-bottom: 1300px;
	}
}
@media screen and (max-width: 657px) {
	#opinion_index .mail-iframe {
		padding-bottom: 1200px;
	}
}
@media screen and (max-width: 475px) {
	#opinion_index .mail-iframe {
		padding-bottom: 1900px;
	}
}
@media screen and (max-width: 320px) {
	#opinion_index .mail-iframe {
		padding-bottom: 2000px;
	}
}

/* #coupler_mail .mail-iframe
----------------------------------------------------------- */
#coupler_mail .mail-iframe {
	position: relative;
	padding-bottom: 2500px;
	height: 0;
	overflow: hidden;
}
#coupler_mail .mail-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 688px) {
	#coupler_mail .mail-iframe {
		padding-bottom: 2300px;
	}
}
@media screen and (max-width: 508px) {
	#coupler_mail .mail-iframe {
		padding-bottom: 3900px;
	}
}
@media screen and (max-width: 375px) {
	#coupler_mail .mail-iframe {
		padding-bottom: 4100px;
	}
}
@media screen and (max-width: 320px) {
	#coupler_mail .mail-iframe {
		padding-bottom: 4200px;
	}
}