@charset "UTF-8";

@media screen and (max-width: 768px) {
	.sp{display: block;}
	.pc{display: none;}

	.stepBar {
		position: static;
		display: block;
	}

	.stepBar .step {
		font-size: 10px;
		padding: 0 10px 0 5px;
		color: #ccc;
	}

	.stepBar.step4 .step,
	.stepBar.step3 .step {
		width: 50%;
		font-size: 10px;
		padding: 0 10px 0 5px;
		margin-bottom: 10px;
	}

	#wrap {
		padding-bottom: 0;
	}

	.side-menu {
		width: 300px;
	}

	#header {
		max-height: 80px;
		min-height: 30px;
		height: auto;
	}

	#header .body{
		display: block;
	}

	#header h1{
		max-width: 300px;
		width: auto;
		height: 30px;
		padding: 5px;
		margin: 0 auto;
		margin-bottom: 5px;
	}

	#headerNav {
		margin-right: 0;
		height: auto;
		padding-bottom: 5px;
	}

	#headerNav .icon {
		height: 4vw;
		min-height: 6px;
		padding-left: 1vw;
	}

	#headerNav ul{
		margin: 0;
	}

	#container .topVisual2 {
		position: relative;
		min-height: 40vh;
		background-position: -10vw center;
	}

	#container .topVisual2 .topVisualTitle{
		position: absolute;
		right: 1vw;
	}

	#container .topVisual3 {
		position: relative;
		min-height: 25vh;
		background-position: right center;
	}

	#container .topVisual3 .topVisualTitle{
		position: absolute;
		left: 1vw;
		bottom: 2vw;
	}

	.side-menu-btn .menuBtntext>div{
		font-size: 12px;
	}

	.side-menu-btn {
		width: 40px;
		height: 40px;
		padding: 10px;
	}

	.side-open #wrap,
	.side-open .overlay {
		-webkit-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);
	}

	.secondContainer .topVisual{
		height: 50vh;
	}


	/*反転ボタン汎用　*/
	.inversion_button a{
		width: 100%;
	}

	footer{
		position: static;
		height: auto;
		box-sizing: border-box;
	}

	footer .body{
		display: block;
		padding: 20px;
		margin: 0;
	}

	footer .footerNav {
		display: none;
	}

	footer .body h3{
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}

	footer .sns{
		height: auto;
		padding: 10px;
	}

	footer .sns img {
		height: 50px;
	}

	footer address{
		position: static;
	}

}