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

.video_area :hover{
  opacity: 0.8;
  transition: 0.5s
}
.video_area{
	margin-bottom: 72px;
}

.wf-mplus1p{font-family: "M PLUS 1p";}
.wf-hannari { font-family: "Hannari"; }


p{	font-size: 16px;}

h1{	color:#3f3f3f;
	font-size: 36px;
	font-family:'Lora','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	}

h2{	font-size: 24px;}


h1,h2{font-family:'Lora','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;color:#3f3f3f;}
p,h3,h4,h5,h6{font-family: 'Noto Sans JP', sans-serif; color:#3f3f3f;}

h3{	font-size: 24px;

	}

h4{	font-size: 24px;
	margin:0;
	}

h5{	font-size: 36px;
	margin:0;
	}

h6{	font-size: 14px;
	margin:0;
	}


@media screen and (min-width: 350px){
	.video_area{
		margin-bottom: 12px !important;
	}
}


@media screen and (min-width: 480px){
	.video_area{
		margin-bottom: 12px !important;
	}
}


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


@media screen and (min-width:1024px){

}


.button_area{
	width: 100%;
	text-align: right;
}

.button_area a{
	display:inline-block;
	
	text-decoration: none;
	color: black;
	padding: 2px 20px;
	border:solid 1px #000;
	border-radius: 4px;
	transition: 0.5s;
}

.button_area a:hover{
	color: #fff;
	background: #000;
}



.button_all{
	width: 100%;
	text-align:center;
}



.button_all a{
	
	text-decoration: none;
	color: black;
	padding: 2px 40px;
	border:solid 1px #000;
	border-radius: 4px;
	transition: 0.5s;
}

.button_all a:hover{
	color: #fff;
	background: #000;
}