@charset 'utf-8';

/*===================================== */
/*            お問い合わせ              */
/*===================================== */

.main__section#contactForm {
    border: none;
}

.section__inner__contactForm {
    width: 900px;
    margin: auto;
    padding: 30px 50px;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #DDDDDD;
}

.contact .section__contents {
  width: 700px;
  margin: 0 auto;
}

.contact .section__desc {
  text-align: left;
}

.contact .section__desc ul li span {
  display: inline-block;
  width: 9em;
}


.contactForm__tableWrap {
    border: 1px solid #ccc;
}

.contactForm__tableWrap input[type="text"],
.contactForm__tableWrap input[type="mailaddress"]
{
    width: 400px;
    padding: 4px;
    font-size: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 4px 0;
    border: 1px solid #ccc;
}

.contactForm__tableWrap textarea {
    width: 400px;
    height: 300px;
    padding: 2px 4px;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 4px 0;
    border: 1px solid #ccc;
}

.contactForm__tableWrap select {
    border: 1px solid #ccc;
}

.contactForm__tableWrap table {
    width: 100%;
}

.contactForm__tableWrap table tr {
    border: 1px solid #FFF;
    border-bottom: 1px solid #ccc;
}

.contactForm__tableWrap th {
    width: 150px;
    padding: 14px 10px;
    font-weight: normal;
    background-color: #575666;
    color: #FFF;
}

.contactForm__tableWrap td {
    padding: 5px 10px;
}

.contactForm__tableWrap .zip input {
    width: 130px;
}

.contactForm__tableWrap .zip input + input {
    width: 160px;
}

.contactForm__tableWrap  .phone input {
    width: 120px;
}

.contactForm__tableWrap  textarea {
    width: 92%;
}

.contactForm__tableWrap .inquiry {
    border-bottom: none;
}

.contactForm__agreement {
    width: 850px;
    height: 200px;
    overflow: auto;
    padding: 15px;
    margin: 40px auto 25px auto;
    border: 1px solid #ccc;
}

.contactForm__agreement p {
    margin: 0 0 10px 0;
    text-align: left;
}

.contactForm__submitBtn {
    width: 400px;
    margin: 25px auto 120px auto;
    text-align: center;
}

.contactForm__submitBtn button{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-size: 15px;
    background-color: rgb(187, 65, 65);
    color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-radius: 4px;
    padding: 10px 30px;
    border: none;
}

.contactForm__submitBtn button:hover {
    background-color: #C35656;
}