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

/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table
{
width: 100%;
}
#wrap #contact table tr
{
display: table;
width: 100%;
box-sizing: border-box;
border-spacing: 0;
}
/*--------------------------------------------------------------
    項目
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: table-cell;
width: 30%;
vertical-align: middle;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 1px 1px 0;
border-style: solid;
color: #828c8b;
font-size: 12px;
font-weight: normal;
letter-spacing: 2px;
text-align: left;
}
#wrap #contact table tr:nth-of-type(n+2) th
{
border-width: 0 1px 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　装飾
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: table-cell;
width: 70%;
vertical-align: middle;
padding: 2%;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
}
#wrap #contact table tr:nth-of-type(n+2) td
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table td input
{
width: 100%;
height: 20px;
}
/*--------------------------------------------------------------
    フリー入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table td textarea
{
width: 100%;
height: 100px;
resize: horizontal;
}
/*--------------------------------------------------------------
    送信　位置
--------------------------------------------------------------*/
#wrap #contact .submit
{
margin: 2% 0 0 0;
text-align: center;
}
/*--------------------------------------------------------------
    送信　装飾
--------------------------------------------------------------*/
#wrap #contact .submit .answerbutton
{
padding: 0.5% 5%;
background-color: #DCDCDC;
border-color: #C0C0C0;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #424242;
font-size: 14px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    送信（カーソルが乗っている時）
--------------------------------------------------------------*/
#wrap #contact .submit .answerbutton:hover
{
border-color: #808080;
}

}




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

/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table tr
{
display: block;
box-sizing: border-box;
border-spacing: 0;
}
/*--------------------------------------------------------------
    項目
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: block;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
}
#wrap #contact table tr:nth-of-type(n+2) th
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　装飾
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: block;
padding: 2%;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
#wrap #contact table tr:nth-of-type(n+2) td
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table tr td input
{
width: 100%;
height: 20px;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    フリー入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table tr td textarea
{
width: 100%;
height: 100px;
resize: horizontal;
}
/*--------------------------------------------------------------
    送信　位置
--------------------------------------------------------------*/
#wrap #contact .submit
{
margin: 5% 0 0 0;
text-align: center;
}
/*--------------------------------------------------------------
    送信　装飾
--------------------------------------------------------------*/
#wrap #contact .submit .answerbutton
{
padding: 1% 5%;
background-color: #DCDCDC;
border-color: #C0C0C0;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #424242;
font-size: 14px;
letter-spacing: 2px;
}

}




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

/*--------------------------------------------------------------
    書式
--------------------------------------------------------------*/
body
{
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
/*--------------------------------------------------------------
    タイトル
--------------------------------------------------------------*/
#wrap #contact .title
{
display: none;
}
/*--------------------------------------------------------------
    案内
--------------------------------------------------------------*/
#wrap #contact .note
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
text-align: center;
}
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#wrap #contact table tr
{
display: block;
box-sizing: border-box;
border-spacing: 0;
}
/*--------------------------------------------------------------
    項目
--------------------------------------------------------------*/
#wrap #contact table tr th
{
display: block;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
}
#wrap #contact table tr:nth-of-type(n+2) th
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　装飾
--------------------------------------------------------------*/
#wrap #contact table tr td
{
display: block;
padding: 2%;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
#wrap #contact table tr:nth-of-type(n+2) td
{
border-width: 0 0 1px 0;
}
/*--------------------------------------------------------------
    入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table tr td input
{
width: 100%;
height: 20px;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    フリー入力エリア　サイズ
--------------------------------------------------------------*/
#wrap #contact table tr td textarea
{
width: 100%;
height: 100px;
resize: horizontal;
}
/*--------------------------------------------------------------
    送信　位置
--------------------------------------------------------------*/
#wrap #contact .submit
{
margin: 5% 0 0 0;
text-align: center;
}
/*--------------------------------------------------------------
    送信　装飾
--------------------------------------------------------------*/
#wrap #contact .submit .answerbutton
{
padding: 1% 5%;
background-color: #DCDCDC;
border-color: #C0C0C0;
border-width: 1px;
border-style: solid;
border-radius: 5px;
color: #424242;
font-size: 14px;
letter-spacing: 2px;
}

}