@charset "UTF-8";
/* CSS Document */
@media (max-width: 1200px){
	body{
		background-size: 80%;
	}
	.pc{
		display: none !important;
	}
	.w1366{
		width:calc(100% - 60px);
		margin: auto;
	}
	/* flex-box==================== */
	.card002{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.card003{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	
	.reverse{
		flex-direction: column-reverse;
	}
}
@media (max-width: 960px){
	
	.w960{
		padding: 0 10px;
	}
	.w1366{
		width:calc(100% - 30px);
		margin: auto;
	}

	footer h2 img{
		width: 200px;
	}

	.contents_in{
		padding: 0 10px;
	}
	.flex_contact{
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}


	.btn_wrap{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

}

@media (max-width: 768px){
	.pctb{
		display: none !important;
	}

	.footer_in{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: auto;
	}
	.footer_in .txt{
		width: inherit;
		margin-bottom: 30px;
	}
	.wrap80{
		padding: 0 5%;
	}


}
@media (max-width: 450px){
	.pctb450{
		display: none !important;
	}
	
	.wrap80{
		padding: 0;
	}
	.w1366{
		width:calc(100% - 20px);
		margin: auto;
	}

}