/*====================
お問合わせフォーム
====================*/

#contactArea {
xmargin: 2em auto;
xtext-align: left;

}


#contactFormArea {
xwidth: 1100px;

xpadding: 10px 25px;
xmargin: 0 auto;
xbackground-color: #fff;
}


#contactForm,
#contactForm02 {
width: 100%;
margin: 0 auto;
padding: 10px;
xfont-size: 80%;
border-style: none;
}


#contactForm {
margin: 0 auto 80px auto;
}


#contactForm th,
#contactForm02 th {
width: 300px;
font-size: 90%;
font-weight: bold;
border-width: 0 0 1px 0;
padding: 20px 0;
background-color: #fff;
vertical-align: top;

border-color: #c8c9ca;
}

#contactForm td,
#contactForm02 td {
font-size: 90%;
line-height: 150%;
border-width: 0 0 1px 0;
padding: 20px 10px;
text-align: left;
background-color: #fff;
border-color: #c8c9ca;
}


.address-button a{
box-sizing: content-box;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

width: auto;
color: #fff;
font-family: Arial;
xfont-weight: bold;
letter-spacing: normal;

padding: 10px;
margin: 0 1em;
background-color: #5d1c35;

text-decoration: none;
display: inline-block;
cursor: pointer;

}

a:link[class~="address-button"],
.address-button a:link{   color: #fff !important;}

a:visited[class~="address-button"],
.address-button a:visited{    color: #fff !important;}

a:hover[class~="address-button"],
.address-button a:hover{color: #fff !important;
background-color: #852b4d;
}



#contactForm td ul.address-list li,
#contactForm02 td ul.address-list li {
margin: 0 0 10px 0;
}



#contactForm-privacypolicy {
width: 100%;
margin: 0 auto;
padding: 10px;
xfont-size: 80%;
border-style: none;
}

#contactForm-privacypolicy th{
width: 100%;
xtext-align: center;
font-weight: normal;
border-width: 0;
padding: 5px 15px;
margin: auto 0;
background-color: #fff;
vertical-align: top;

border-color: #c8c9ca;

color: #fff;
background-color: #ab0e35;
}

#contactForm-privacypolicy td{
font-size: 90%;
border-width: 0 0 1px 0;
xpadding: 25px 10px;
padding: 20px 10px;
text-align: left;
background-color: #fff;
border-color: #c8c9ca;
}



#contactForm-privacypolicy td div.iframe-box{
overflow-y:scroll;
width: 100%;
height: 150px;

padding: 20px;

border-style: solid;
border-width: 1px;
border-color: #ccc;
}

div.iframe-box > h3,
div.iframe-box > h4,
div.iframe-box > ol,
div.iframe-box > ol li
{
margin-bottom: 1em ;
}


.radio-List {
text-align: left;
}


.radio-List li {
display: inline-block;
vertical-align: top;
}


#contactForm-privacypolicy td div.policybutton{
padding: 20px 0;
text-align: center;
background-color: #ccc;
font-weight: bold;
}


.table-title {
background-color: #000;
color: #fff;
padding: 20px;
margin: 0 0 30px 0 !important;
font-size: 120%;
}

.mail-form-header {
background-color: #e6e5e4;
padding: 20px 0;
margin: 0 auto 30px auto;
text-align: center;
font-size: 90%;
}


.mail-form-header::before {
content: "■";
color: #910707;
font-size: 120%;
}

.mail-form-footer {
background-color: #e0ddd6;
padding: 30px 0;
margin: 30px auto 0 auto;

}

.formhead-greed {
width: 250px;
display: inline-block;

background-color: #e4e4e4;
padding: 5px 15px;
margin: auto 0;
text-align: center;


}

.formhead-need {
width: 250px;
display: inline-block;

color: #fff;
background-color: #910707;
padding: 5px 15px;
margin: auto 0;
text-align: center;


}

.cat-list li {
display: inline-block;
vertical-align: top;
}

/*-- iPhoneバグ回避 --*/

#contactForm input,
#contactForm select,
#contactForm textarea,
#contactForm02 input,
#contactForm02 select,
#contactForm02 textarea
{
font-size: 16px !important;
}


#contactForm textarea,
#contactForm02 textarea{
line-height: 150%;
}


#contactForm input,
#contactForm select,
#contactForm02 input,
#contactForm02 select
{
height: 36px;
padding: 5px;
margin: 5px;
border-color: unset;
border-width: 1px;

}



input[type="text"] ,
input[type="tel"],
input[type="email"]{
xwidth: 100%;
xheight: 36px;
xborder-style: solid;
xborder-width: 1px;
xborder-color: #666;
text-indent: 0.3em;
}


textarea{

}

button#mfp_button_send{
-webkit-appearance:none;
border: 1px solid #ccc;
color: #fff;
background-color: #443737;
border-radius:6px;
padding: 15px 10px !important;
font-weight: bold;
}

button#mfp_button_cancel{
-webkit-appearance:none;
border: 1px solid #ccc;
color: #fff;
background-color: #666;
border-radius:6px;
padding: 15px 10px !important;
font-weight: bold;
}

input[type="submit"]{
cursor: pointer;
-webkit-appearance:none;
border: 1px solid #ccc;
color: #fff;
background-color: #443737;
border-radius:8px;
padding: 15px 10px;
font-weight: bold;
font-size: 100%;
}

input[type="reset"]{
cursor: pointer;
-webkit-appearance:none;
border: 1px solid #ccc;
color: #fff;
background-color: #666;
border-radius:8px;
padding: 15px 10px;
font-weight: bold;
font-size: 100%;
}


/*====================
お問合わせスタイル（スマホ用）
====================*/



@media screen and (max-width: 900px) {

#contactFormArea {
padding: 20px 0 0 0;
margin: 0 auto;
xbackground-color: #fff;

}

#contactFormArea .contactFormArea-box {
width: 90%;
height: auto;
margin: 0 auto;
padding: 10px;
background-color: #fff;
}


#contactForm th,
#contactForm02 th {
display: block;
width: 100%;
padding: 10px 0;
}

#contactForm td,
#contactForm02 td{
display: block;
width: 100%;
padding: 20px 0;
}

#contactForm td > p:last-child,
#contactForm02 td > p:last-child
{
margin: 0;
}


#mfp_confirm_table th{
font-size: 80%;
}

.formhead-greed {
width: 100%;

}

.formhead-need {
width: 100%;
}

.mail-form-header {
margin: 0;
}

#contactForm input,
#contactForm select,
#contactForm02 input,
#contactForm02 select
{
height: 36px;
padding: 5px;
margin: 5px;
border-color: unset;
border-width: 1px;

}

input[type="text"], 
input[type="tel"], 
input[type="email"], 
textarea {
width: 100%;
padding: 5px;
xborder-style: solid;
xborder-width: 1px;
xborder-color: #666;
}

#contactForm input[type="checkbox"]{
height: auto;
}

.radio-List {
text-align: center;
}

input[type="submit"],
input[type="reset"]
{
padding: 10px;
font-size: 90%;
}

.address-button a{
box-sizing: content-box;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

width: auto;
color: #fff;
font-family: Arial;
xfont-weight: bold;
letter-spacing: normal;

font-size: 80%;
padding: 10px 15px;
margin: 10px auto;
background-color: #5d1c35;

text-decoration: none;
display: inline-block;
cursor: pointer;

}






}















