@charset "utf-8";
/*===========================
add
===========================*/

/* 基本カラー  */
/* color:var(--basic-color); で利用 */
:root {
	--basic-color:#1992ce;
}

.text-center-text-left {
  text-align: left;
  display: inline-block;
  padding: 0;
}



/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 768px) {
  .w70Tablet{
		width: 70% !important;
		box-sizing: border-box;
	}

	.w50Tablet{
		width: 50% !important;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 600px) {
	.w100sp{
		width: 100% !important;
		box-sizing: border-box;
	}

  .w70Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}

	.w70sp{
		width: 70% !important;
		box-sizing: border-box;
	}

  .w50Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
}