@charset "utf-8";
main.is-contact .btn-area {
margin-top: 40px;
text-align: center;
}
main.is-contact .btn-area .btn {
max-width: 240px;
width: 40%;
text-align: center;
margin: 0 20px;
display: inline-block;
}
@media screen and (max-width: 768px) {
main.is-contact .btn-area .btn {
text-align: center;
margin: 0 5%;
max-width: 100%;
}
}
main.is-contact .c-component-table>table{margin: 20px 0;}
main.is-contact .c-component-table>table tbody th{  min-width: 8em; }

main.is-contact .c-component-table>table tbody tr:nth-child(even)>th{background-color: #0077c4;}
main.is-contact .c-component-table>table tbody tr:nth-child(even)>td{background-color: #fafafa;}
@media screen and (max-width: 768px) {
main.is-contact .c-component-table.typeA>table tbody tr{display: block; width: 100%;}
main.is-contact .c-component-table>table tbody tr:nth-child(even)>th{background-color: #0071bb;}
main.is-contact .c-component-table>table tbody tr:nth-child(even)>td{background-color: #f6f6f6;}
main.is-contact .c-component-table>table tbody tr td.fieldsmpcenter{text-align: center;}

}
main.is-contact .btn-area .btn button {
display: block;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
width: 100%;
color: #0071bb;
font-weight: bold;
border: 2px solid #0071bb;
padding: 15px 20px;
}
main.is-contact .btn-area .btn button.reset {border: 2px solid #777;  color: #777;}
@media screen and (max-width: 768px) {
main.is-contact .btn-area .btn button {
font-size: 14px;
font-size: 1.4rem;
padding: 19px 30px;
}
}
main.is-contact .btn-area .btn button:hover {  opacity: 0.6;}
main.is-contact .contact-area {
margin-top: 80px;
margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
main.is-contact .contact-area {
padding: 0 20px;
margin: 30px 0 50px;
}
}
main.is-contact .contact-area .error{
color: #e60012;
}
main.is-contact .contact-area .kome{
color: #888;
font-size: 0.9em;
white-space: nowrap;
}
main.is-contact h4{
font-size: 18px;
font-size: 1.8rem;
padding-left: 0.75em;
position: relative;
margin:0.3em 0 0.6em;
font-family: "NotoSerif-M", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
main.is-contact h4::before{
content: '';
position: absolute;
width:3px;
height: 1.3em;
top:0.3em;
left:3px;
background: #0092e0;
background: -moz-linear-gradient(top, #0092e0 0%, #0049a2 100%);
background: -webkit-linear-gradient(top, #0092e0 0%, #0049a2 100%);
background: linear-gradient(to bottom, #0092e0 0%, #0049a2 100%);
}


main.is-contact .contact-area .radiofield{white-space: nowrap; margin-bottom: 0.2em; display: inline-block;}
main.is-contact .contact-area textarea{	width:90%;}
main.is-contact .contact-area input[type="text"],
main.is-contact .contact-area select,
main.is-contact .contact-area textarea{	max-width:100%;	border:1px solid #ccc; background-color: #fff;}
main.is-contact .contact-area input[type="text"]{	max-width:250px; width: 100%;	}
main.is-contact .contact-area input.longinput[type="text"]{	max-width:400px;	}
main.is-contact .contact-area label{	margin-right:12px;	}
main.is-contact .contact-area input[type="radio"]{
    margin-right:5px;
    margin-top:-0.25em;
    border:1px solid #ccc;
  }
@media only screen and (max-width:768px){
main.is-contact .contact-area input[type="text"],
main.is-contact .contact-area input.longinput[type="text"],
main.is-contact .contact-area select,
main.is-contact .contact-area textarea{		width:100%; max-width: 100%;		}
}