/* CSS Document */


@media (min-width:751px){

	#news { padding: 80px 0; }
	#newsList li { border-top: #3d4856 1px solid; padding-top: 40px; margin-bottom: 40px; }
	#newsList .up_ymd { display: block; }
	#newsList .thumbNailWrap { display: block; margin-bottom: 15px; width: 200px; }
	#newsList .comment { font-size: 16px; line-height: 24px; width: 780px; width: calc( 100% - 215px); }
	#news .cbtn2 { margin: 40px auto; }

	#news h3.ch3 { margin-bottom: 40px; }
	#detail .detailText { margin-bottom: 30px; font-size: 16px; line-height: 24px; }
	.detailUpfile { margin-bottom: 30px; }

	.share { display: flex; justify-content: flex-end; margin-bottom: 40px; }
	.line-it-button { margin: 0 5px; }
	.mailtolink { display: block; width: 80px; height: 20px; line-height: 20px; text-align: center; font-size: 10px;
		background: #dbe3f1; border-radius: 2px; }

}
@media (min-width: 751px) and  (max-width:1500px){

}
@media (min-width: 751px) and  (max-width:1300px){
}
@media (max-width:750px){
	#mv { background: url(../../faq/images/mv_sp.jpg) center center no-repeat; background-size: cover; }

	#news { padding: 20vw 0; }
	#newsList li { border-top: #3d4856 1px solid; padding-top: 8vw; margin-bottom: 10vw; }
	#newsList .thumbNailWrap { width: 100%; margin-bottom: 6vw; display: block; }
	#newsList .comment { font-size: 3.7vw; line-height: 5vw; width: 100%; display: block; }

	#news h3.ch3 { margin-bottom: 4vw; line-height: 7vw; }
	#detail .detailText { margin-bottom: 4vw; font-size: 3.7vw; line-height: 5vw; }
	.detailUpfile { margin-bottom: 4vw; }

	.share { display: flex; justify-content: flex-end; margin-bottom: 6vw; }
	.line-it-button { margin: 0 1vw; }
	.mailtolink { display: block; width: 80px; height: 20px; line-height: 20px; text-align: center; font-size: 10px;
		background: #dbe3f1; border-radius: 2px; }

}