@media only screen and (max-device-width: 480px) {

	.mailmg #content .visualWrapper {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    padding: 0 0 1rem;
	    position: relative;
		min-height: inherit;
	}
	.mailmg h2 span{
		display: block;
	}
	.mailmg .visual{
		padding-top: 8rem;
		overflow: hidden;
	}
	.mailmg #content .kikorin {
		top: 4%;
		left: 65%;
		width: 25%;
	}
	.mailmg #content .fukidasi {
		top: 4rem;
		left: 15%;
	}
	.mailmg #content .letter {
		top: 15rem;
		right: -3%;
		width: 27%;
	}
	.mailmg #content p.text{
		padding: 0 4%;
		text-align: left;
	}
	
	
	.mailmg_form dl{
		border-left: none;
		padding: 0 4%;
	}
	.mailmg_form dl dt{
		border-left: #d2bc9d solid 6px;
		margin: 0 0 10px 0;
		padding-left: 12px;
		display: inline-block;
	}
	.mailmg_form dl dd{
		display: inline-block;
		margin-left: 0%;
		width: 93%;
		font-size: 1.2rem;
	}
	.mailmg_form dl input{
		margin: 0;
		width: 99%;
	}
	.mailmg_form dl dd span{
		color: #8c0000;
	}
	
	.mailmg_form dl.d_col{
		border-left: none;
		line-height: 2.4rem;
		margin-bottom: 2rem;
		padding-left: 0;
		display: inline-block;
	}
	.mailmg_form dl.d_col input{
		width: auto;
		margin-right: 1%;
	}
	.mailmg_form dl.d_col.fir{
		width: 92%;
		padding: 0 4%;
	}
	.mailmg_form dl.d_col.sec{
		width: 92%;
		padding: 0 4%;
	}
	.mailmg_form dl.d_col dt{
		padding-left: 1rem;
		font-size: 1.3rem;
		line-height: 2.4rem;
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
	.mailmg_form .confirm{
		text-align: center;
	}
	.mailmg_form h4 {
		width: 92%;
		margin: 3rem auto 0 auto;
	}
	.mailmg_form div.imgbd {
		width: 92%;
		margin: 1rem auto 0.4rem;
	}
	.mailmg_form .fl,.mailmg_form .fr {
		float:none;
	}
	.mailmg_form .fl {
		margin-bottom:10px;
	}
	.mailmg_form .confirm{
		width:auto;
	}
}