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

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

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area,
	#logo_s_area {
		padding: 50px;
	}


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

	#logo_s_area h1 a {
		height: 550px;
	}

	#logo_area h2 {
		height: 140px;
	}
}

@media screen and (max-width: 979px) {
	body {
		font-size: 24px;
	}

	/* #body_bg {
		background-size: 1200px;
	} */

	/*=======================================================
		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;
	}

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area,
	#logo_s_area {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#logo_area h1 {
		height: 360px;
	}

	#logo_s_area h1 a {
		height: 360px;
	}

	#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;
	}

	.img_list_02 .text {
		width: 100%;
		text-align: center;

	}

	.img_list_02 .img {
		width: 100%;
	}

	.img_list_02 li img {
		width: 80%;
		max-width: 620px;
	}
}

@media screen and (max-width: 639px) {
	#btn_sns_area {
		right: 100px;
	}

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

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

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

	#logo_s_area h1 a {
		height: 100px;
	}

	#logo_area h2 {
		height: 300px;
	}

	/*=======================================================
		footer
	=======================================================*/
	#footer {
		height: 100px;
	}

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