@charset "UTF-8";




/* PC */
@media screen and (min-width:481px), print {


#svg {
	width: 370px;
	height: 50px;
	margin: 0 auto;
}

#header {
	background: #fff;
} 
#wrapper {
	width: 100%;
	background: #fff;
	margin: 0 !important;
}


#mainTitle{
	width: 100%;
}

#footer {
	margin-top: 0 !important;
	background: #fff;
	padding: 35px;
	font-size: 84%;
}




#mail_area {
	background:url(../img/bg_dot.png);
	width:100%;
	padding-bottom: 150px;
}
#mail_area img.bgmaximage {
	position:fixed !important;
}

#mail_area #formArea {
	background: url(../img/bg_contact.jpg) no-repeat left top;
	background-size: 100%;
}


#mail_area p{
	padding-top:145px;
	text-align:center;
	margin-bottom:90px;
	
	}
	
	
form {
    /* フォームをページの中央に置く */
    margin: 0 auto;
    width: 360px;
    /* フォームの範囲がわかるようにする */
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:0;

}

label {
    /* すべてのラベルを同じサイズにして、きちんと揃える */
    display: inline-block;
    text-align:left;


}

input {
    /* すべてのテキストフィールドのフォント設定を一致させる
       デフォルトで、textarea は等幅フォントが設定されている */
    font: 1em sans-serif;
    /* すべてのテキストフィールドを同じサイズにする */
    width: 360px;
	height:45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:30px;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 0;
	
	padding:10px;

	}


textarea{
    /* 複数行のテキストフィールドをラベルにきちんと揃える */
	
    width: 360px;
	height:240px;	
	max-height:350px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:30px;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 0;
	    /* ユーザが textarea を垂直方向にリサイズできるようにする
       これが動作しないブラウザもある */
    resize: vertical;
	
	line-height:20px;
	padding:10px;
	}


input:focus, textarea:focus {
    /* アクティブな要素を少し強調する */
    border-color: none;
	outline:none;
}


button {
	border:0;	   	   
}

button:focus {
	border:0;
	outline-color:white;	   
}












#under_map{
	width:100%;
	height:60px;
	padding-top:40px;
	}
	
#copyright{
	width:262px;
	height:11px;
	float:left;
	}
		
#policy{
	width:600px;
	float:right;
	padding-right:35px;
	}
	
#policy p{
	float:right;
	padding-left:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	}




}












/* スマホ */
@media only screen and (max-width: 480px) { 


#svg {
	width: 370px;
	margin: 0 auto;
}

#header {
	background: #fff;
} 

#wrapper {
	background: #fff;
}


#mainTitle{
	width: 100%;
}




#mail_area {
	background:url(../img/bg_dot.png);
	width:100%;
	padding-bottom: 20px;
}
#mail_area img.bgmaximage {
	position:fixed !important;
}

#mail_area #formArea {
	background: url(../img/bg_contact.jpg) no-repeat left top;
	background-size: 100%;
}


#mail_area p{
	padding-top:30px;
	text-align:center;
	margin-bottom:30px;
	
	}
	
	
form {
    /* フォームをページの中央に置く */
    margin: 0 auto;
	padding: 3%;
    /* フォームの範囲がわかるようにする */
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:0;

}

label {
    /* すべてのラベルを同じサイズにして、きちんと揃える */
    display: inline-block;
    text-align:left;


}

input {
    /* すべてのテキストフィールドのフォント設定を一致させる
       デフォルトで、textarea は等幅フォントが設定されている */
    font: 1em sans-serif;
    /* すべてのテキストフィールドを同じサイズにする */
    width: 100%;
	height:45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:30px;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 0;
	
	padding:10px;

	}


textarea{
    /* 複数行のテキストフィールドをラベルにきちんと揃える */
	
    width: 100%;
	height:240px;	
	max-height:350px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom:30px;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 0;
	    /* ユーザが textarea を垂直方向にリサイズできるようにする
       これが動作しないブラウザもある */
    resize: vertical;
	
	line-height:20px;
	padding:10px;
	}


input:focus, textarea:focus {
    /* アクティブな要素を少し強調する */
    border-color: none;
	outline:none;
}


button {
	border:0;	
	width: 100%;   	   
}

button:focus {
	border:0;
	outline-color:white;	   
}

button img {
	width: 80%;
	height: auto;
}









}