/*--- 共通 ---*/
/*position関連*/
	.absolute-center {
		position: absolute !important;
		left: 0px !important;
		right: 0px !important;
		top: 0px !important;
		bottom: 0px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.absolute-middle {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	.absolute-top {
		position: absolute !important;
		top: 0px !important;
		bottom: unset !important;
	}
	.absolute-bottom {
		position: absolute !important;
		top: unset !important;
		bottom: 0px !important;
	}
	.absolute-right-top {
		position: absolute !important;
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
		bottom: unset !important;
	}
	.absolute-right-bottom {
		position: absolute !important;
		right: 0px !important;
		bottom: 0px !important;
		top: unset !important;
		left: unset !important;
	}
	.fixed-top,
	.fixed-top-right,
	.fixed-bottom {
		position: fixed !important;
	}
	.fixed-top-right {
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
	}
	.fixed-bottom {
		bottom: 0px !important;
		top: unset !important;
	}

/*display関連*/
	.display-block {display: block !important;}
	.display-inline-block {display: inline-block !important;}
	.display-none {display: none !important;}
	.flexbox {
		display: flex;
		flex-wrap: wrap;
	}
	.flexbox-nowrap {
		display: flex;
		flex-wrap: nowrap;
	}
	.flexbox-center {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:center;
	}
	.align-items-center {
		display: flex;
		flex-wrap: wrap;
		align-items:center;
	}
	.align-items-start {
		display: flex;
		flex-wrap: wrap;
		align-items:flex-start;
	}
	.align-items-end {
		display: flex;
		flex-wrap: wrap;
		align-items:flex-end;
	}
	.justify-content-center {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	.justify-content-right {
		display: flex;
		flex-wrap: wrap;
		justify-content:right;
	}
	.justify-content-between {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.flex-direction-column {flex-direction: column !important;}
	.flex-direction-row {flex-direction: row !important;}
	.flexbox-col-reverse {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.flexbox-row-reverse {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.flex-wrap {flex-wrap: wrap !important;}
	.flex-nowrap {flex-wrap: nowrap !important;}
	.flex-1 {flex: 1;}

/*表示関連*/
	.full-bleed {
		position: relative;
		left: calc(-50vw + 50%);
		width: 100vw;
		box-sizing: border-box;
	}

	.clear-both {clear: both;}

/*スクロール関連*/
	.scrollbar-hidden {
		-ms-overflow-style:none;
		scrollbar-width: none;
	}
	.scrollbar-hidden::-webkit-scrollbar {
		display: none;
		-webkit-appearance: none;
	}

/*テキスト関連*/
	.text-ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.text-ellipsis-3 { /*表示行数3*/
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		
	}
	.text-ellipsis-5 { /*表示行数5*/
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		
	}
	.text-ellipsis-10 { /*表示行数10*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
		overflow: hidden;
	}

	.text-ellipsis-3 > :where(p, a, span),
	.text-ellipsis-5 > :where(p, a, span),
	.text-ellipsis-10 > :where(p, a, span) {
    display: inline;
	}
	.text-vertical　{/*縦書き*/
		writing-mode: vertical-rl;
		text-orientation: upright;
	}

/*イメージ関連*/
	.object-fit-cover {object-fit: cover;}
	.object-fit-contain {object-fit: contain;}
	.image-4by3,
	.image-4by3 {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.image-16by9,
	.image-16by9 {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}

/*比率関連*/
	.ratio-4by3 {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.ratio-16by9 {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}
	.ratio-1by1_4 {
		width:100%;
		object-fit:cover;
		aspect-ratio: 1 / 1.4;
	}

/*タブ関連*/
	.scroll-tabs {
		position: relative;
		z-index: 1; 
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		border-bottom: initial;
		scrollbar-width: none;
		scroll-behavior: smooth;
	}
	.scroll-tabs-outer {position: relative;}
	.scroll-tabs::-webkit-scrollbar {display: none;}/*Chrome・Edge*/
	.scroll-tabs-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: rgba(0,0,0,0.05);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 3;
		font-size: 14px;
		color: #333;
		transition: background 0.2s ease, opacity 0.2s ease;
	}
	.scroll-tabs-arrow:hover {background: rgba(0,0,0,0.12);}
	.scroll-tabs-arrow.disabled {
		opacity: .3;
		pointer-events: none;
	}
	.scroll-tabs-arrow.left {left: 5px;}
	.scroll-tabs-arrow.right {right: 5px;}
	.scroll-tabs-arrow.hidden {display: none !important;}

/*各番号付き要素*/
	.counter-reset {counter-reset: icon-counter;} /* カウンターの初期化 */

	/*番号アイコンのスタイル*/
	.numbered > :first-child {
		display: inline-block;
		position: relative;
		padding-left: 1.5em; 
	}
	.numbered > :first-child::before {
		content: counter(icon-counter);
		counter-increment: icon-counter; 
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 1.5em;
		height: 1.5em;
		line-height: 1.4em;
		font-weight: bold;
		font-size: 0.7em;
		text-align: center;
		border-radius: 50%; 
	}
	.no-numbered > :first-child::before {
		content: none !important;
	}

/*fontawesome関連*/
	.angle-right-start,
	.arrow-right-start
	.chevron-right-start,
	.angle-right-end,
	.chevron-right-end {position: relative;}

	.angle-right-start,
	.arrow-right-start,
	.chevron-right-start {padding-left: 1.5em;}

	.angle-right-end,
	.arrow-right-end,
	.chevron-right-end {padding-right: 1.5em;}

	.angle-right-start::before,
	.angle-right-end::after,
	.arrow-right-end::after,
	.arrow-right-start ::before,
	.chevron-right-start::before,
	.chevron-right-end::after {
			font-family: "Font Awesome 6 Free";
			font-weight: 700;
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			color: inherit;
			border-color: inherit;
	}
	.angle-right-start::before,
	.arrow-right-start::before,
	.chevron-right-start::before {left: 7px;}

	.angle-right-end::after,
	.arrow-right-end::after,
	.chevron-right-end::after {right: 7px;}

	.angle-right-start::before,
	.angle-right-end::after {content: "\f105" !important;}
	.arrow-right-start::before,
	.arrow-right-end::after {content: "\f061" !important;}
	.chevron-right-start::before,
	.chevron-right-end::after {content: "\f054" !important;}

/*余白関連*/
.pad-0 {padding: 0px;}
.pad-t-0 {padding-top: 0px;}
.pad-b-0 {padding-bottom: 0px;}
.pad-r-0 {padding-right: 0px;}
.pad-l-0 {padding-left: 0px;}
.pad-tb-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}
.pad-rl-0 {
	padding-right: 0px;
	padding-left: 0px;
}
.pad-0i {padding: 0px !important;}
.pad-t-0i {padding-top: 0px !important;}
.pad-b-0i {padding-bottom: 0px !important;}
.pad-r-0i {padding-right: 0px !important;}
.pad-l-0i {padding-left: 0px !important;}
.pad-tb-0i {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pad-rl-0i {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.pad-5 {padding: 5px;}
.pad-t-5 {padding-top: 5px;}
.pad-b-5 {padding-bottom: 5px;}
.pad-r-5 {padding-right: 5px;}
.pad-l-5 {padding-left: 5px;}
.pad-tb-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pad-rl-5 {
	padding-right: 5px;
	padding-left: 5px;
}
.pad-5i {padding: 5px !important;}
.pad-t-5i {padding-top: 5px !important;}
.pad-b-5i {padding-bottom: 5px !important;}
.pad-r-5i {padding-right: 5px !important;}
.pad-l-5i {padding-left: 5px !important;}
.pad-tb-5i {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pad-rl-5i {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.pad-7 {padding: 7px;}
.pad-t-7 {padding-top: 7px;}
.pad-b-7 {padding-bottom: 7px;}
.pad-r-7 {padding-right: 7px;}
.pad-l-7 {padding-left: 7px;}
.pad-tb-7 {
	padding-top: 7px;
	padding-bottom: 7px;
}
.pad-rl-7 {
	padding-right: 7px;
	padding-left: 7px;
}
.pad-tb-7i {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.pad-7i {padding: 7px !important;}
.pad-t-7i {padding-top: 7px !important;}
.pad-b-7i {padding-bottom: 7px !important;}
.pad-r-7i {padding-right: 7px !important;}
.pad-l-7i {padding-left: 7px !important;}
.pad-tb-7i {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}
.pad-rl-7i {
	padding-right: 7px !important;
	padding-left: 7px !important;
}

.pad-10 {padding: 10px;}
.pad-t-10 {padding-top: 10px;}
.pad-b-10 {padding-bottom: 10px;}
.pad-r-10 {padding-right: 10px;}
.pad-l-10 {padding-left: 10px;}
.pad-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad-rl10 {
	padding-right: 10px;
	padding-left: 10px;
}
.pad-10i {padding: 10px !important;}
.pad-t-10i {padding-top: 10px !important;}
.pad-b-10i {padding-bottom: 10px !important;}
.pad-r-10i {padding-right: 10px !important;}
.pad-l-10i {padding-left: 10px !important;}
.pad-tb-10i {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pad-rl-10i {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.pad-15 {padding: 15px;}
.pad-t-15 {padding-top: 15px;}
.pad-b-15 {padding-bottom: 15px;}
.pad-r-15 {padding-right: 15px;}
.pad-l-15 {padding-left: 15px;}
.pad-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pad-rl-15 {
	padding-right: 15px;
	padding-left: 15px;
}
.pad-15i {padding: 15px !important;}
.pad-t-15i {padding-top: 15px !important;}
.pad-b-15i {padding-bottom: 15px !important;}
.pad-r-15i {padding-right: 15px !important;}
.pad-l-15i {padding-left: 15px !important;}
.pad-tb-15i {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.pad-rl-15i {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.pad-30 {padding: 30px;}
.pad-t-30 {padding-top: 30px;}
.pad-b-30 {padding-bottom: 30px;}
.pad-r-30 {padding-right: 30px;}
.pad-l-30 {padding-left: 30px;}
.pad-tb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pad-rl-30 {
	padding-right: 30px;
	padding-left: 30px;
}
.pad-30i {padding: 30px !important;}
.pad-t-30i {padding-top: 30px !important;}
.pad-b-30i {padding-bottom: 30px !important;}
.pad-r-30i {padding-right: 30px !important;}
.pad-l-30i {padding-left: 30px !important;}
.pad-tb-30i {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.pad-rl-30i {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.pad-50 {padding: 50px;}
.pad-t-50 {padding-top: 50px;}
.pad-b-50 {padding-bottom: 50px;}
.pad-tb-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pad-rl-50 {
	padding-right: 50px;
	padding-left: 50px;
}
.pad-tb-50i {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.pad-rl-50i {
	padding-right: 50px !important;
	padding-left: 50px !important;
}
.pad-50i {padding: 50px !important;}
.pad-t-50i {padding-top: 50px !important;}
.pad-b-50i {padding-bottom: 50px !important;}
.pad-r-50i {padding-right: 50px !important;}
.pad-l-50i {padding-left: 50px !important;}
.pad-tb-50i {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.pad-rl-50i {
	padding-right: 50px !important;
	padding-left: 50px !important;
}

.mrg-auto {margin: auto;}
.mrg-r-auto {margin-right: auto;}
.mrg-l-auto {margin-left: auto;}
.mrg-tb-auto {
	margin-top: auto;
	margin-bottom: auto;
}
.mrg-rl-auto {
	margin-right: auto;
	margin-left: auto;
}

.mrg-0 {margin: 0px;}
.mrg-t-0 {margin-top: 0px;}
.mrg-b-0 {margin-bottom: 0px;}
.mrg-r-0 {margin-right: 0px;}
.mrg-l-0 {margin-left: 0px;}
.mrg-rl-0 {
	margin-right: 0px;
	margin-left: 0px;
}
.mrg-tb-0 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.mrg-0i {margin: 0px !important;}
.mrg-t-0i {margin-top: 0px !important;}
.mrg-b-0i {margin-bottom: 0px !important;}
.mrg-r-0i {margin-right: 0px !important;}
.mrg-l-0i {margin-left: 0px !important;}
.mrg-rl-0i {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.mrg-tb-0i {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.mrg-5 {margin: 5px;}
.mrg-t-5 {margin-top: 5px;}
.mrg-b-5 {margin-bottom: 5px;}
.mrg-r-5 {margin-right: 5px;}
.mrg-l-5 {margin-left: 5px;}
.mrg-rl-5 {
	margin-right: 5px;
	margin-left: 5px;
}
.mrg-tb-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mrg-5i {margin: 5px !important;}
.mrg-t-5i {margin-top: 5px !important;}
.mrg-b-5i {margin-bottom: 5px !important;}
.mrg-r-5i {margin-right: 5px !important;}
.mrg-l-5i {margin-left: 5px !important;}
.mrg-rl-5i {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.mrg-tb-5i {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.mrg-7 {margin: 7px;}
.mrg-t-7 {margin-top: 7px;}
.mrg-b-7 {margin-bottom: 7px;}
.mrg-r-7 {margin-right: 7px;}
.mrg-l-7 {margin-left: 7px;}
.mrg-tb-7 {
	margin-top: 7px;
	margin-bottom: 7px;
}
.mrg-rl-7 {
	margin-right: 7px;
	margin-left: 7px;
}
.mrg-tb-7i {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}
.mrg-rl-7i {
	margin-right: 7px !important;
	margin-left: 7px !important;
}
.mrg-10 {margin: 10px;}
.mrg-t-10 {margin-top: 10px;}
.mrg-b-10 {margin-bottom: 10px;}
.mrg-r-10 {margin-right: 10px;}
.mrg-l-10 {margin-left: 10px;}
.mrg-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mrg-rl-10 {
	margin-right: 10px;
	margin-left: 10px;
}
.mrg-tb-10i {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mrg-rl-10i {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mrg-15 {margin: 15px;}
.mrg-t-15 {margin-top: 15px;}
.mrg-b-15 {margin-bottom: 15px;}
.mrg-r-15 {margin-right: 15px;}
.mrg-l-15 {margin-left: 15px;}
.mrg-tb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mrg-rl-15 {
	margin-right: 15px;
	margin-left: 15px;
}
.mrg-15i {margin: 15px !important;}
.mrg-t-15i {margin-top: 15px !important;}
.mrg-b-15i {margin-bottom: 15px !important;}
.mrg-r-15i {margin-right: 15px !important;}
.mrg-l-15i {margin-left: 15px !important;}
.mrg-tb-15i {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mrg-rl-15i {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.mrg-30 {margin: 30px;}
.mrg-t-30 {margin-top: 30px;}
.mrg-b-30 {margin-bottom: 30px;}
.mrg-r-30 {margin-right: 30px;}
.mrg-l-30 {margin-left: 30px;}
.mrg-tb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mrg-rl-30 {
	margin-right: 30px;
	margin-left: 30px;
}
.mrg-30i {margin: 30px !important;}
.mrg-t-30i {margin-top: 30px !important;}
.mrg-b-30i {margin-bottom: 30px !important;}
.mrg-r-30i {margin-right: 30px !important;}
.mrg-l-30i {margin-left: 30px !important;}
.mrg-tb-30i {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mrg-rl-30i {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mrg-t-50 {margin-top: 50px;}
.mrg-b-50 {margin-bottom: 50px;}
.mrg-r-50 {margin-right: 50px;}
.mrg-l-50 {margin-left: 50px;}
.mrg-tb-50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.mrg-rl50 {
	margin-right: 50px;
	margin-left: 50px;
}
.mrg-50i {margin: 50px !important;}
.mrg-t-50i {margin-top: 50px !important;}
.mrg-b-50i {margin-bottom: 50px !important;}
.mrg-r-50i {margin-right: 50px !important;}
.mrg-l-50i {margin-left: 50px !important;}
.mrg-tb-50i {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.mrg-rl-50i {
	margin-right: 50px !important;
	margin-left: 50px !important;
}

@media screen and (min-width: 992px) {
	.clear-both-md {clear: both;}
}
@media screen and (min-width: 768px) {
	/*イメージ関連*/
	.object-fit-cover-sm {object-fit: cover;}
	.object-fit-contain-sm {object-fit: contain;}
	.image-4by3-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.image-16by9-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}

	/*比率関連*/
	.ratio-4by3-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.ratio-16by9-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}
	.ratio-1by1_4-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 1 / 1.4;
	}
	
	/*position関連*/
	.absolute-center-sm {
		position: absolute !important;
		left: 0px !important;
		right: 0px !important;
		top: 0px !important;
		bottom: 0px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.absolute-middle-sm {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	.absolute-top-sm {
		position: absolute !important;
		top: 0px !important;
		bottom: unset !important;
	}
	.absolute-bottom-sm {
		position: absolute !important;
		top: unset !important;
		bottom: 0px !important;
	}
	.absolute-right-top-sm {
		position: absolute !important;
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
		bottom: unset !important;
	}
	.absolute-right-bottom-sm {
		position: absolute !important;
		right: 0px !important;
		bottom: 0px !important;
		top: unset !important;
		left: unset !important;
	}
	.fixed-top-sm,
	.fixed-top-right-sm,
	.fixed-bottom-sm {
		position: fixed !important;
		z-index: 1050;
	}
	.fixed-top-right-sm {
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
	}
	.fixed-bottom-sm {
		bottom: 0px !important;
		top: unset !important;
	}

	/*display関連*/
	.display-block-sm {display: block !important;}
	.display-inline-block-sm {display: inline-block !important;}
	.display-none-sm {display: none !important;}
	.flexbox-sm {
		display: flex;
		flex-wrap: wrap;
	}
	.flexbox-nowrap-sm {
		display: flex;
		flex-wrap: nowrap;
	}
	.flexbox-center-sm {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:center;
	}
	.flexbox-col-reverse-sm {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.flexbox-row-reverse-sm {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.justify-content-center-sm {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	.justify-content-right-sm {
		display: flex;
		flex-wrap: wrap;
		justify-content:right;
	}
	.justify-content-between-sm {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.align-items-center-sm {
		display: flex;
		flex-wrap: wrap;
		align-items:center;
	}
	.align-items-start-sm {
		display: flex;
		flex-wrap: wrap;
		align-items:flex-start;
	}
	.align-items-end-sm {
		display: flex;
		flex-wrap: wrap;
		align-items:flex-end;
	}
	.flex-direction-column-sm {flex-direction: column !important;}
	.flex-direction-row-sm {flex-direction: row !important;}
	.flex-wrap-sm {flex-wrap: wrap !important;}
	.flex-nowrap-sm {flex-wrap: nowrap !important;}
	.flex-1-sm {flex: 1;}
	.relative-sm {position: relative !important;}
	
	/*表示*/
	.full-bleed-sm {
		position: relative;
		left: calc(-50vw + 50%);
		width: 100vw;
		box-sizing: border-box;
	}

	.clear-both-sm {clear: both;}

	/*テキスト関連*/
	.text-ellipsis-sm {
		width:100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.text-ellipsis-3-sm { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.text-ellipsis-3-sm > p {display:inline;}
	.text-ellipsis-5-sm { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.text-ellipsis-5-sm > p {display:inline;}
	.text-ellipsis-10-sm
	.text-ellipsis-10-sm > p { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
		overflow: hidden;
	}
	.text-ellipsis-10-sm > p {display:inline;}
	.text-vertical-sm
	.text-vertical-sm > p {/*縦書き*/
		writing-mode: vertical-rl;
		text-orientation: upright;
	}

	/*イメージ関連*/
	.object-fit-cover-sm {object-fit: cover;}
	.object-fit-contain-sm {object-fit: contain;}
	.image-4by3-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.image-16by9-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}

	/*比率関連*/
	.ratio-4by3-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.ratio-16by9-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}
	.ratio-1by1_4-sm {
		width:100%;
		object-fit:cover;
		aspect-ratio: 1 / 1.4;
	}

	/*---ナビゲーションバーの横スクロールー*/
	.nav-collapse {
		border-top: 0px;
		-webkit-box-shadow: none;;
		box-shadow: inset none;;
	}
	.scroll-navbar {
		display: flex;
		position: relative;
		align-items: center;
		overflow: hidden;
	}
	.scroll-navbar.collapse.nav-collapse {
		display: flex !important;
		overflow: hidden !important;
	}
	.scroll-navbar .nav-items {
		z-index: 1; 
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.scroll-navbar .nav-items,
	.scroll-navbar .dropdown-items {
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-behavior: smooth;
	}
	.scroll-navbar .nav-items::-webkit-scrollbar,
	.scroll-navbar .dropdown-items::-webkit-scrollbar {
		display: none;
		-webkit-appearance: none;
	}
	.scroll-navbar .nav-items.justified > li {width: 100%;}
	.scroll-navbar .nav-items.justified > li > a {margin: unset;}
	.scroll-navbar .nav-item {white-space: nowrap;}
	.scroll-navbar .nav-arrow {
		text-align: center;
		cursor: pointer;
	}
	.scroll-navbar .dropdown-menu {box-shadow: none;}
	.scroll-navbar .dropdown-menu.full-width {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 9999;
		margin: 0px;
		padding: 30px;
		border: 0px;
		border-radius: 0px;
	}
	.scroll-navbar .dropdown-items {
		padding: 0px;
		list-style: none;
	}
	.scroll-navbar .dropdown-menu-title,
	.scroll-navbar .dropdown-menu-content {padding: 15px;}
	.scroll-navbar .dropdown-item {
		list-style: none;
		line-height: 20px;
		white-space: nowrap;
	}
	.scroll-navbar .nav-arrow {
		display: flex;
		position: absolute;
		z-index:100;
		top: 50%;
		transform: translateY(-50%);
		align-items: center;
		justify-content: center;
	}
	.scroll-navbar .nav-arrow i {
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: #eee;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		z-index: 3;
		font-size: 14px;
		color: #333;
		transition: background 0.2s ease, opacity 0.2s ease;
	}
	.scroll-navbar .nav-arrow i:hover {background: #ddd;}
	.scroll-navbar .nav-arrow-left {left: 5px;}
	.scroll-navbar .nav-arrow-right {right: 5px;}
	.scroll-navbar .nav-arrow.hidden {display: none !important;}

	/*余白関連*/
	.pad-0-sm {padding: 0px;}
	.pad-t-0-sm {padding-top: 0px;}
	.pad-b-0-sm {padding-bottom: 0px;}
	.pad-r-0-sm {padding-right: 0px;}
	.pad-l-0-sm {padding-left: 0px;}
	.pad-tb-0-sm {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.pad-rl-0-sm {
		padding-right: 0px;
		padding-left: 0px;
	}
	.pad-0i-sm {padding: 0px !important;}
	.pad-t-0i-sm {padding-top: 0px !important;}
	.pad-b-0i-sm {padding-bottom: 0px !important;}
	.pad-r-0i-sm {padding-right: 0px !important;}
	.pad-l-0i-sm {padding-left: 0px !important;}
	.pad-tb-0i-sm {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.pad-rl-0i-sm {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.pad-5-sm {padding: 5px;}
	.pad-t-5-sm {padding-top: 5px;}
	.pad-b-5-sm {padding-bottom: 5px;}
	.pad-tb-5-sm {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pad-rl-5-sm {
		padding-right: 5px;
		padding-left: 5px;
	}
	.pad-5i-sm {padding: 5px !important;}
	.pad-t-5i-sm {padding-top: 5px !important;}
	.pad-b-5i-sm {padding-bottom: 5px !important;}
	.pad-r-5i-sm {padding-right: 5px !important;}
	.pad-l-5i-sm {padding-left: 5px !important;}
	.pad-tb-5i-sm {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.pad-rl-5i-sm {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.pad-7-sm {padding: 7px;}
	.pad-t-7-sm {padding-top: 7px;}
	.pad-b-7-sm {padding-bottom: 7px;}
	.pad-r-7-sm {padding-right: 7px;}
	.pad-l-7-sm {padding-left: 7px;}
	.pad-tb-7-sm {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.pad-rl-7-sm {
		padding-right: 7px;
		padding-left: 7px;
	}
	.pad-7i-sm {padding: 7px !important;}
	.pad-t-7i-sm {padding-top: 7px !important;}
	.pad-b-7i-sm {padding-bottom: 7px !important;}
	.pad-r-7i-sm {padding-right: 7px !important;}
	.pad-l-7i-sm {padding-left: 7px !important;}
	.pad-tb-7i-sm {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	.pad-rl-7i-sm {
		padding-right: 7px !important;
		padding-left: 7px !important;
	}

	.pad-10-sm {padding: 10px;}
	.pad-t-10-sm {padding-top: 10px;}
	.pad-b-10-sm {padding-bottom: 10px;}
	.pad-tb-10-sm {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pad-rl10-sm {
		padding-right: 10px;
		padding-left: 10px;
	}
	.pad-10i-sm {padding: 10px !important;}
	.pad-t-10i-sm {padding-top: 10px !important;}
	.pad-b-10i-sm {padding-bottom: 10px !important;}
	.pad-r-10i-sm {padding-right: 10px !important;}
	.pad-l-10i-sm {padding-left: 10px !important;}
	.pad-tb-10i-sm {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.pad-rl-10i-sm {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.pad-15-sm {padding: 15px;}
	.pad-t-15-sm {padding-top: 15px;}
	.pad-b-15-sm {padding-bottom: 15px;}
	.pad-r-15-sm {padding-right: 15px;}
	.pad-l-15-sm {padding-left: 15px;}
	.pad-tb-15-sm {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pad-rl-15-sm {
		padding-right: 15px;
		padding-left: 15px;
	}
	.pad-15i-sm {padding: 15px !important;}
	.pad-t-15i-sm {padding-top: 15px !important;}
	.pad-b-15i-sm {padding-bottom: 15px !important;}
	.pad-r-15i-sm {padding-right: 15px !important;}
	.pad-l-15i-sm {padding-left: 15px !important;}
	.pad-tb-15i-sm {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.pad-rl-15i-sm {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.pad-30-sm {padding: 30px;}
	.pad-t-30-sm {padding-top: 30px;}
	.pad-b-30-sm {padding-bottom: 30px;}
	.pad-tb-30-sm {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pad-rl-30-sm {
		padding-right: 30px;
		padding-left: 30px;
	}
	.pad-30i-sm {padding: 30px !important;}
	.pad-t-30i-sm {padding-top: 30px !important;}
	.pad-b-30i-sm {padding-bottom: 30px !important;}
	.pad-r-30i-sm {padding-right: 30px !important;}
	.pad-l-30i-sm {padding-left: 30px !important;}
	.pad-tb-30i-sm {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.pad-rl-30i-sm {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.pad-50-sm {padding: 50px;}
	.pad-t-50-sm {padding-top: 50px;}
	.pad-b-50-sm {padding-bottom: 50px;}
	.pad-tb-50-sm {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-rl-50-sm {
		padding-right: 50px;
		padding-left: 50px;
	}
	.pad-tb-50i-sm {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.pad-50i-sm {padding: 50px !important;}
	.pad-t-50i-sm {padding-top: 50px !important;}
	.pad-b-50i-sm {padding-bottom: 50px !important;}
	.pad-r-50i-sm {padding-right: 50px !important;}
	.pad-l-50i-sm {padding-left: 50px !important;}
	.pad-rl-50i-sm {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
	
	.mrg-auto-sm {margin: auto;}
	.mrg-r-auto-sm {margin-right: auto;}
	.mrg-l-auto-sm {margin-left: auto;}
	.mrg-tb-auto-sm {
		margin-top: auto;
		margin-bottom: auto;
	}
	.mrg-rl-auto-sm {
		margin-right: auto;
		margin-left: auto;
	}
	.mrg-tb-auto-sm {
		margin-top: auto;
		margin-bottom: auto;
	}
	.mrg-rl-auto-sm {
		margin-right: auto;
		margin-left: auto;
	}

	.mrg-0-sm {margin: 0px;}
	.mrg-t-0-sm {margin-top: 0px;}
	.mrg-b-0-sm {margin-bottom: 0px;}
	.mrg-r-0-sm {margin-right: 0px;}
	.mrg-l-0-sm {margin-left: 0px;}
	.mrg-tb-0-sm {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.mrg-rl-0-sm {
		margin-right: 0px;
		margin-left: 0px;
	}
	.mrg-0i-sm {margin: 0px !important;}
	.mrg-t-0i-sm {margin-top: 0px !important;}
	.mrg-b-0i-sm {margin-bottom: 0px !important;}
	.mrg-r-0i-sm {margin-right: 0px !important;}
	.mrg-l-0i-sm {margin-left: 0px !important;}
	.mrg-rl-0i-sm {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	.mrg-5-sm {margin: 5px;}
	.mrg-t-5-sm {margin-top: 5px;}
	.mrg-b-5-sm {margin-bottom: 5px;}
	.mrg-r-5-sm {margin-right: 5px;}
	.mrg-l-5-sm {margin-left: 5px;}
	.mrg-tb-5-sm {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.mrg-rl-5-sm {
		margin-right: 5px;
		margin-left: 5px;
	}
	.mrg-5i-sm {margin: 5px !important;}
	.mrg-t-5i-sm {margin-top: 5px !important;}
	.mrg-b-5i-sm {margin-bottom: 5px !important;}
	.mrg-r-5i-sm {margin-right: 5px !important;}
	.mrg-l-5i-sm {margin-left: 5px !important;}
	.mrg-tb-5i-sm {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.mrg-rl-5i-sm {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}

	.mrg-7-sm {margin: 7px;}
	.mrg-t-7-sm {margin-top: 7px;}
	.mrg-b-7-sm {margin-bottom: 7px;}
	.mrg-r-7-sm {margin-right: 7px;}
	.mrg-l-7-sm {margin-left: 7px;}
	.mrg-tb-7-sm {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.mrg-rl-7-sm {
		margin-right: 7px;
		margin-left: 7px;
	}
	.mrg-7i-sm {margin: 7px !important;}
	.mrg-t-7i-sm {margin-top: 7px !important;}
	.mrg-b-7i-sm {margin-bottom: 7px !important;}
	.mrg-r-7i-sm {margin-right: 7px !important;}
	.mrg-l-7i-sm {margin-left: 7px !important;}
	.mrg-tb-7i-sm {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}
	.mrg-rl-7i-sm {
		margin-right: 7px !important;
		margin-left: 7px !important;
	}

	.mrg-10-sm {margin: 10px;}
	.mrg-t-10-sm {margin-top: 10px;}
	.mrg-b-10-sm {margin-bottom: 10px;}
	.mrg-r-10-sm {margin-right: 10px;}
	.mrg-l-10-sm {margin-left: 10px;}
	.mrg-tb-10-sm {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mrg-rl-10-sm {
		margin-right: 10px;
		margin-left: 10px;
	}
	.mrg-10i-sm {margin: 10px !important;}
	.mrg-t-10i-sm {margin-top: 10px !important;}
	.mrg-b-10i-sm {margin-bottom: 10px !important;}
	.mrg-r-10i-sm {margin-right: 10px !important;}
	.mrg-l-10i-sm {margin-left: 10px !important;}
	.mrg-tb-10i-sm {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.mrg-rl-10i-sm {
		margin-right: 10px !important;
		margin-left: 10px !important;
	}

	.mrg-15-sm {margin: 15px;}
	.mrg-t-15-sm {margin-top: 15px;}
	.mrg-b-15-sm {margin-bottom: 15px;}
	.mrg-r-15-sm {margin-right: 15px;}
	.mrg-l-15-sm {margin-left: 15px;}
	.mrg-tb-15-sm {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mrg-rl-15-sm {
		margin-right: 15px;
		margin-left: 15px;
	}
	.mrg-15i-sm {margin: 15px !important;}
	.mrg-t-15i-sm {margin-top: 15px !important;}
	.mrg-b-15i-sm {margin-bottom: 15px !important;}
	.mrg-r-15i-sm {margin-right: 15px !important;}
	.mrg-l-15i-sm {margin-left: 15px !important;}
	.mrg-tb-15i-sm {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.mrg-rl-15i-sm {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	.mrg-30-sm {margin: 30px;}
	.mrg-t-30-sm {margin-top: 30px;}
	.mrg-b-30-sm {margin-bottom: 30px;}
	.mrg-r-30-sm {margin-right: 30px;}
	.mrg-l-30-sm {margin-left: 30px;}
	.mrg-tb-30-sm {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mrg-rl-30-sm {
		margin-right: 30px;
		margin-left: 30px;
	}
	.mrg-30i-sm {margin: 30px !important;}
	.mrg-t-30i-sm {margin-top: 30px !important;}
	.mrg-b-30i-sm {margin-bottom: 30px !important;}
	.mrg-r-30i-sm {margin-right: 30px !important;}
	.mrg-l-30i-sm {margin-left: 30px !important;}
	.mrg-tb-30i-sm {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.mrg-rl-30i-sm {
		margin-right: 30px !important;
		margin-left: 30px !important;
	}

	.mrg-t-50-sm {margin-top: 50px;}
	.mrg-b-50-sm {margin-bottom: 50px;}
	.mrg-r-50-sm {margin-right: 50px;}
	.mrg-l-50-sm {margin-left: 50px;}
	.mrg-tb-50-sm {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.mrg-rl50-sm {
		margin-right: 50px;
		margin-left: 50px;
	}
	.mrg-50i-sm {margin: 50px !important;}
	.mrg-t-50i-sm {margin-top: 50px !important;}
	.mrg-b-50i-sm {margin-bottom: 50px !important;}
	.mrg-r-50i-sm {margin-right: 50px !important;}
	.mrg-l-50i-sm {margin-left: 50px !important;}
	.mrg-tb-50i-sm {
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
	.mrg-rl-50i-sm {
		margin-right: 50px !important;
		margin-left: 50px !important;
	}

}
@media screen and (max-width: 767px) {
	/*イメージ関連*/
	.object-fit-cover-xs {object-fit: cover;}
	.object-fit-contain-xs {object-fit: contain;}
	.image-4by3-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.image-16by9-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}

	/*比率関連*/
	.ratio-4by3-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.ratio-16by9-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}
	.ratio-1by1_4-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 1 / 1.4;
	}

	/*position関連*/
	.absolute-center-xs {
		position: absolute !important;
		left: 0px !important;
		right: 0px !important;
		top: 0px !important;
		bottom: 0px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.absolute-middle-xs {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	.absolute-top-xs {
		position: absolute !important;
		top: 0px !important;
		bottom: unset !important;
	}
	.absolute-bottom-xs {
		position: absolute !important;
		top: unset !important;
		bottom: 0px !important;
	}
	.absolute-right-top-xs {
		position: absolute !important;
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
		bottom: unset !important;
	}
	.absolute-right-bottom-xs {
		position: absolute !important;
		right: 0px !important;
		bottom: 0px !important;
		top: unset !important;
		left: unset !important;
	}
	.fixed-top-xs,
	.fixed-top-right-xs,
	.fixed-bottom-xs {
		position: fixed !important;
		z-index: 1050;
	}
	.fixed-top-right-xs {
		top: 0px !important;
		right: 0px !important;
		left: unset !important;
	}
	.fixed-bottom-xs {
		bottom: 0px !important;
		top: unset !important;
	}

	/*display関連*/
	.display-block-xs {display: block !important;}
	.display-inline-block-xs {display: inline-block !important;}
	.display-none-xs {display: none !important;}
	.flexbox-xs {
		display: flex;
		flex-wrap: wrap;
	}
	.flexbox-nowrap-xs {
		display: flex;
		flex-wrap: nowrap;
	}
	.flexbox-center-xs {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		align-items:center;
	}
	.flexbox-col-reverse-xs {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.flexbox-row-reverse-xs {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.justify-content-center-xs {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	.justify-content-right-xs {
		display: flex;
		flex-wrap: wrap;
		justify-content:right;
	}
	.justify-content-between-xs {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.align-items-center-xs {
		display: flex;
		flex-wrap: wrap;
		align-items:center;
	}
	.align-items-start-xs {/*親の上*/
		display: flex;
		flex-wrap: wrap;
		align-items:flex-start;
	}
	.align-items-end-xs {
		display: flex;
		flex-wrap: wrap;
		align-items:flex-end;
	}
	.flex-direction-column-xs {flex-direction: column !important;}
	.flex-direction-row-xs {flex-direction: row !important;}
	.flex-wrap-xs {flex-wrap: wrap !important;}
	.flex-nowrap-xs {flex-wrap: nowrap !important;}
	.flex-1-xs {flex: 1;}

	/*表示*/
	.full-bleed-xs {
		position: relative;
		left: calc(-50vw + 50%);
		width: 100vw;
		box-sizing: border-box;
	}

	.clear-both-xs {clear: both;}

	/*テキスト関連*/
	.text-ellipsis-xs {
		width:100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.text-ellipsis-3-xs { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.text-ellipsis-3-xs > p {display:inline;}
	.text-ellipsis-5-xs { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}
	.text-ellipsis-5-xs > p {display:inline;}
	.text-ellipsis-10-xs
	.text-ellipsis-10-xs > p { /*表示行数*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 10;
		overflow: hidden;
	}
	.text-ellipsis-10-xs > p {display:inline;}
	.text-vertical-xs
	.text-vertical-xs > p {/*縦書き*/
		writing-mode: vertical-rl;
		text-orientation: upright;
	}

	/*イメージ関連*/
	.object-fit-cover-xs {object-fit: cover;}
	.object-fit-contain-xs {object-fit: contain;}
	.image-4by3-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.image-16by9-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}

	/*比率関連*/
	.ratio-4by3-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 4 / 3;
	}
	.ratio-16by9-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 16 / 9;
	}
	.ratio-1by1_4-xs {
		width:100%;
		object-fit:cover;
		aspect-ratio: 1 / 1.4;
	}

	/*余白関連*/
	.pad-0-xs {padding: 0px;}
	.pad-t-0-xs {padding-top: 0px;}
	.pad-b-0-xs {padding-bottom: 0px;}
	.pad-r-0-xs {padding-right: 0px;}
	.pad-l-0-xs {padding-left: 0px;}
	.pad-tb-0-xs {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.pad-rl-0-xs {
		padding-right: 0px;
		padding-left: 0px;
	}
	.pad-0i-xs {padding: 0px !important;}
	.pad-t-0i-xs {padding-top: 0px !important;}
	.pad-b-0i-xs {padding-bottom: 0px !important;}
	.pad-r-0i-xs {padding-right: 0px !important;}
	.pad-l-0i-xs {padding-left: 0px !important;}
	.pad-tb-0i-xs {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.pad-rl-0i-xs {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	.pad-5-xs {padding: 5px;}
	.pad-t-5-xs {padding-top: 5px;}
	.pad-b-5-xs {padding-bottom: 5px;}
	.pad-tb-5-xs {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pad-rl-5-xs {
		padding-right: 5px;
		padding-left: 5px;
	}
	.pad-5i-xs {padding: 5px !important;}
	.pad-t-5i-xs {padding-top: 5px !important;}
	.pad-b-5i-xs {padding-bottom: 5px !important;}
	.pad-r-5i-xs {padding-right: 5px !important;}
	.pad-l-5i-xs {padding-left: 5px !important;}
	.pad-tb-5i-xs {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.pad-rl-5i-xs {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.pad-7-xs {padding: 7px;}
	.pad-t-7-xs {padding-top: 7px;}
	.pad-b-7-xs {padding-bottom: 7px;}
	.pad-r-7-xs {padding-right: 7px;}
	.pad-l-7-xs {padding-left: 7px;}
	.pad-tb-7-xs {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.pad-rl-7-xs {
		padding-right: 7px;
		padding-left: 7px;
	}
	.pad-7i-xs {padding: 7px !important;}
	.pad-t-7i-xs {padding-top: 7px !important;}
	.pad-b-7i-xs {padding-bottom: 7px !important;}
	.pad-r-7i-xs {padding-right: 7px !important;}
	.pad-l-7i-xs {padding-left: 7px !important;}
	.pad-tb-7i-xs {
		padding-top: 7px !important;
		padding-bottom: 7px !important;
	}
	.pad-rl-7i-xs {
		padding-right: 7px !important;
		padding-left: 7px !important;
	}

	.pad-10-xs {padding: 10px;}
	.pad-t-10-xs {padding-top: 10px;}
	.pad-b-10-xs {padding-bottom: 10px;}
	.pad-tb-10-xs {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pad-rl10-xs {
		padding-right: 10px;
		padding-left: 10px;
	}
	.pad-10i-xs {padding: 10px !important;}
	.pad-t-10i-xs {padding-top: 10px !important;}
	.pad-b-10i-xs {padding-bottom: 10px !important;}
	.pad-r-10i-xs {padding-right: 10px !important;}
	.pad-l-10i-xs {padding-left: 10px !important;}
	.pad-tb-10i-xs {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.pad-rl-10i-xs {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.pad-15-xs {padding: 15px;}
	.pad-t-15-xs {padding-top: 15px;}
	.pad-b-15-xs {padding-bottom: 15px;}
	.pad-r-15-xs {padding-right: 15px;}
	.pad-l-15-xs {padding-left: 15px;}
	.pad-tb-15-xs {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pad-rl-15-xs {
		padding-right: 15px;
		padding-left: 15px;
	}
	.pad-15i-xs {padding: 15px !important;}
	.pad-t-15i-xs {padding-top: 15px !important;}
	.pad-b-15i-xs {padding-bottom: 15px !important;}
	.pad-r-15i-xs {padding-right: 15px !important;}
	.pad-l-15i-xs {padding-left: 15px !important;}
	.pad-tb-15i-xs {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	.pad-rl-15i-xs {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.pad-30-xs {padding: 30px;}
	.pad-t-30-xs {padding-top: 30px;}
	.pad-b-30-xs {padding-bottom: 30px;}
	.pad-tb-30-xs {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pad-rl-30-xs {
		padding-right: 30px;
		padding-left: 30px;
	}
	.pad-30i-xs {padding: 30px !important;}
	.pad-t-30i-xs {padding-top: 30px !important;}
	.pad-b-30i-xs {padding-bottom: 30px !important;}
	.pad-r-30i-xs {padding-right: 30px !important;}
	.pad-l-30i-xs {padding-left: 30px !important;}
	.pad-tb-30i-xs {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.pad-rl-30i-xs {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	.pad-50-xs {padding: 50px;}
	.pad-t-50-xs {padding-top: 50px;}
	.pad-b-50-xs {padding-bottom: 50px;}
	.pad-tb-50-xs {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pad-rl-50-xs {
		padding-right: 50px;
		padding-left: 50px;
	}
	.pad-50i-xs {padding: 50px !important;}
	.pad-t-50i-xs {padding-top: 50px !important;}
	.pad-b-50i-xs {padding-bottom: 50px !important;}
	.pad-r-50i-xs {padding-right: 50px !important;}
	.pad-l-50i-xs {padding-left: 50px !important;}
	.pad-tb-50i-xs {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.pad-rl-50i-xs {
		padding-right: 50px !important;
		padding-left: 50px !important;
	}

	.mrg-auto-xs {margin: auto;}
	.mrg-r-auto-xs {margin-right: auto;}
	.mrg-l-auto-xs {margin-left: auto;}
	.mrg-tb-auto-xs {
		margin-top: auto;
		margin-bottom: auto;
	}
	.mrg-rl-auto-xs {
		margin-right: auto;
		margin-left: auto;
	}
	.mrg-tb-auto-xs {
		margin-top: auto;
		margin-bottom: auto;
	}
	.mrg-rl-auto-xs {
		margin-right: auto;
		margin-left: auto;
	}
	.mrg-0-xs {margin: 0px;}
	.mrg-t-0-xs {margin-top: 0px;}
	.mrg-b-0-xs {margin-bottom: 0px;}
	.mrg-r-0-xs {margin-right: 0px;}
	.mrg-l-0-xs {margin-left: 0px;}
	.mrg-tb-0-xs {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.mrg-rl-0-xs {
		margin-right: 0px;
		margin-left: 0px;
	}
	.mrg-0i-xs {margin: 0px !important;}
	.mrg-t-0i-xs {margin-top: 0px !important;}
	.mrg-b-0i-xs {margin-bottom: 0px !important;}
	.mrg-r-0i-xs {margin-right: 0px !important;}
	.mrg-l-0i-xs {margin-left: 0px !important;}
	.mrg-tb-0i-xs {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.mrg-rl-0i-xs {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.mrg-5-xs {margin: 5px;}
	.mrg-t-5-xs {margin-top: 5px;}
	.mrg-b-5-xs {margin-bottom: 5px;}
	.mrg-r-5-xs {margin-right: 5px;}
	.mrg-l-5-xs {margin-left: 5px;}
	.mrg-tb-5-xs {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.mrg-rl-5-xs {
		margin-right: 5px;
		margin-left: 5px;
	}
	.mrg-5i-xs {margin: 5px !important;}
	.mrg-t-5i-xs {margin-top: 5px !important;}
	.mrg-b-5i-xs {margin-bottom: 5px !important;}
	.mrg-r-5i-xs {margin-right: 5px !important;}
	.mrg-l-5i-xs {margin-left: 5px !important;}
	.mrg-tb-5i-xs {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.mrg-rl-5i-xs {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}

	.mrg-7-xs {margin: 7px;}
	.mrg-t-7-xs {margin-top: 7px;}
	.mrg-b-7-xs {margin-bottom: 7px;}
	.mrg-r-7-xs {margin-right: 7px;}
	.mrg-l-7-xs {margin-left: 7px;}
	.mrg-tb-7-xs {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	.mrg-rl-7-xs {
		margin-right: 7px;
		margin-left: 7px;
	}
	.mrg-7i-xs {margin: 7px !important;}
	.mrg-t-7i-xs {margin-top: 7px !important;}
	.mrg-b-7i-xs {margin-bottom: 7px !important;}
	.mrg-r-7i-xs {margin-right: 7px !important;}
	.mrg-l-7i-xs {margin-left: 7px !important;}
	.mrg-tb-7i-xs {
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}
	.mrg-rl-7i-xs {
		margin-right: 7px !important;
		margin-left: 7px !important;
	}

	.mrg-10-xs {margin: 10px;}
	.mrg-t-10-xs {margin-top: 10px;}
	.mrg-b-10-xs {margin-bottom: 10px;}
	.mrg-r-10-xs {margin-right: 10px;}
	.mrg-l-10-xs {margin-left: 10px;}
	.mrg-tb-10-xs {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.mrg-rl-10-xs {
		margin-right: 10px;
		margin-left: 10px;
	}
	.mrg-10i-xs {margin: 10px !important;}
	.mrg-t-10i-xs {margin-top: 10px !important;}
	.mrg-b-10i-xs {margin-bottom: 10px !important;}
	.mrg-r-10i-xs {margin-right: 10px !important;}
	.mrg-l-10i-xs {margin-left: 10px !important;}
	.mrg-tb-10i-xs {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	.mrg-rl-10i-xs {
		margin-right: 10px !important;
		margin-left: 10px !important;
	}

	.mrg-15-xs {margin: 15px;}
	.mrg-t-15-xs {margin-top: 15px;}
	.mrg-b-15-xs {margin-bottom: 15px;}
	.mrg-r-15-xs {margin-right: 15px;}
	.mrg-l-15-xs {margin-left: 15px;}
	.mrg-tb-15-xs {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mrg-rl-15-xs {
		margin-right: 15px;
		margin-left: 15px;
	}
	.mrg-15i-xs {margin: 15px !important;}
	.mrg-t-15i-xs {margin-top: 15px !important;}
	.mrg-b-15i-xs {margin-bottom: 15px !important;}
	.mrg-r-15i-xs {margin-right: 15px !important;}
	.mrg-l-15i-xs {margin-left: 15px !important;}
	.mrg-tb-15i-xs {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.mrg-rl-15i-xs {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	.mrg-30-xs {margin: 30px;}
	.mrg-t-30-xs {margin-top: 30px;}
	.mrg-b-30-xs {margin-bottom: 30px;}
	.mrg-r-30-xs {margin-right: 30px;}
	.mrg-l-30-xs {margin-left: 30px;}
	.mrg-tb-30-xs {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.mrg-rl-30-xs {
		margin-right: 30px;
		margin-left: 30px;
	}
	.mrg-30i-xs {margin: 30px !important;}
	.mrg-t-30i-xs {margin-top: 30px !important;}
	.mrg-b-30i-xs {margin-bottom: 30px !important;}
	.mrg-r-30i-xs {margin-right: 30px !important;}
	.mrg-l-30i-xs {margin-left: 30px !important;}
	.mrg-tb-30i-xs {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.mrg-rl-30i-xs {
		margin-right: 30px !important;
		margin-left: 30px !important;
	}
	.mrg-t-50-xs {margin-top: 50px;}
	.mrg-b-50-xs {margin-bottom: 50px;}
	.mrg-r-50-xs {margin-right: 50px;}
	.mrg-l-50-xs {margin-left: 50px;}
	.mrg-tb-50-xs {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.mrg-rl50-xs {
		margin-right: 50px;
		margin-left: 50px;
	}
	.mrg-50i-xs {margin: 50px !important;}
	.mrg-t-50i-xs {margin-top: 50px !important;}
	.mrg-b-50i-xs {margin-bottom: 50px !important;}
	.mrg-r-50i-xs {margin-right: 50px !important;}
	.mrg-l-50i-xs {margin-left: 50px !important;}
	.mrg-tb-50i-xs {
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
	.mrg-rl-50i-xs {
		margin-right: 50px !important;
		margin-left: 50px !important;
	}
}