@charset "UTF-8";

/* ====================================
	リセット
==================================== */
.img-reset {
  max-width: 100%;              /* 1 */
  height: auto;                 /* 1 */
  vertical-align: middle;       /* 2 */
  font-style: italic;           /* 3 */
  background-repeat: no-repeat; /* 4 */
  background-size: cover;       /* 4 */
  shape-margin: 0.75rem;        /* 5 */
}

/* マージン */
.mx-auto {
	margin-inline: auto;
}

.mt-0-5em {
	margin-top: 0.5em;
}

.mt-0-8em {
	margin-top: 0.8em;
}

.mt-1em {
	margin-top: 1em;
}

.mt-1-25em {
	margin-top: 1.25em;
}

.mt-1-5em {
	margin-top: 1.5em;
}

.mt-2em {
	margin-top: 2em;
}

.mt-2-5em {
	margin-top: 2.5em;
}

.ml-0-5em {
	margin-left: 0.5em;
}

.ml-1em {
	margin-left: 1em;
}

.mr-0-5em {
	margin-right: 0.5em;
}

.mr-1em {
	margin-right: 1em;
}

/* displayレイアウト */
.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	/* .flex-nowrapで解除できる */
}

.inline-flex {
	display: inline-flex;
}

.grid {
	display: grid;
}

.inline-grid {
	display: inline-grid;
}

.contents {
	display: contents;
}

.table {
	display: table;
}

.inline-table {
	display: inline-table;
}

.hidden {
	display: none;
}

/* フレックス */
.flex-nowrap {
	flex-wrap: nowrap;
}

.flex__item {
	inline-size: 100%;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-end-safe {
	justify-content: safe flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-center-safe {
	justify-content: safe center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.justify-stretch {
	justify-content: stretch;
}

.justify-baseline {
	justify-content: baseline;
}

.justify-normal {
	justify-content: normal;
}

.items-start {
	align-items: flex-start;
}

.items-end {
	align-items: flex-end;
}

.items-end-safe {
	align-items: safe flex-end;
}

.items-center {
	align-items: center;
}

.items-center-safe {
	align-items: safe center;
}

.items-baseline {
	align-items: baseline;
}

.items-baseline-last {
	align-items: last baseline;
}

.items-stretch {
	align-items: stretch;
}