/************************************************

          contact

************************************************/

#mainImage{
    height:248px;
    background-color:#fdd751;
}

#contact{
    margin-top:92px;
}
    #contact>div{
        width:730px;
    }
        #contact>div h1{
            color:#595757;
            padding-bottom:8px;
        }
        #contact>div form{
            margin-top:47px;
            font-size:1.4rem;
        }
            #contact>div form tr{
                display:block;
                width:100;
                margin-top:4px;
            }
            #contact>div form tr:first-of-type{
            }
                #contact>div form tr th{/*必須・お名前*/
                    width:220px;
                    max-width:220px;
                    padding:20px 26px;
                    white-space:nowrap;
                    background-color:#fff5d1;
                }
                    #contact>div form tr th span{/*必須*/
                        color:white;
                        background-color:#f15a24;
                        font-size:1.2rem;
                        padding:5px 7px;
                        margin-right:8px;
                    }
                #contact>div form tr th.yohakuL em{/*必須なし*/
                    margin-left:46px;
                }
                #contact>div form tr td{
                    width:458px;
                }
                    #contact>div form tr td input,
                    #contact>div form tr td textarea{
                        padding:4px 0;
                    }
                    #contact>div form tr.box1 td input,
                    #contact>div form tr.box1 td textarea{
                        width:420px;/*max 458-30=428*/
                        margin-left:30px;
                        padding-left:6px;
                    }
                    #contact>div form tr.box1 td textarea{
                        height:200px;
                    }

                    #contact>div form tr.box2 td{/*郵便番号、お問い合わせ種別*/
                        width:428px;/*max 458-30=428*/
                        padding-left:30px;
                    }
                    .blank{/*（最大2000文字）*/
                        padding-left:3em;
                    }

            #contact>div form>div{/*リセット、確認画面へ進む*/
                margin-top:85px;
            }
                #contact>div form>div .btn1{/*リセット*/
                    margin-top:11px;
                }




/********************************************************************************

          メディアクエリ

*********************************************************************************/
@media(max-width:500px){















	#mainImage{
		height:248px;
		background-color:#fdd751;
	}
	#contact{
		margin-top:92px;
	}
		#contact>div{
			width:730px;
																						width:450px !important;
		}
			#contact>div h1{
				color:#595757;
				padding-bottom:8px;
			}
			#contact>div form{
				margin-top:47px;
																						margin-top:0;
				font-size:1.4rem;
																						width:450px !important;

			}
																						#contact>div form *{
																							display: inline-block !important;
																							font-size: 1.6rem;
																						}
																						#contact>div form table{
																							width:450px !important;
																						}
				#contact>div form tr{
					display:block;
					width:100;
																						width:450px !important;
					margin-top:4px;
																						margin-top:30px;
				}
				#contact>div form tr:first-of-type{
																						margin-top:0;
				}
					#contact>div form tr th{/*必須・お名前*/
						width:220px;
						max-width:220px;
																						width:450px;
																						max-width:450px;
																						box-sizing: border-box;
						padding:20px 26px;
																						padding:10px 13px;
						white-space:nowrap;
						background-color:#fff5d1;
					}
						#contact>div form tr th span{/*必須*/
							color:white;
							background-color:#f15a24;
							font-size:1.2rem;
							padding:5px 7px;
							margin-right:8px;
						}
					#contact>div form tr th.yohakuL em{/*必須なし*/
						margin-left:46px;
					}
					#contact>div form tr td{
						width:458px;
																						width:450px;
					}
						#contact>div form tr td input,
						#contact>div form tr td textarea{
							padding:4px 0;
																						padding:10px 13px !important;
																						box-sizing: border-box;
						}
						#contact>div form tr.box1 td input,
						#contact>div form tr.box1 td textarea{
							width:420px;/*max 458-30=428*/
							margin-left:30px;
							padding-left:6px;
																						width:450px;
																						margin-left:0;
																						padding-left:0;
						}
						#contact>div form tr.box1 td textarea{
							height:200px;
						}

						#contact>div form tr.box2 td{/*郵便番号、お問い合わせ種別*/
							width:428px;/*max 458-30=428*/
							padding-left:30px;
						}
						.blank{/*（最大2000文字）*/
							padding-left:3em;
						}

				#contact>div form>div{/*リセット、確認画面へ進む*/
					margin-top:85px;
																						width:450px;
				}
					#contact>div form>div .btn1{/*リセット*/
						margin-top:11px;
					}














}