/*202305 ２カラム型フォーム */
blockquote {
 border-left: initial;}
  /*リード項目等のブロックの高さheight20pxの解放、アンケート項目の枠色指定*/
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: auto;
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: white;
}
textarea {
    border: 1px solid #CCCCCC;
    padding: 0.5vw 0.5vw;
    line-height: 1;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}
  /*actingalertまわり*/
p.content {
    line-height: 20px;
}
.item {
    line-height: 20px;
}
/*JS無効時・Cookie無効時のエラー表示*/
.alert {
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	line-height: 150%;
}
.alert, .alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}
.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.alert-danger h4, .alert-error h4 {
	color: #b94a48;
}
.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}

/* MP add start */

/*acting_alert*/
#template-layout {
	border: 1px solid #ff0000;
	padding-top: 2px;
	padding-bottom: 2px;
	width: auto;
}
#acting_alert {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	margin: 5px;
	z-index: 1000;
	opacity: .60;
	-moz-opacity: .60;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#acting_alert p.close_alert {
	margin: 0;
	padding: 3px;
	background: #1393c0;
	text-align: right;
	height: 25px;
}
#acting_alert p.content {
	padding: 1em;
	margin: 0;
	background: #fff;
	border: 1px solid #1393c0;
	height: 100%;
}
#acting_alert span.top, #acting_alert span.bottom {
	display: block;
	background: #fff;
}
#acting_alert span.top span, #acting_alert span.bottom span {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #1393c0;
}
#acting_alert span.r1 {
	margin: 0 5px;
}
#acting_alert span.r2 {
	margin: 0 3px;
}
#acting_alert span.r3 {
	margin: 0 2px;
}
#acting_alert span.top span.r4, span.bottom span.r4 {
	margin: 0 1px;
	height: 2px;
}
#acting_alert span.item {
	font-size: 12px;
}
.close_alert a {
	background-image: url(../img/bannerClose.gif);
	display: block;
	width: 23px;
	height: 23px;
}
.close_alert a img {
	display: none;
}
  /*完了画面のボタン出し分け*/
.btn-nolink {
  display: none;
}
   /*コメントの非表示*/
.ph{
  display: none;
}
  /*送信ボタンのデザイン*/
.bs_btn
{
  margin-top: 35px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  background: #0D2EA0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px;
  border: 0;
  border-radius: 5px;
}
  /*エラー文言*/
.ss_error_msg {
  color: #DF5D00;
  background: url(../img/at_img.png) no-repeat left center/100%;
  background-size: contain;
  position: relative;
  padding-left: 22px;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 5px;
}
.formErrorContent {
  color: #DF5D00;
  background: url(../img/at_img.png) no-repeat left center/100%;
  background-size: contain;
  position: relative;
  padding-left: 22px;
  font-size: 12px;
  line-height: 1.3;
  margin-top: 5px;
}
.error_img {
  height: 15px;
}
.label-warning {
  display: none;
}
  /*姓名の部分*/
.f-name .validate {
  display: flex;
  justify-content: space-between;
}
.f-name{
  flex: 1;
}
.s-name{
  flex: 1;
}
  /*お問い合わせの会社名太字*/
.bold {
	font-weight: bold;
}
 /*個人情報文言の太さ*/
.ss_upComment, .ss_leftComment, .ss_rightComment, .ss_bottomComment{
	font-size: 12px;
	font-weight: 400;
}
 /*アンケート質問部分の背景色*/
.form-subwrap > div:first-child{
	background-color: #D9D9D9;
	margin-bottom: 2px;
}
 /*お問い合わせの改行*/
span.ss_inqtxt {
	display: block;
  }
  select {
	border-radius: 5px;
  }
  /*姓名のサイズ固定化*/
.f-name .validate .ss_input {
	width: 170px;
  }
/*FF用デザイン*/
@-moz-document url-prefix() {
	.f-name .validate {
		display: flex;
		justify-content: space-between;
	  }
	  .f-name .validate .ss_input {
		width: 170px;
	  }
  }
  /*一定のサイズ以下の画面で姓名を縦並びに変更*/
  @media screen and (max-width: 900px) {
	.f-name .validate {
	  display: block; /* displayをデフォルト値に戻す */
	  justify-content: initial; /* justify-contentをデフォルト値に戻す */
	  width: auto;
	}
  }
  @media screen and (max-width: 900px) {
	.f-name .validate .ss_input {
		width: auto;
	}
  }
  @media screen and (max-width: 900px) {
	.validate .ss_input + .ss_input input {
		margin-top: 2vw;
	}
  }

/* バリデーションエラー */
.form-box .ss_input .formError {
	display: block;
}
.form-wrap .form-flex .right-box .warning .formError ~ input,
.form-wrap .form-flex .right-box .warning .formError ~ textarea,
.form-wrap .form-flex .right-box .warning .formError ~ select {
	border-color: #DF5D00;
}
.form-wrap .form-flex .right-box .warning .formError ~ input[type="file"] {
  border-color: none;
}
/*エラー時submit赤枠*/
div > span.ss_error_msg + br + div + input {
	border-color: #DF5D00 !important;
  }
div > span.ss_error_msg + br + input {
	border-color: #DF5D00 !important;
  }
div > span.ss_error_msg + br + div + select {
	border-color: #DF5D00 !important;
  }
div > span.ss_error_msg + br + select {
	border-color: #DF5D00 !important;
  }
div > span.ss_error_msg + br + div + textarea {
	border-color: #DF5D00 !important;
  }
div > span.ss_error_msg + br + textarea {
	border-color: #DF5D00 !important;
  }