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


/*--------------------------------------------------------------
    body
--------------------------------------------------------------*/
body
{
max-width: 2000px;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
background: #E0DFC1;
}
/*--------------------------------------------------------------
    wrap
--------------------------------------------------------------*/
#wrap
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    contact
--------------------------------------------------------------*/
#wrap #contact
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    form
--------------------------------------------------------------*/
/* form
--------------------------------------------------------------*/
#wrap #contact form
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* title
--------------------------------------------------------------*/
#wrap #contact form p.title
{
margin: 50px 0 0 0;
color: #333;
font-size: 24px;
font-weight: bold;
text-align: center;
}
/* note
--------------------------------------------------------------*/
#wrap #contact form p.note
{
margin: 25px 0 0 0;
color: #c9460e;
font-size: 14px;
text-align: center;
}
/* table
--------------------------------------------------------------*/
/*table*/
#wrap #contact form table
{
width: 55%;
margin: 20px auto 0 auto;
padding: 0;
box-sizing: border-box;
}
/*tbody*/
#wrap #contact form table tbody
{
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*tr*/
#wrap #contact form table tbody tr
{
display: table;
width: 100%;
box-sizing: border-box;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 0;
}
/*th*/
#wrap #contact form table tbody tr th
{
display: table-cell;
width: 40%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
font-weight: bold;
text-align: left;
}
/*td*/
#wrap #contact form table tbody tr td
{
display: table-cell;
width: 60%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr td span
{
color: #7a5e03;
font-size: 12px;
}
/*1行入力スペース & カレンダー*/
#wrap #contact form table tbody tr td input
{
display: block;
width: 80%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
}
#wrap #contact form table tbody tr:nth-of-type(8) td input,
#wrap #contact form table tbody tr:nth-of-type(9) td input,
#wrap #contact form table tbody tr:nth-of-type(10) td input,
#wrap #contact form table tbody tr:nth-of-type(11) td input
{
background: #fff;
}
/*選択入力スペース*/
#wrap #contact form table tbody tr td select
{
display: block;
width: 50%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr:nth-of-type(12) td select
{
width: 80%;
}
/*チェック入力スペース*/
#wrap #contact form table tbody tr:nth-of-type(13) td input
{
display: inline-block;
width: 5%;
height: 14px;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: left;
}
#wrap #contact form table tbody tr:nth-of-type(13) td label
{
display: inline-block;
width: 95%;
vertical-align: middle;
margin: 0;
padding: 0;
color: #7a5e03;
font-size: 14px;
}
/*複数改行入力スペース*/
#wrap #contact form table tbody tr td textarea
{
display: block;
width: 100%;
height: 200px;
box-sizing: border-box;
}
/* submit
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 30px 0 50px 0;
text-align: center;
}
#wrap #contact form .submit button
{
display: inline-block;
padding: 15px 40px;
background: #919C2A;
border-width: 0;
color: #fff;
font-size: 14px;
font-weight: bold;
}


}





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


/*--------------------------------------------------------------
    body
--------------------------------------------------------------*/
body
{
margin: 0;
padding: 0;
box-sizing: border-box;
background: #E0DFC1;
}
/*--------------------------------------------------------------
    wrap
--------------------------------------------------------------*/
#wrap
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    contact
--------------------------------------------------------------*/
#wrap #contact
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    form
--------------------------------------------------------------*/
/* form
--------------------------------------------------------------*/
#wrap #contact form
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* title
--------------------------------------------------------------*/
#wrap #contact form p.title
{
margin: 50px 0 0 0;
color: #333;
font-size: 24px;
font-weight: bold;
text-align: center;
}
/* note
--------------------------------------------------------------*/
#wrap #contact form p.note
{
margin: 25px 0 0 0;
color: #c9460e;
font-size: 14px;
text-align: center;
}
/* table
--------------------------------------------------------------*/
/*table*/
#wrap #contact form table
{
width: 70%;
margin: 20px auto 0 auto;
padding: 0;
box-sizing: border-box;
}
/*tbody*/
#wrap #contact form table tbody
{
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*tr*/
#wrap #contact form table tbody tr
{
display: table;
width: 100%;
box-sizing: border-box;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 0;
}
/*th*/
#wrap #contact form table tbody tr th
{
display: table-cell;
width: 40%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
font-weight: bold;
text-align: left;
}
/*td*/
#wrap #contact form table tbody tr td
{
display: table-cell;
width: 60%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr td span
{
color: #7a5e03;
font-size: 12px;
}
/*1行入力スペース & カレンダー*/
#wrap #contact form table tbody tr td input
{
display: block;
width: 80%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
}
#wrap #contact form table tbody tr:nth-of-type(8) td input,
#wrap #contact form table tbody tr:nth-of-type(9) td input,
#wrap #contact form table tbody tr:nth-of-type(10) td input,
#wrap #contact form table tbody tr:nth-of-type(11) td input
{
background: #fff;
}
/*選択入力スペース*/
#wrap #contact form table tbody tr td select
{
display: block;
width: 50%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr:nth-of-type(12) td select
{
width: 80%;
}
/*チェック入力スペース*/
#wrap #contact form table tbody tr:nth-of-type(13) td input
{
display: inline-block;
width: 5%;
height: 14px;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: left;
}
#wrap #contact form table tbody tr:nth-of-type(13) td label
{
display: inline-block;
width: 95%;
vertical-align: middle;
margin: 0;
padding: 0;
color: #7a5e03;
font-size: 14px;
}
/*複数改行入力スペース*/
#wrap #contact form table tbody tr td textarea
{
display: block;
width: 100%;
height: 200px;
box-sizing: border-box;
}
/* submit
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 30px 0 50px 0;
text-align: center;
}
#wrap #contact form .submit button
{
display: inline-block;
padding: 15px 40px;
background: #919C2A;
border-width: 0;
color: #fff;
font-size: 14px;
font-weight: bold;
}


}





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


/*--------------------------------------------------------------
    body
--------------------------------------------------------------*/
body
{
margin: 0;
padding: 0;
box-sizing: border-box;
background: #E0DFC1;
}
/*--------------------------------------------------------------
    wrap
--------------------------------------------------------------*/
#wrap
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    contact
--------------------------------------------------------------*/
#wrap #contact
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    form
--------------------------------------------------------------*/
/* form
--------------------------------------------------------------*/
#wrap #contact form
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* title
--------------------------------------------------------------*/
#wrap #contact form p.title
{
margin: 50px 0 0 0;
color: #333;
font-size: 24px;
font-weight: bold;
text-align: center;
}
/* note
--------------------------------------------------------------*/
#wrap #contact form p.note
{
margin: 25px 0 0 0;
color: #c9460e;
font-size: 14px;
text-align: center;
}
/* table
--------------------------------------------------------------*/
/*table*/
#wrap #contact form table
{
width: 99%;
margin: 20px auto 0 auto;
padding: 0;
box-sizing: border-box;
}
/*tbody*/
#wrap #contact form table tbody
{
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*tr*/
#wrap #contact form table tbody tr
{
display: table;
width: 100%;
box-sizing: border-box;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 0;
}
/*th*/
#wrap #contact form table tbody tr th
{
display: table-cell;
width: 40%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
font-weight: bold;
text-align: left;
}
/*td*/
#wrap #contact form table tbody tr td
{
display: table-cell;
width: 60%;
vertical-align: middle !important;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr td span
{
color: #7a5e03;
font-size: 12px;
}
/*1行入力スペース & カレンダー*/
#wrap #contact form table tbody tr td input
{
display: block;
width: 80%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
}
#wrap #contact form table tbody tr:nth-of-type(8) td input,
#wrap #contact form table tbody tr:nth-of-type(9) td input,
#wrap #contact form table tbody tr:nth-of-type(10) td input,
#wrap #contact form table tbody tr:nth-of-type(11) td input
{
background: #fff;
}
/*選択入力スペース*/
#wrap #contact form table tbody tr td select
{
display: block;
width: 50%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr:nth-of-type(12) td select
{
width: 80%;
}
/*チェック入力スペース*/
#wrap #contact form table tbody tr:nth-of-type(13) td input
{
display: inline-block;
width: 5%;
height: 14px;
vertical-align: middle;
margin: 0;
padding: 0;
text-align: left;
}
#wrap #contact form table tbody tr:nth-of-type(13) td label
{
display: inline-block;
width: 95%;
vertical-align: middle;
margin: 0;
padding: 0;
color: #7a5e03;
font-size: 14px;
}
/*複数改行入力スペース*/
#wrap #contact form table tbody tr td textarea
{
display: block;
width: 100%;
height: 200px;
box-sizing: border-box;
}
/* submit
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 30px 0 50px 0;
text-align: center;
}
#wrap #contact form .submit button
{
display: inline-block;
padding: 15px 40px;
background: #919C2A;
border-width: 0;
color: #fff;
font-size: 14px;
font-weight: bold;
}


}





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


/*--------------------------------------------------------------
    body
--------------------------------------------------------------*/
body
{
margin: 0;
padding: 0;
box-sizing: border-box;
background: #E0DFC1;
}
/*--------------------------------------------------------------
    wrap
--------------------------------------------------------------*/
#wrap
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    contact
--------------------------------------------------------------*/
#wrap #contact
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    form
--------------------------------------------------------------*/
/* form
--------------------------------------------------------------*/
#wrap #contact form
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* title
--------------------------------------------------------------*/
#wrap #contact form p.title
{
margin: 50px 0 0 0;
color: #333;
font-size: 24px;
font-weight: bold;
text-align: center;
}
/* note
--------------------------------------------------------------*/
#wrap #contact form p.note
{
margin: 25px 0 0 0;
color: #c9460e;
font-size: 14px;
text-align: center;
}
/* table
--------------------------------------------------------------*/
/*table*/
#wrap #contact form table
{
width: 99%;
margin: 20px auto 0 auto;
padding: 0;
box-sizing: border-box;
}
/*tbody*/
#wrap #contact form table tbody
{
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/*tr*/
#wrap #contact form table tbody tr
{
display: block;
width: 100%;
box-sizing: border-box;
}
#wrap #contact form table tbody tr:nth-of-type(n+2)
{
margin: 10px 0 0 0;
}
/*th*/
#wrap #contact form table tbody tr th
{
display: block;
width: 100%;
vertical-align: baselinet;
color: #7a5e03;
font-size: 14px;
font-weight: bold;
text-align: center;
}
/*td*/
#wrap #contact form table tbody tr td
{
display: block;
width: 100%;
vertical-align: baselinet;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr td span
{
display: block;
height: 0;
color: #7a5e03;
font-size: 12px;
text-align: center;
}
/*1行入力スペース & カレンダー*/
#wrap #contact form table tbody tr td input
{
display: block;
width: 100%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
}
#wrap #contact form table tbody tr:nth-of-type(8) td input,
#wrap #contact form table tbody tr:nth-of-type(9) td input,
#wrap #contact form table tbody tr:nth-of-type(10) td input,
#wrap #contact form table tbody tr:nth-of-type(11) td input
{
background: #fff;
}
/*選択入力スペース*/
#wrap #contact form table tbody tr td select
{
display: block;
width: 100%;
height: 30px;
box-sizing: border-box;
background: #ffa897;
border: 1px solid #C9D1AA;
color: #7a5e03;
font-size: 14px;
}
#wrap #contact form table tbody tr:nth-of-type(12) td select
{
width: 100%;
}
/*チェック入力スペース*/
#wrap #contact form table tbody tr:nth-of-type(13) td input
{
display: inline-block;
width: 10%;
height: 14px;
vertical-align: middle;
margin: 5px 0 0 0;
padding: 0;
text-align: center;
}
#wrap #contact form table tbody tr:nth-of-type(13) td label
{
display: inline-block;
width: 90%;
vertical-align: middle;
margin: 5px 0 0 0;
padding: 0;
color: #7a5e03;
font-size: 14px;
}
/*複数改行入力スペース*/
#wrap #contact form table tbody tr td textarea
{
display: block;
width: 100%;
height: 200px;
box-sizing: border-box;
}
/* submit
--------------------------------------------------------------*/
#wrap #contact form .submit
{
margin: 30px 0 50px 0;
text-align: center;
}
#wrap #contact form .submit button
{
display: inline-block;
padding: 15px 40px;
background: #919C2A;
border-width: 0;
color: #fff;
font-size: 14px;
font-weight: bold;
}


}