@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; 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%;
} @media screen and (max-width: 1000px) {
.mainTable dt{
flex-basis: 30%;
}
.mainTable dd{
flex-basis: 70%;
}
} @media screen and (max-width: 760px) {
.mainTable dt{
flex-basis: 35%;
}
.mainTable dd{
flex-basis: 65%;
}
} @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;
}
}