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

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 980px;
	}


	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area,
	#logo_s_area {}

	#logo_area h1 {
		/* height: 550px; */
	}

	#logo_s_area h1 a {
		height: 850px;
	}

	#logo_area h2 {
		height: 140px;
	}
}

@media screen and (max-width: 979px) {
	#body_bg {
		background: url(../img/bg_sp.jpg) 50% 0% no-repeat;
		background-size: cover;
	}

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 640px;
	}

	.youtube_box iframe {
		width: 640px;
		height: 360px;
	}

	table th {
		display: block;
		width: auto !important;
	}

	table td {
		display: block;
	}

	.img_list_03 li {
		width: 70%;
		margin: 0 15% 30px;
	}

	.broadcast-banner img {
		height: 80px !important;
	}


	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area,
	#logo_s_area {
		margin-top: 30px;
	}

	/* #logo_area h1 {
		height: 360px;
	} */

	#logo_s_area h1 a {
		height: 450px;
	}

	#logo_area h2 {
		height: 90px;
	}

	/*=======================================================
		sns_area
	=======================================================*/
	#sns_area ul li {
		width: 90%;
		margin: 0 5% 30px;
	}

	/*=======================================================
		archive_area
	=======================================================*/
	#archive_area>ul>li {
		width: 98%;
		margin: 0 1% 20px;
	}

	#archive_area .archive_box {
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 680px) {
	.forpc {
		display: none;
	}

	.forsp {
		display: none;
	}

	/*pc用*/


	/*=======================================================
	title_area
	=======================================================*/
	#title_area {
		font-size: 14px;
		margin-top: 90px;

	}

	#title_area img {
		height: 100px
	}

	/*=======================================================
		form_area
	=======================================================*/
	#form_area .textarea p {
		text-align: left;
	}

	#form_area h4:nth-of-type(1) {
		text-align: left;
	}

	#form_area .form_box .btn a {
		display: block;
	}

}

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

	#btn_sns_area {
		right: 100px;
	}

	/*=======================================================
		common
	=======================================================*/
	section {
		width: 400px;
	}

	.youtube_box iframe {
		width: 400px;
		height: 225px;
	}

	/*=======================================================
	title_area
	=======================================================*/
	#title_area {
		font-size: 14px;
		margin-top: 90px;

	}

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area h1 {
		height: 100px;
	}

	#logo_s_area h1 a {
		height: 280px;
	}

	#logo_area h2 {
		height: 300px;
	}

	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
		padding-top: 40px;
		background-size: 1000px;
	}

	#footer p {
		line-height: 100px;
		font-size: 10px;
	}

	/*=======================================================
		form_area
	=======================================================*/





}