.fs-09rem {
	font-size: 0.9rem!important;
}
.fs-08rem {
	font-size: 0.8rem!important;
}
.fs-1 {
	font-size: calc(1.375rem + 1.5vw)!important;
}
.fs-2 {
	font-size: calc(1.325rem + 0.9vw)!important;
}
.fs-3 {
	font-size: calc(1.3rem + 0.6vw)!important;
}
.fs-4 {
	font-size: calc(1.275rem + 0.3vw)!important;
}
.fs-5 {
	font-size: 1.25rem!important;
}
.fs-6 {
	font-size: 1rem!important;
}
.fw-bold {
	font-weight: bold!important;
}
.before-footer {
	margin-bottom: 100px;
}
/*ぶら下げインデント*/
.indent-down {
	padding-left: 1em;
	text-indent: -1em;
}

.w-40px {
	width: 40px;
}

.w-45px {
	width: 45px;
}

.w-70px {
	width: 70px;
}

.w-100px {
	width: 100px;
}

.w-150px {
	width: 150px;
}

.w-200px {
	width: 200px;
}

.w-250px {
	width: 250px;
}

.w-300px {
	width: 300px;
}

.w-350px {
	width: 350px;
}

/*テーマカラーのクラス（デフォルト）*/
.default {
	color: #FFFFFF;
	background-color: #007bff;
	border-color: #007bff;
}
/* ヘッダー部分の設定（ロゴとタイトル） */
.my-brand {
	width: 80px;
}
@media screen and (max-width: 575px) {
	.my-brand {
		width: 50px;
	}
}
.my-title {
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-size: 28px;
}
@media screen and (max-width: 575px) {
	.my-title {
		font-size: 18px;
	}
}
.my-footer {
	color: #FFF;
	background-color: #BBBBBB;
}
@media screen and (max-width: 575px) {
	.my-footer {
		font-size: 12px;
	}
}