/* デバイスサイズ801px以上
--------------------------------------------------------------*/
@media screen and (min-width: 801px)
{

/*--------------------------------------------------------------
    全体
--------------------------------------------------------------*/
body
{
width: 99%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", Sans-Serif;
}
/*--------------------------------------------------------------
    枠_1
--------------------------------------------------------------*/
#wrap
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    枠_2
--------------------------------------------------------------*/
#wrap #contact
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact form .title
{
display: none;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#wrap #contact form table
{
display: block;
width: 100%;
}
#wrap #contact form table tbody
{
display: block;
width: 100%;
}
#wrap #contact form table tbody tr
{
display: table;
width: 100%;
box-sizing: border-box;
}
#wrap #contact form table tbody tr:last-of-type
{
margin: 5px 0 0 0;
}
#wrap #contact form table tbody tr th
{
display: table-cell;
width: 30%;
vertical-align: middle !important;
color: #333;
font-size: 14px;
letter-spacing: 2px;
text-align: left;
}
#wrap #contact form table tbody tr td
{
display: table-cell;
width: 70%;
vertical-align: top !important;
}
#wrap #contact form table tbody tr td input
{
width: 100%;
height: 14px;
margin: 0;
padding: 0;
}
#wrap #contact form table tbody tr td textarea
{
width: 100%;
height: 100px;
max-height: 200px;
}
/*--------------------------------------------------------------
    確認する
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 20px 0 0 0;
text-align: center;
}
#wrap #contact form .submit button
{
padding: 5px 20px;
background: #333;
border-color: #d4d4d4;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
}

}




/* デバイスサイズ737px～800px
--------------------------------------------------------------*/
@media screen and (min-width: 737px) and (max-width: 800px)
{

/*--------------------------------------------------------------
    全体
--------------------------------------------------------------*/
body
{
width: 99%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", Sans-Serif;
}
/*--------------------------------------------------------------
    枠_1
--------------------------------------------------------------*/
#wrap
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    枠_2
--------------------------------------------------------------*/
#wrap #contact
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact form .title
{
display: none;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#wrap #contact form table
{
display: block;
width: 100%;
}
#wrap #contact form table tbody
{
display: block;
width: 100%;
}
#wrap #contact form table tbody tr
{
display: block;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}
#wrap #contact form table tbody tr th
{
display: block;
color: #333;
font-size: 20px;
letter-spacing: 4px;
text-align: center;
}
#wrap #contact form table tbody tr td
{
display: block;
magrin: 5px 0 0 0;
}
#wrap #contact form table tbody tr td input
{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}
#wrap #contact form table tbody tr td textarea
{
width: 99%;
margin: 0 auto;
height: 200px;
max-height: 300px;
}
/*--------------------------------------------------------------
    確認する
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 20px 0 0 0;
text-align: center;
}
#wrap #contact form .submit button
{
padding: 5px 20px;
background: #333;
border-color: #d4d4d4;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #fff;
font-size: 20px;
letter-spacing: 4px;
}

}




/* デバイスサイズ0px～736px
--------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 736px)
{

/*--------------------------------------------------------------
    全体
--------------------------------------------------------------*/
body
{
width: 95%;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: Meiryo, "Hiragino Kaku Gothic ProN", "MS PGothic", Sans-Serif;
}
/*--------------------------------------------------------------
    枠_1
--------------------------------------------------------------*/
#wrap
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    枠_2
--------------------------------------------------------------*/
#wrap #contact
{
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact form .title
{
display: none;
}
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#wrap #contact form table
{
display: block;
width: 100%;
}
#wrap #contact form table tbody
{
display: block;
width: 100%;
}
#wrap #contact form table tbody tr
{
display: block;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}
#wrap #contact form table tbody tr th
{
display: block;
color: #333;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
#wrap #contact form table tbody tr td
{
display: block;
magrin: 5px 0 0 0;
}
#wrap #contact form table tbody tr td input
{
width: 100%;
height: 20px;
margin: 0;
padding: 0;
}
#wrap #contact form table tbody tr td textarea
{
width: 99%;
margin: 0 auto;
height: 200px;
max-height: 300px;
}
/*--------------------------------------------------------------
    確認する
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 20px 0 0 0;
text-align: center;
}
#wrap #contact form .submit button
{
padding: 5px 20px;
background: #333;
border-color: #d4d4d4;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
}

}