@charset "UTF-8";


/*フォーム全体を中央揃え*/
/*body{
text-align:center;
}*/


.maker {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 17px;
    padding: 10px;
    background-color: #ffe1e1;
}


/*フォーム全体の幅*/
.maintable{
width:750px;
text-align:left;
font-size:15px;
color: #555555;
margin-left:auto;
margin-right:auto;
}


/*入力項目名*/
.tabletitle {
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 20px;
    vertical-align: top;
    font-size: 14px;
    line-height: 2.8em;
    color: #000000;
    background-color: #f9f7ee;
}


/*入力部分・確認画面の入力内容*/
.tableform {
    width: 500px;
    vertical-align: top;
    padding-left: 20px;
    font-size: 14px;
    line-height: 2.8em;
    color: #000000;
}

/*各入力部分についてのコメント（文字制限等）*/
.formsubcomment{
font-size:12px;
}


/*フォームボタン*/
.submit{
margin:30px 10px;
padding:2px 15px;
}




/*以下は著作権表示部分（削除・変更禁止）*/
.copyright {
text-align:center;
color: #777777;
font-size:12px;
}

.copyright a:link{
color: #777777;
text-decoration: none;
}
.copyright a:visited {
color: #777777;
text-decoration: none;
}
.copyright a:hover {
color: #777777;
text-decoration: none;
}
.copyright a:activ {
color: #777777;
text-decoration: none;
}



/*オリジナル枠*/

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-size: 1.0rem;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
    color: #212121;
}

.contact {
    margin: 50px auto 0;
    max-width: 1000px;
    width: 100%;
}

.contact-inner {
    border: 3px solid #f4f2ef;
    padding: 40px 50px 50px;
}

.contact-inner .hissu-txt {
    font-size: 13px;
    font-size: 1.0rem;
    line-height: 1.5;
    margin: 0 0 8px;
}


.form-area {
    margin: 0 auto;
    max-width: 770px;
    width: 100%;
}


.form-area .form-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}


.form-area .form-box .row {
    max-width: 370px;
    width: 48%;
}

.form-area form input[type="text"], .form-area form input[type="email"], .form-area form input[type="tel"], .form-area form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    background: #f4f2ef;
    border: none;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.0rem;
    line-height: 1.5;
    padding: 23px;
    width: 100%;
}



.form-area .form-box .row > div + div, .form-area .contents {
    margin: 30px 0 0;
}


.form-area .form-box.what {
    justify-content: flex-start;
    display: contents;
}

.form-area .form-box + .form-box {
    margin: 30px 0 0;
}

.form-area .form-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}


.form-area form .submit-btn {
    text-align: center;
}

.form-area form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    background: #80c200;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 68px;
    margin: 38px 0 0;
    max-width: 366px;
    width: 100%;
}

label {
  white-space: nowrap;
}

.lavel {
    padding: 10px;
    cursor: pointer;
    display: inline-block;
}