/* ---------------------------------------------------------------
	start max 850px
--------------------------------------------------------------- */

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


/* --------------- header --------------- */

	.img_headbnr {
		background-image: url(../img/sp/bg_topbnr.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.img_headbnr_ec {
		background-image: url(../img/top/sp/topbnr_ec.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		max-height: 103px;
	}

	.img_headbnr img.img1,
	.img_headbnr_ec img.img1 {
		display: none;
	}


	.img_headbnr img.img2 {
		max-width: 480px;
		display: block;
	}

	.img_headbnr_ec img.img2 {
		width: 70vw;
		max-width: 515px;
		padding: 3% 10px 3% 0;
		display: block;
	}


	.bnr_btn_ec a {
		font-size: 3vw;
		padding: 4.9% 11px 7.5%;
	}
/* --------------- footer --------------- */

	.pagetop {
		width: 110px;
		height: 94px;
		padding-top: 39px;
		right: 20px;
		bottom: 20px;
	}

	.pagetop:before {
		top: 14px;
	}

	.link_footer .col_link_footer {
		display: none;
	}

	.col_sns_footer a {
		margin: 0 32px 0 0;
	}

	.col_copyright {
		margin-top: 20px;
		text-align: center;
	}

	.col_copyright a {
		display: none;
	}


/* --------------- sub common --------------- */

	.col_pagettl {
		width: 94%;
		height: 31vw;
		background-size: contain;
	}

	.col_pagettl h1,
	.col_pagettl h2 {
		font-size: 38px;
	}




}

/* ---------------------------------------------------------------
	end max 850px
--------------------------------------------------------------- */