@charset "UTF-8";
/* CSS Document */

/*
section.ProductInfomation {
	width: 100%;
	text-align: center;
	background-color: #FFF;
	*background-image: url(../img/backimage_concrete.jpg);
	background-repeat: no-repeat;
	background-size: cover;*
	margin: 0;
	padding: 100px 0;
}

/***********************/
/**  index以外 title  **/
/**********************
div.logo_box div p {
	margin: 0;
}
div.logo_box div h2 {
	font-weight: bold;
	letter-spacing: 3px;
	margin-top: 0;
}*/


/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
  /*.item {
	height: auto;
	padding-top: 4rem;
	padding-bottom: 4rem;
	text-align: center;
  }
  
  article.item section {
	  height: auto;
	  max-width: 1100px;
	  margin-right: auto;
	  margin-left: auto;
  }*/
  
  /*****************/
  /**  MainImage  **/
  /****************
  .MainImage {
	  position: relative;
  }*/

  /*======================================================
  		お問合せ
  =======================================================*/
  .OtoiawaseContents {
	  width: 80%;
	  max-width: 980px;
	  color: #666;
	  margin: 3% auto;
	  padding: 0;
  }
  .OtoiawaseContents > div:first-child {
	  text-align: center;
	  /*background-color: #EFEFEF;*/
	  margin-top: 5%;
	  padding-bottom: 3%;
  }
  
  /*************/
  /**  Forme  **/
  /*************/
  .MailForme {
	  padding-bottom: 5%;
	  width: 80%;
	  margin-right: auto;
	  margin-left: auto;
	  /*background: #EFEFEF;*/
  }
  .MailForme aside {
	  font-size: 0.8em;
	  color: #999;
  }
  form-group span.text-danger {
	  text-align: left;
  }
  
  /** メール確認 **/
  .form-group .control-label aside {
	  font-size: 0.7rem;
	  margin-top: 0.5rem;
  }
}


/*===============================================
	●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
	
	/*==========================================
		お問合せ
	===========================================*/
	.OtoiawaseContents {
		color: #666;
		width: 95%;
		/*height: 55vh;*/
		margin: 4% auto;
		padding: 0;
		/*border: thin dashed #C00;*/
	}
	.OtoiawaseContents > div:first-child {
		width: 90%;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 3%;
	}
	.OtoiawaseContents > div:first-child > p {
		text-align: left;
	}
	
	/*************/
	/**  Forme  **/
	/*************/
	.MailForme {
		padding-bottom: 5%;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
	}
	.MailForme label {
		color: #999;
		font-size: 0.9em;
		text-aling: left;
		/*background-color: #EFEFEF;*/
	}
	/** 必須 **/
	.MailForme label > span.label {
		margin-left: 3px;
		display: inline-block;
	}
	/** メール確認 **/
	.form-group .control-label aside {
		font-size: 0.8rem;
		letter-spacing: 1px;
	}
}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
	.OtoiawaseContents {
		margin: 0 auto;
		padding: 8% 0;
		/*border: thin dashed #C00;*/
	}
}