/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {


	.sp_none {
		display: none;
	}


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





	/* --------------- footer --------------- */

	.fixed_bnr_footer {
		width: 100%;
		height: 55px;
		border-top: solid 1px #fff;
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 10;
	}

	.fixed_bnr_footer a {
		width: 50%;
		padding: 0 40px 1px 20px;
		color: #fff;
		font-weight: 700;
		line-height: 1.25;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 0;
	}

	.fixed_bnr_footer a.tel {
		background-color: #00c700;
		border-right: solid 1px #fff;
	}

	.fixed_bnr_footer a.mail {
		background-color: #a88c00;
	}

	.fixed_bnr_footer a .icon {
		width: 35px;
		line-height: 1;
		flex-shrink: 0;
	}

	.fixed_bnr_footer a .txt {
		padding: 0 0 0 10px;
	}

	.fixed_bnr_footer a::after {
		content: "";
		width: 25px;
		height: 5px;
		margin: 0;
		padding: 0;
		border-right: solid 2px #fff;
		border-bottom: solid 1px #fff;
		transform: skewX(45deg);
		transition: width .3s;
		position: absolute;
		top: calc( 50% - 3px );
		right: 16px;
	}

	.col_footer a.logo {
		margin: 0 auto;
	}

	.cont_footer {
		display: none;
	}


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

	.bg_pagettl {
		height: 150px;
	}

	#pagettl {
		padding: 0 0 11px;
	}

	#pagettl .jp {
		font-size: 30px;
	}

	.col_prepare {
		padding: 80px 0 150px;
		text-align: center;
	}






}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start max 600px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 600px ) {


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

	.col_contact_btm {
		width: 94%;
		margin: 0 auto;
		padding: 6vw 0 2vw;
		display: block;
	}

	.col_contact_btm .bg {
		width: 100%;
		margin: 0 0 4vw;
	}

	.col_contact_btm .bg.tel {
		display: block;
	}
}

/* ---------------------------------------------------------------
	end max 600px
--------------------------------------------------------------- */