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

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


/* body指定 */
body {
font-family: 'Noto Sans JP', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.05em;
color: #222;
background: #f2f2f2;
}


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

input,textarea{
font-size: 0.9em;
letter-spacing: 0.05em;
width:100%;
margin:0;
border-radius: 0;
padding:15px;
background: none;
transition:1s;
border: 0;
border-bottom: 1px dotted #f29600;
color: #222;
}

::placeholder {
font-size: 0.9em;
color: #ccc;
}


textarea{
resize: none;
}

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

.send{
font-size: 0.9em;
letter-spacing: 0.2em;
background: #f29600;
padding:15px 0;
margin: 30px 0;
width: 70%;
color: #f2f2f2;
border: 1px solid #fccf00;
border-radius: 10px;
}

.send:hover{
background: #fccf00;
color: #eee;
border: 1px dotted #eee;
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.9em;
font-weight: 400;
padding: 20px;
border: 1px dotted #aaa;
}