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

	/*=======================================================
		body
	=======================================================*/
	#body_bg {
		/* background-size: 1600px; */
	}
}

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

	/*=======================================================
		body
	=======================================================*/
	#body_bg {
		/* background-size: 1400px; */
	}

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

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 120px;
	}

	#logo_area h1 {}

	/*=======================================================
		fns28_box
	=======================================================*/
	.fns28_box .fns28_text_box {
		width: 70%;
	}

	.fns28_box .fns28_logo_box {
		width: 18%;
	}
}


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

	/*=======================================================
		body
	=======================================================*/
	#body_bg {
		/* background-size: 960px; */
	}

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

	.inline_block {
		/* display: inline; */
	}

	.img_list_02 li {
		width: 100%;
		margin: 0 auto 10px;
	}

	.img_list li img {
		width: 90%;
	}

	.sttl {
		line-height: 1.2em;
		text-shadow: 0px 0px 5px #FFF;
		background-size: contain;
		padding: 0.4em 1em;
	}

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 140px;
		margin-bottom: 50px;
	}

	#logo_area h1 {
		height: 398px;
	}

	#logo_area h2 {
		-webkit-text-stroke-width: 1px;
	}

	/*=======================================================
		cast_area
	=======================================================*/
	.cast_img_box {
		width: 100%;
	}

	.cast_img_box img {
		width: 100%;
	}

	.cast_text_box {
		width: 100%;
		margin: 0 auto 50px;
	}

	.cast_text_box h4 {
		text-align: center;
	}

	.cast_box li {
		width: 40%;
		margin: 0 20px 20px;
	}

	/*=======================================================
		bnr_area
	=======================================================*/
	#bnr_area {}

	#bnr_area li {
		width: 48%;
		max-width: 400px;
		margin: 0 1% 10px;
	}
}

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

	/*=======================================================
		body
	=======================================================*/
	#body_bg {
		/* background-size: 900px; */
	}

	#btn_sns_area {
		right: 100px;
	}

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

	/*=======================================================
		logo_area
	=======================================================*/
	#logo_area {
		padding-top: 270px;
	}

	#logo_area h1 {
		height: 250px;
	}

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

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

	#pagetop_area {
		right: 0;
		bottom: 0;
	}

	#pagetop_area a {
		width: 80px;
		height: 80px;
		background-size: cover;
	}

	#pagetop_area a img {
		width: 100%;
	}

	#fns28_area .fns28_text_area {
		height: 31px;
	}
}