@charset "utf-8";
/* CSS Document */

#mail{
	width: 100%;
	max-width: 1080px;
	top: 10vh;
	margin: 0 auto;
}

.read{
	padding: 20px;
}

#mail_wrap{
	padding: 0 5%;
	background-color:rgba(255,255,255,0.70);	
	padding-top: 50px;
	padding-bottom: 150px;
	color: #4d4d4d;
}
#mail_wrap form {
	text-align: center;
}
#mail_wrap form h4 {
	padding: 5px 0%;
	text-align: left;
}
#mail #mail_wrap p{text-align: left;}
#mail #mail_wrap span{
color:#ff0000;
}
#mail_wrap form input {
	padding: 5px 1%;
    width: 100%;
    margin-bottom: 5px;
    background-color: #fff;
}
#mail_wrap form textarea {
	padding: 5px 1%;
    width: 100%;
    margin-bottom: 80px;
    background-color: #fff;
	box-sizing: border-box;
}
#mail_wrap form input[type="submit"],
#mail_wrap form input[type="reset"] {
	width:35%;
	margin:0 2%;
	background: #74A9E5;
	color: #fff;
	border: none;
  -webkit-appearance: button;
  appearance: button;
}
@media screen and (orientation: landscape){
   /* 横向きの場合のスタイル */
#mail{
	margin-top: 0;
}
}
@media screen and (max-width:320px) {
}
/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (min-width: 700px){
#mail_wrap{
	padding-bottom: 100px;
}
}
	
	
@media screen and (max-width:780px) {
	.div_box {
		background-color: #F0DA68;
		padding: 15px;
		max-width: 100%;
	}	
	
	.div_contents h3 {
		padding-bottom: 10px;
		font-size: 18px;
	}
	
	.div_contents {
		padding: 20px 25px;
		margin-bottom: 10px;
	}
	
	.news-cms {
		padding: 30px 0;
	}
	
	.read{
		padding: 10px;
	}
#mail_wrap form input[type="submit"],
#mail_wrap form input[type="reset"] {
	    width: 100%;
    /* margin: 0; */
    background: #74A9E5;
    color: #fff;
    border: none;
	margin: 0;
	margin-bottom: 20px;
	box-sizing: border-box;
}
	#mail_wrap form input {
    padding: 5px 1%;
    width: 100%;
    margin-bottom: 5px;
    background-color: #fff;
	box-sizing: border-box;
}
}