@charset "utf-8";

/* オートコンプリート時に色を変更させない */
.mainTable input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.mainTable.custom-wpcf7c-confirmed input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #999999 inset;
}

#inquiry{
	margin-bottom: 60px;
}
#inquiry h1{
	margin-bottom: 15px;
	text-align: center;
}
#inquiry .comment01{
	text-align: center;
	margin-bottom: 30px;
}
#inquiry .comment01 .tel{
	color: #FF7409;
}

.mainTable dl{
	display: flex;
	justify-content: space-between;
	align-items:stretch;
	/* flex-wrap: wrap; */
	margin-bottom: 3px;
}
.mainTable dt,
.mainTable dd{
	padding:15px 10px; 
	font-size: 90%;
}
.mainTable dt{
	flex-basis: 30%;
	border-right: 2px solid #ffcda0;
	text-align: right;
	font-weight: 500;

}
.mainTable dd{
	flex-basis: 70%;
	border-bottom: 1px solid #eee;
	font-weight: 300;
}
.mainTable .required{
	color: #fff;
	background:#ff7500;
	padding: 0.3em 0.4em;
	font-size: 90%;
	margin-right: 0.3em;
	border-radius: 2px;
	line-height: 100%;
	display: inline-block;; 
}
.mainTable .memo{
	font-size: 85%;
	line-height: 140%;
	color: #999;
}
.mainTable input[type="radio"]{
  display: none;
}
/* 確認時にチェックがついているものだけラベルを表示 */
.mainTable.custom-wpcf7c-confirmed input[type="radio"] ~ .wpcf7-list-item-label{
  display: none;
}
.mainTable.custom-wpcf7c-confirmed input[type="radio"]:checked ~ .wpcf7-list-item-label{
  display: block;
}
.mainTable input[type="radio"] ~ label,
.mainTable input[type="radio"] ~ .wpcf7-list-item-label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  cursor: pointer;
  white-space: nowrap
}
.mainTable input[type="radio"] ~ label::before,
.mainTable input[type="radio"] ~ .wpcf7-list-item-label::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.mainTable input[type="radio"]:checked ~ label,
.mainTable input[type="radio"]:checked ~ .wpcf7-list-item-label{
  color: #ff7500;
}
.mainTable input[type="radio"]:checked ~ label::after,
.mainTable input[type="radio"]:checked ~ .wpcf7-list-item-label:after{
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #ff7500;
  border-radius: 50%;
}

.mainTable textarea{
	height: 8em;
	font-size: 130%;
}
.mainTable select,
.mainTable textarea,
.mainTable input[type="text"],
.mainTable input[type="tel"],
.mainTable input[type="date"],
.mainTable input[type="datetime-local"],
.mainTable input[type="email"],
.mainTable input[type="file"]{
	border-radius: 5px;
	padding:0.7em 0.2em; 
	width: 90%;
	border:1px solid #ccc;
}
.mainTable select{
	width: 30%;
}
.mainTable input[type="file"]{
	margin-bottom: 5px;
	padding:0.7em; 
	cursor: pointer;
}
.mainTable input.wpcf7-date,
.mainTable input[type="date"],
.mainTable input[type="datetime-local"]{
	width: 30%;
	min-width: 12em;
	margin-left: 0.5em;
	color: #333;
	font-size: 115%;
}
.mainTable input[type="checkbox"]{
	padding-right: 0.2em;
	display: none;
}
.mainTable p{
	margin-bottom: 0.5em;
}
.checkComment{
  padding-left: 21px;
  position:relative;
  margin-right: 20px;
  line-height: 120%;
  font-weight: 400;
  cursor: pointer;
}
.checkComment::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
}
.mainTable input[type="checkbox"]:checked ~ .checkComment,
.mainTable input[type="checkbox"]:checked ~ .wpcf7-list-item-label{
  color: #ff7500;
}
.mainTable input[type="checkbox"]:checked ~ .checkComment::after,
.mainTable input[type="checkbox"]:checked ~ .wpcf7-list-item-label::after{
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 6px;
  width: 6px;
  height: 13px;
  transform: rotate(40deg);
  border-bottom: 4px solid #ff7500;
  border-right: 4px solid #ff7500;
  cursor: pointer;
}

.mainTable input::-webkit-input-placeholder,
.mainTable textarea::-webkit-input-placeholder {
	color: #ccc;
}
.mainTable input::-moz-placeholder,
.mainTable textarea::-moz-placeholder {
	color: #ccc;
}
.mainTable input:-ms-input-placeholder
.mainTable textarea:-ms-input-placeholder {
	color: #ccc;
}
.mainTable button{
	background:#ff7500;
	padding:10px 5px;
	text-align: center;
	width: 40%; 
	border-radius: 5px;
	border:none;
	color: #fff;
	margin:30px auto 50px;
	display: block; 
	transition: all 0.3s;
	cursor: pointer;
}
.mainTable button:hover{
	opacity: 0.7;
}


#inquiry .comment02{
	margin-bottom: 50px;
	color: #999;
	font-size: 90%;
	line-height: 140%;
}





/* ========================== Tablet / PC  ※1000px以内の時============================= */
@media screen and (max-width: 1000px) {


.mainTable dt{
	flex-basis: 30%;
}
.mainTable dd{
	flex-basis: 70%;
}





}

/* ========================== Tablet / PC  ※760px以内の時============================= */
@media screen and (max-width: 760px) {

.mainTable dt{
	flex-basis: 35%;
}
.mainTable dd{
	flex-basis: 65%;
}





}

/* =========================== Mobile ※600px以内の時=========================== */
@media screen and (max-width: 600px) {



#inquiry h1{
	font-size: 130%;
	margin-bottom: 5px;
}
#inquiry .comment01{
	text-align: left;
	margin-bottom: 20px;
}
.mainTable dl{
	display: block;
	margin-bottom: 10px;
}
.mainTable dt,
.mainTable dd{
	text-align: left; 
	font-size: 90%;
}
.mainTable dt{
	border-right: none;
	text-align: left;
	padding:5px 5px;
	margin-bottom: 5px;
	background:#ffcda0;

}
.mainTable dd{
	border-bottom: none ;
	padding:2px 0 10px 0;
}

.mainTable select,
.mainTable textarea,
.mainTable input[type="text"],
.mainTable input[type="tel"],
.mainTable input[type="email"],
.mainTable input[type="file"]{
	padding:0.7em; 
	width: 100%;
}
.mainTable input[type="date"],
.mainTable input[type="datetime-local"]{
	width: 40%;
	font-size: 100%;
}
.mainTable select{
	width: 40%;
}
.mainTable button{
	width: 100%;
	padding: 16px 0;
}
.mainTable button:hover{
	opacity: 1;
}





}