/* デバイスサイズ801px以上
--------------------------------------------------------------*/
@media screen and (min-width: 801px)
{
/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',　Meiryo, メイリオ, sans-serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #6E6E6E;
font-size: 16px;
letter-spacing: 2px;
text-align: center;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table
{
display: table;
width: 100%;
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    質問
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: table-cell;
width: 20%;
vertical-align: middle;
color: #6E6E6E;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
text-align: left;
}
/*--------------------------------------------------------------
    回答
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: table-cell;
width: 80%;
vertical-align: middle;
}
#wrap #contact table tr td input
{
width: 100%;
}
#wrap #contact table tr td textarea
{
width: 100%;
height: 200px;
}
/*--------------------------------------------------------------
    送信ボタン
--------------------------------------------------------------*/
#wrap #contact .submit
{
text-align: center;
}
}




/* デバイスサイズ481px～800px
--------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 800px)
{
/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',　Meiryo, メイリオ, sans-serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #6E6E6E;
font-size: 20px;
letter-spacing: 4px;
text-align: center;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table
{
width: 100%;
}
/*--------------------------------------------------------------
    質問
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: block;
width: 100%;
color: #6E6E6E;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}
/*--------------------------------------------------------------
    回答
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: block;
width: 100%;
}
#wrap #contact table tr td input
{
width: 100%;
box-sizing: border-box;
}
#wrap #contact table tr td textarea
{
width: 100%;
height: 200px;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    送信ボタン
--------------------------------------------------------------*/
#wrap #contact .submit
{
paddign: 5% 0 0 0;
text-align: center;
}
}




/* デバイスサイズ0px～480px
--------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px)
{
/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',　Meiryo, メイリオ, sans-serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #6E6E6E;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table
{
width: 100%;
}
/*--------------------------------------------------------------
    質問
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: block;
width: 100%;
color: #6E6E6E;
font-size: 14px;
font-weight: bold;
}
/*--------------------------------------------------------------
    回答
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: block;
width: 100%;
}
#wrap #contact table tr td input
{
width: 100%;
box-sizing: border-box;
}
#wrap #contact table tr td textarea
{
width: 100%;
height: 100px;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    送信ボタン
--------------------------------------------------------------*/
#wrap #contact .submit
{
paddign: 5% 0 0 0;
text-align: center;
}
}