@charset "utf-8";
/* CSS Document */


/*===================================
clearfixの設定
=====================================*/

.clearfix::after{
 	content: "";
	display: block;
	clear: both;
}

/*===================================
flexboxの設定
=====================================*/

[class*="space"] {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
[class*="line"] {
	display: flex;
	flex-wrap: wrap;
}

/*===================================
sectionBOXの設定
=====================================*/

[class*="wrap"] {
	width: 1080px;
	margin: 0 auto;
}
[class*="wrap02"] {
	width: 960px;
	margin: 0 auto;
}
[class*="wrap03"] {
	width: 1280px;
	margin: 0 auto;
}

/*===================================
pcの時の設定
=====================================*/

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
	.pc_none{
		display: none!important;
	}
}

/*===================================
spの時の設定
=====================================*/

@media screen and (max-width: 767px) {
	.sp_none{
		display: none!important;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	[class*="wrap"],
	[class*="wrap02"],
	[class*="wrap03"]{
		width: calc( 100% - 25px);
		margin: 0 auto;
	}
}