@charset "utf-8";
/* 
メールフォーム共通
 */

/* iOSフォーム要素対策 */
input,textarea {
  -webkit-appearance: none;
}


/* body指定 */
body {
font-family: "zen-kaku-gothic-antique",  "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
letter-spacing: 0.05em;
color: #1c1c1c;
background: #f4f5f7;
}

/* wrap */
#mf_wrapper{
width:100%;
height: 100%;
margin:0;
text-align: center;
box-sizing: border-box;
}

input,textarea{
font-family: zen-kaku-gothic-antique, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.8em;
letter-spacing: 0.05em;
width:100%;
margin:0;
border-radius: 0;
padding:10px;
background: none;
transition:1s;
border: 0;
border-bottom: 1px dotted #1c1c1c;
}

::placeholder {
color: #b5b5ae;
}


textarea{
resize: none;
}

input:hover, input:focus, textarea:hover, textarea:focus{
background: #e2e2e2;
outline: 0;
}

.send{
font-family: zen-kaku-gothic-antique, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 0.8em;
letter-spacing: 0.2em;
background: #1c1c1c;
padding:10px 0;
margin-top: 20px;
width: 70%;
color: #ddd;
border: 1px solid #1c1c1c;
}

.send:hover{
background: #ddd;
color: #333;
border: 1px dotted #999;
cursor: wait;
transition:0.2s;
}


/* wrap_thanksページ */
#mf_wrapper_thanks{
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
width: 100%;
height: 100vh;
text-align: center;
}

.thanks{
font-size: 0.8em;
padding: 20px;
border: 1px dotted #aaa;
}