/*==================== 
* デフォルト設定
* ====================*/
html, body {
	height: 100%;
	margin: 0;
}
/* 画面幅 */
@media screen and (min-width: 768px) {
	html, body {
		width: 750px;
		margin-inline: auto;
	}
}
body {
	display: flex;
	justify-content: center;
	align-items: center;
}
h1, h2, h3, h4, h5 {
	margin: 0;
}
.title-header {
	background-color: #C2E7F9;
	padding: 0.25rem;
	margin-bottom: 1rem;
}

/*==================== 
* マージン・パディング
* ====================*/
/* 下 */
.mb-0, .f-row.mb-0 {
	margin-bottom: 0;
}
.mb-1, .f-row.mb-1 {
	margin-bottom: 0.25rem;
}
.mb-2, .f-row.mb-2 {
	margin-bottom: 0.5rem;
}
.mb-3, .f-row.mb-3 {
	margin-bottom: 1rem;
}
.mb-4, .f-row.mb-4 {
	margin-bottom: 1.5rem;
}
.mb-5, .f-row.mb-5 {
	margin-bottom: 2rem;
}
.pb-0 {
	padding-bottom: 0;
}
.pb-1 {
	padding-bottom: 0.25rem;
}
.pb-2 {
	padding-bottom: 0.5rem;
}
.pb-3 {
	padding-bottom: 1rem;
}
.pb-4 {
	padding-bottom: 1.5rem;
}
.pb-5 {
	padding-bottom: 2rem;
}

/* 上 */
.mt-0 {
	margin-top: 0;
}
.mt-1 {
	margin-top: 0.25rem;
}
.mt-2 {
	margin-top: 0.5rem;
}
.mt-3 {
	margin-top: 1rem;
}
.mt-4 {
	margin-top: 1.5rem;
}
.mt-5 {
	margin-top: 2rem;
}
.pt-0 {
	padding-top: 0;
}
.pt-1 {
	padding-top: 0.25rem;
}
.pt-2 {
	padding-top: 0.5rem;
}
.pt-3 {
	padding-top: 1rem;
}
.pt-4 {
	padding-top: 1.5rem;
}
.pt-5 {
	padding-top: 2rem;
}

/* 左 */
.ml-0 {
	margin-left: 0;
}
.ml-1 {
	margin-left: 0.25rem;
}
.ml-2 {
	margin-left: 0.5rem;
}
.ml-3 {
	margin-left: 1rem;
}
.ml-4 {
	margin-left: 1.5rem;
}
.ml-5 {
	margin-left: 2rem;
}
.pl-1 {
	padding-left: 0.25rem;
}
.pl-2 {
	padding-left: 0.5rem;
}
.pl-3 {
	padding-left: 1rem;
}
.pl-4 {
	padding-left: 1.5rem;
}
.pl-5 {
	padding-left: 2rem;
}

/* 右 */
.mr-1 {
	margin-right: 0.25rem;
}
.mr-2 {
	margin-right: 0.5rem;
}
.mr-3 {
	margin-right: 1rem;
}
.mr-4 {
	margin-right: 1.5rem;
}
.mr-5 {
	margin-right: 2rem;
}
.pr-1 {
	padding-right: 0.25rem;
}
.pr-2 {
	padding-right: 0.5rem;
}
.pr-3 {
	padding-right: 1rem;
}
.pr-4 {
	padding-right: 1.5rem;
}
.pr-5 {
	padding-right: 2rem;
}

/* オート */
.mt-auto {
	margin-top: auto;
}
.mb-auto {
	margin-bottom: auto;
}
.m-auto {
	margin: auto;
}
.ml-auto {
	margin-left: auto;
}
.mr-auto {
	margin-right: auto;
}

/* 全方向 */
.p-0 {
	padding: 0;
}
.p-1 {
	padding: 0.25rem;
}
.p-2 {
	padding: 0.5rem;
}
.p-3 {
	padding: 1rem;
}
.p-4 {
	padding: 1.5rem;
}
.p-5 {
	padding: 2rem;
}
.m-0 {
	margin: 0;
}
.m-1 {
	margin: 0.25rem;
}
.m-2 {
	margin: 0.5rem;
}
.m-3 {
	margin: 1rem;
}
.m-4 {
	margin: 1.5rem;
}
.m-5 {
	margin: 2rem;
}

/*==================== 
* 高さ・幅
* ====================*/
.mw-100 {
	max-width: 100%;
}

/*==================== 
* テキスト関連
* ====================*/
.text-center {
	text-align: center;
}