@charset "utf-8";

body {
	background-color: #fff !important;
	text-align: center;
	font-size: calc(112.5% + 0.1vw);
	background-image: url('../../img/newsletter/head.jpg');
	background-size: contain;
	background-repeat: no-repeat;
}

h1,h2,h3 {
	font-family: "Sawarabi Mincho";
}

h1 {
	margin: 4vh 0;
	padding-top: 3vh;
}

h2 {
	padding-bottom: 3vh;
}

h3 {
	margin: 3vh;
	font-size: calc((112.5% + 0.25vw) * 1.3);
}

p {
	font-family: "Noto Sans Japanese";
	line-height: 4.5vh;
	margin: 4vh 0;
	padding: 2%;
}

img {
	margin: 4vh 0;
	max-width: 100%;
	height: auto;
}

#head {
	background-color: rgba(255,255,255,0.8);
	width: 70vw;
	margin:  0 auto;
}

#container {
	width: 70vw;
	margin: 0 auto;
	border: 1px solid #a90329;
}

#container h3 {
	background-color: #a90329;
	width: 100%;
	margin: 0;
	padding: 2vh 0;
	color: #fff;
	letter-spacing: 0.3vw;
	font-weight: lighter;
}

.sp_br {
	display: none;
}


.large {
	font-size: calc((112.5% + 0.25vw) * 1.1);
	margin: 4vh 0;
}

.bg-warning {
	background: rgba(255,221,0,1.00);
}

.fa {
	padding-right:1vw;
}

.mail {
	background-image: url('../../img/newsletter/mail.jpg');
	background-size: cover;
}

.merit h3 {
	margin: -4vh 0 4vh !important;
}

.merit img {
	margin: -1vh 0 0;
}

a img {
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	margin: 0 0 5vh;
}
a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=40);
}

@media ( max-width : 900px ) {
	body {
		font-size: calc(112.5% + 0.05vw);
	}
	
	#container {
		width: 90vw;
	}
	
	#head {
	width: 90vw;
	}
	
	img {
	width:100%;
	max-width: 100%;
	height: auto;
	}

}

@media ( max-width : 480px ) {
	body {
		font-size: 0.9em;
		line-height: 1.5em;
	}
	
	h1 {
	font-size: 130%;
	}
	
	h2 {
	padding-bottom: 3vh;
	font-size: 120%;
	}

	h3 {
	margin: 3vh;
	font-size: 110%;
	}

	.sp_br {
	display: block;
	}
	
	.bg-warning {
		font-size: 1.2em;
	}

}