#fview_newsletter {
	background:#FFF1CD;
	position:relative;
	height:510px;
}

.subf_view h1 {
	margin-bottom:2em;
}

.fview_img {
	width:407px;
}

.fview_txt {
	max-width:430px;
	padding-right:5%;
}

.fview_txt h1 span {
	letter-spacing: 0.1em;
}

.newsletter_wrap {
	margin:120px auto 80px;
}

.ne_head {
	margin-bottom:150px;
}

.ne_head h1 {
	font-size:2.4rem;
	position:relative;
	padding-bottom:1em;
	margin-bottom:2em;
}

.ne_head h1::after {
	content:"";
	display:block;
	width:2.5em;
	height:2px;
	background:#f7ab00;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin: 0 auto;
}

.ne_head h3 {
	font-size:1.8rem;
	margin-bottom:1.5em;
	line-height:1.5em;
}

.newsletter_block {
	margin-bottom:150px;
}

.newsletter_block .inner {
	max-width:990px;
}
.ne_title {
	padding-bottom:0.2em;
	border-bottom:1px solid #f7ab00;
	margin-bottom:1.5em;
}

.ne_title h2 {
	font-size:2.4rem;
	padding-right:1em;
}

.ne_title h2 span {
	font-size:2.6rem;
	font-weight:300;
}

.ne_title time {
	letter-spacing: 0.1em;
}

.newsletter_block p {
	margin-bottom:3em;
}

.newsletter_block figure,
.intro_block figure {
	text-align:center;
}

.intro_block {
	max-width:576px;
	margin:0 auto;
}

/* --- ver sp --- */

@media screen and (max-width:768px){

	#fview_newsletter {
		padding:20vw 0 15vw;
		height:auto;
	}

	.fview_txt h1 span {
		font-size:9vw;
	}
	

	.fview_img {
		width:100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.fview_img img {
		width:60vw;
		height:60.25vw;
	}
	
	.fview_txt {
		max-width:100%;
		padding:0 5vw;
		margin-bottom:10vw;
	}
	

	.newsletter_wrap {
		margin:25vw auto 20vw;
	}
	
	.ne_head {
		margin-bottom:25vw;
	}
	
	.ne_head h1 {
		font-size:6vw;
		line-height:1.5em;
	}
	

	.ne_head h3 {
		font-size:4vw;
	}

	.ne_head h3 br {
		display: none;
	}
	
	.newsletter_block {
		margin-bottom:25vw;
	}
	
	.newsletter_block .inner {
		max-width:100%;
	}
	
	.ne_title h2 {
		font-size:5vw;
		margin-bottom:1em;
	}
	
	.ne_title h2 span {
		font-size:6vw;
		margin-bottom:0.5em;
	}
	
	.newsletter_block figure img {
		width:100%;
		height:auto;
	
	}

	.ne_title time {
		text-align:right;
		display: block;
		margin-left:auto;
	}

	.intro_block {
		max-width:100%;
		padding:0 5vw;
	}
		
}