@charset "UTF-8";
.info_title {
	max-width: none;
	font-size: 1.4rem;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	#contents {
		min-width: 1240px;
	}
}

#contents .headSection .purchase a:hover img {
	visibility: visible;
}
#contents .headSection .ttl h1 {
	font-size: 2.2rem;
	font-weight: bold;
	padding: 0;
	background: none;
}
#contents .headSection .ttl a {
	color: #000 !important;
}
#contents .headSection .ttl p {
	font-size: 2.2rem;
	font-weight: bold;
	padding: 0;
	margin-bottom: 0;
}
#contents .headSection .ttl p.productsLogo {
	padding: 0;
	margin: 0;
}
@media screen and (min-width: 768px) {
	#contents .headSection .innerBlock {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 1240px;
		padding: 0 15px;
	}
	#contents .headSection .ttl {
		float: none;
		width: auto;
		display: flex;
		align-items: center;
	}
	#contents .headSection .ttl p.productsLogo {
		margin: 0;
		margin-right: 12px;
	}
	#contents .headSection .aside {
		padding-top: 0;
	}
	#contents .headSection .aside .guide {
		display: flex;
		justify-content: flex-end;
	}
	#contents .headSection .aside .guide ul {
		display: flex;
	}
}
@media screen and (max-width: 767px) {
	#contents .headSection {
		margin: 3.4% auto 3.4%;
	}
	#contents .headSection .leftArea {
		float: none;
		width: auto;
	}
	#contents .headSection .innerBlock {
		width: auto;
	}
	#contents .headSection .aside {
		float: none;
		width: auto;
		padding-top: 18px;
		text-align: center;
	}
	#contents .headSection .aside .guide {
		float: none;
		width: auto;
		padding: 0;
		margin: 5.3% auto 0;
		float: none;
		width: auto;
	}
	#contents .headSection .aside .guide ul {
		text-align: center;
		display: flex;
		justify-content: center;
	}
	#contents .headSection .aside .guide li {
		display: inline-block;
		vertical-align: bottom;
		padding: 0 4px;
		letter-spacing: 0;
		width: 40%;
	}
	#contents .headSection .aside .guide li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#contents .headSection .aside .guide li a img {
		width: 100%;
		height: auto;
	}
	#contents .headSection .ttl {
		float: none;
		display: block;
		width: 93.3vw;
		margin: 0 auto;
		font-weight: bold;
	}
	#contents .headSection .ttl p {
		width: 100%;
		text-align: center;
	}
	#contents .headSection .ttl h1 {
		width: 100%;
		font-family: sans-serif;
		margin-top: 0;
		padding: 0;
		text-align: center;
		background: none !important;
	}
}

#visual_area {
	position: relative;
	width: 100%;
	z-index: 0;
}

/*--------------------------------------------------*/
/*mv_area*/
/*--------------------------------------------------*/
.mv_area {
	position: relative;
}
.mv_area * {
	box-sizing: border-box;
}
.mv_area img {
	max-width: 100%;
}
.mv_area__contain {
	position: relative;
	max-width: 1480px;
	margin-right: auto;
	margin-left: auto;
}
.mv_area__scroll {
	position: absolute;
	left: 50%;
	bottom: -64px;
	transform: translateX(-50%);
	width: 23px;
	z-index: 5;
}
.mv_area__bar {
	position: absolute;
	left: 50%;
	bottom: -64px;
	display: flex;
	justify-content: space-between;
	width: 22px;
	height: 132px;
	transform: translateX(-50%);
	z-index: 5;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.mv_area__bar {
		height: 48px;
		width: 20px;
		bottom: auto;
		top: calc(100% + 88px);
	}
}
@media screen and (max-width: 767px) {
	.mv_area__bar-text {
		width: 7px;
	}
}
.mv_area__bar-obj {
	width: 2px;
	height: 132px;
	background: #000;
	animation: swipeElem 2.5s ease-out 0s 2;
}
@media screen and (max-width: 767px) {
	.mv_area__bar-obj {
		height: 48px;
	}
}
.mv_area__tail {
	position: absolute;
	top: calc(100% + 28px);
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1240px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	text-align: right;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.mv_area__tail {
		top: calc(100% + 80px);
		font-size: 9px;
		padding-left: 4px;
		padding-right: 4px;
	}
	.mv_area__text {
		display: inline-block;
		text-align: center;
	}
}
.mv_area__copy {
	position: absolute;
	bottom: 0;
	left: 4.3%;
	font-size: 4.4rem;
	font-weight: normal;
	margin-bottom: 0;
	display: block;
}
@media screen and (max-width: 767px) {
	.mv_area__copy {
		font-size: 3.1rem;
		margin-bottom: 0;
		top: auto;
		left: 20px;
		max-width: calc(100% - (20px * 2));
		bottom: -72px;
	}
}
@media screen and (max-width: 481px) {
	.mv_area__copy {
		font-size: 8vw;
	}
}
.mv_area__copy span {
	display: inline-block;
	background: #000;
	margin-top: 8px;
	padding: 0 24px;
	letter-spacing: 0.15em;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.mv_area__copy span {
		margin-top: 6px;
		padding: 0 16px;
	}
}

@keyframes swipeElem {
	0% {
		transform: translateY(0%);
	}
	59% {
		transform: translateY(100%);
		visibility: hidden;
	}
	59.1% {
		transform: translateY(-100%);
		visibility: hidden;
	}
	62% {
		visibility: visible;
	}
	80% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(0%);
	}
}
/*--------------------------------------------------*/
/*page_navi_area*/
/*--------------------------------------------------*/
#page_navi_area {
	background-color: #fff;
	height: 70px;
	width: 100%;
	min-width: 980px;
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	position: sticky;
	top: 0;
	z-index: 5;
	/* btnBuy */
	/*
	.btnBuy {
		width: 120px;
		padding: 10px 0;
		background-color: #006cff;
		text-align: center;
		border-radius: 20px
	}

	@media screen and (max-width: 767px) {
		.btnBuy {
			margin:0 0 0 1.7333333333vw;
			padding: .8vw 0;
			width: 15.7333333333vw;
			border-radius: 2.2666666667vw
		}
	}

	.btnBuy a {
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		text-decoration: none
	}

	@media screen and (min-width: 768px) {
		.btnBuy a {
			-webkit-transition:opacity .3s linear;
			transition: opacity .3s linear
		}
		.btnBuy a:hover {
			opacity: .6
		}
	}

	@media screen and (max-width: 767px) {
		.btnBuy a {
			font-size:2.6666666667vw;
			line-height: 1
		}
	}
	*/
}
@media screen and (max-width: 767px) {
	#page_navi_area {
		justify-content: space-between;
		height: 8.5333333333vw;
		min-width: auto;
	}
}
#page_navi_area img {
	width: 100%;
	height: auto;
}
#page_navi_area.fixed {
	position: fixed;
	z-index: 10;
}
#page_navi_area h2.title {
	width: 182px;
	line-height: 1;
	margin: 0 35px 0 0;
}
@media screen and (max-width: 767px) {
	#page_navi_area h2.title {
		width: 30.6666666667vw;
		margin: 0 8vw 0 2.6666666667vw;
	}
}
#page_navi_area h2.title img {
	vertical-align: top;
}
#page_navi_area #sp_menu_btn {
	/* width: 16vw */
	width: auto;
	order: 1;
}
@media screen and (min-width: 768px) {
	#page_navi_area #sp_menu_btn {
		display: none;
	}
}
#page_navi_area #sp_menu_btn span.ico {
	display: block;
	margin: 0 9px;
	width: 23px; /*6vw*/
	transition: transform 0.3s linear;
}
#page_navi_area #sp_menu_btn span.ico img {
	vertical-align: top;
}
#page_navi_area #sp_menu_btn.open span.ico {
	/* -webkit-transform: rotate(180deg);
	transform: rotate(180deg) */
}
#page_navi_area #sp_menu_btn.open span.ico img {
	background: url(/s/common/images/btn_gnav_sp_01.png) 50% 50% no-repeat;
	object-position: -99999px 99999px;
}
#page_navi_area .div_menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	order: 3;
}
@media screen and (min-width: 768px) {
	#page_navi_area ul#page_navi {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	#page_navi_area ul#page_navi li {
		margin: 0 35px 0 0;
	}
}
@media screen and (max-width: 767px) {
	#page_navi_area ul#page_navi {
		display: none;
		position: absolute;
		top: 8.5333333333vw;
		box-sizing: border-box;
		padding: 2.6666666667vw 4vw 6.5333333333vw;
		width: 100%;
		height: 0;
		/* background-color: #202020; */
		background-color: #fff;
		transition: height 0.2s linear;
	}
	#page_navi_area ul#page_navi.on {
		display: block;
		z-index: 10;
	}
	#page_navi_area ul#page_navi li {
		width: 100%;
		height: 10.2666666667vw;
		border-bottom: 1px solid #202020;
		opacity: 0;
		transition: opacity 0.2s linear;
	}
	#page_navi_area ul#page_navi.open {
		height: 52.8vw;
	}
	#page_navi_area ul#page_navi.open li {
		transition: opacity 0.2s linear 0.2s;
		opacity: 1;
	}
}
#page_navi_area ul#page_navi a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1.65rem;
	color: #000;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	#page_navi_area ul#page_navi a {
		transition: opacity 0.3s linear;
	}
	#page_navi_area ul#page_navi a:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 767px) {
	#page_navi_area ul#page_navi a {
		font-size: 3.3333333333vw;
		display: flex;
		align-items: center;
	}
}
@media screen and (max-width: 767px) {
	#page_navi_area .btnBuy {
		margin: 0 0 0 10vw;
	}
}

.detailSection {
	font-size: 1.4rem;
}

#contents .detailSection {
	max-width: 100%;
	/* ------ detailSection .support ------ */
}
#contents .detailSection .information {
	border-top: 1px solid #c3c3c3;
	padding: 120px 0 60px 0;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information {
		padding: 6.6666666667vw 0 5.3333333333vw 0;
	}
}
#contents .detailSection .information .inner {
	position: relative;
}
#contents .detailSection .information h3 {
	font-size: 5rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: -apple-system, "Open Sans", Sans-Serif;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	#contents .detailSection .information h3 {
		font-size: 9.3333333333vw;
		text-align: center;
		padding: 0 0 5.3333333333vw 0;
	}
}
#contents .detailSection .information h3 span {
	font-size: 1.6rem;
	letter-spacing: 0;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information h3 span {
		font-size: 3.2vw;
		display: block;
	}
}
#contents .detailSection .information .btnMore {
	position: absolute;
	top: 25px;
	right: 0;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .btnMore {
		position: relative;
		top: 0;
		text-align: right;
		font-size: 2.6666666667vw;
	}
}
#contents .detailSection .information .btnMore img {
	vertical-align: sub;
	margin: 0 4px 0 0;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .btnMore img {
		vertical-align: middle;
		margin: 0 0.5333333333vw 0 0;
		width: 2.6666666667vw;
		height: auto;
	}
}
#contents .detailSection .information .btnMore a {
	font-size: 1.4rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .btnMore a {
		font-size: 1.8666666667vw;
	}
}
#contents .detailSection .information .infoList {
	margin: 50px 0 0 0;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .infoList {
		margin: 6.6666666667vw 0 0 0;
	}
}
#contents .detailSection .information .infoList ul {
	padding: 0;
}
#contents .detailSection .information .infoList ul li {
	margin: 0 0 16px 0;
}
@media screen and (min-width: 768px) {
	#contents .detailSection .information .infoList ul li {
		display: flex;
	}
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .infoList ul li {
		margin: 0 0 5.3333333333vw 0;
	}
}
#contents .detailSection .information .infoList ul li > * {
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .infoList ul li > * {
		font-size: 2.9333333333vw;
	}
}
#contents .detailSection .information .infoList ul li .date {
	color: #000;
}
@media screen and (min-width: 768px) {
	#contents .detailSection .information .infoList ul li .date {
		width: 12%;
		font-size: 1.3rem;
		display: inline-block;
	}
}
#contents .detailSection .information .infoList ul li p {
	width: 88%;
	line-height: 1.2em;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .information .infoList ul li p {
		width: 100%;
		margin: 2vw 0 0;
		line-height: 1.4em;
	}
}
#contents .detailSection .support {
	padding: 60px 0 69px 0;
	border-bottom: none;
	border-top: 2px solid #c3c3c3;
	background: #fff;
}
#contents .detailSection .support h3 {
	font-size: 5rem;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: -apple-system, "Open Sans", Sans-Serif;
}
#contents .detailSection .support h3 span {
	font-size: 1.6rem;
	letter-spacing: 0;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents .detailSection .support .menuList {
	margin: 40px auto 0;
}
#contents .detailSection .support .menuList ul li {
	width: 13%;
	font-size: 1.3rem;
	font-weight: normal;
}
#contents .detailSection .support .menuList ul li.line2 {
	padding: 13px 0 0 0;
	height: 60px;
	line-height: 1.4em;
}
#contents .detailSection .support .menuList ul li + li {
	margin: 0 0 0 1.4%;
}
#contents .detailSection .support .menuList ul li.other {
	position: relative;
	background-image: url(/products/homeprojector/common/images/menu_other_ico.png);
	background-repeat: no-repeat;
	background-position: 96% 9%;
}
#contents .detailSection .support .sub {
	margin: 75px auto 0;
}
#contents .detailSection .support .sub h3 {
	font-size: 3rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#contents .detailSection .support {
		padding: 10% 0 10% 0;
		border-bottom: none;
		border-top: 2px solid #c3c3c3;
		background: #fff;
	}
	#contents .detailSection .support .inner {
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}
	#contents .detailSection .support h3 {
		font-size: 6rem;
		font-size: 8vw;
		font-weight: bold;
		text-align: center;
		font-family: -apple-system, "Open Sans", Sans-Serif;
	}
	#contents .detailSection .support h3 span {
		font-size: 2.4rem;
		font-size: 3.2vw;
		font-weight: bold;
		text-align: center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#contents .detailSection .support .sub h3 {
		font-size: 5rem;
		font-size: 6.7vw;
	}
	#contents .detailSection .support .sub h3 span {
		font-size: 2rem;
		font-size: 2.7vw;
		font-family: -apple-system, "Open Sans", Sans-Serif;
	}
	#contents .detailSection .support .menuList {
		margin: 5.3% auto 0;
		width: 91%;
	}
	#contents .detailSection .support .menuList ul {
		text-align: left;
	}
	#contents .detailSection .support .menuList ul li {
		vertical-align: top;
		display: inline-block;
		position: relative;
		width: 22%;
		font-size: 1.5rem;
		font-size: 2vw;
		font-weight: normal;
		text-align: center;
		padding: 0;
		margin: 0 1.2% 2.4%;
		background: #e7e7e7;
	}
	#contents .detailSection .support .menuList ul li + li {
		margin: 0 1.2% 2.4%;
	}
	#contents .detailSection .support .menuList ul li.line2 {
		padding: 4.6% 0;
		line-height: 1.4em;
	}
	#contents .detailSection .support .menuList ul li.other {
		position: relative;
		background-image: url(/products/homeprojector/common/images/menu_other_ico.png);
		background-repeat: no-repeat;
		background-size: 10%;
		background-position: 96% 9%;
	}
	#contents .detailSection .support .menuList ul li a {
		display: flex;
		line-height: 1.5;
		align-items: center;
		justify-content: center;
		width: 100%;
		color: #000 !important;
	}
	#contents .detailSection .support .sub {
		margin: 8.8% 0 0;
	}
	#contents .detailSection .support .snsList ul {
		text-align: center;
		margin: 4.8% auto 0;
	}
	#contents .detailSection .support .snsList ul li {
		vertical-align: top;
		display: inline-block;
		position: relative;
		margin: 0 15px;
	}
	#contents .detailSection .support .snsList ul li a img {
		height: auto;
	}
}
#contents .detailSection .menuList {
	margin: 63px auto 0;
}
#contents .detailSection .menuList ul li {
	vertical-align: top;
	display: inline-block;
	position: relative;
}
#contents .detailSection .menuList ul li + li {
	margin: 0 0 0 1.2%;
}
#contents .detailSection .menuList ul li {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #e7e7e7;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
#contents .detailSection .menuList ul li.menu01 {
	width: 28.8%;
}
#contents .detailSection .menuList ul li.menu02 {
	width: 20.9%;
}
#contents .detailSection .menuList ul li.menu03 {
	width: 21.6%;
}
#contents .detailSection .menuList ul li.menu04 {
	width: 25%;
}
#contents .detailSection .menuList ul li:hover {
	opacity: 0.6;
	transition: opacity 0.3s linear;
}
#contents .detailSection .menuList ul li img {
	vertical-align: middle;
	margin: 0 8px 0 0;
}
#contents .detailSection .menuList ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000 !important;
	text-decoration: none !important;
}
#contents .detailSection .menuList ul li a:hover {
	color: #000 !important;
	text-decoration: none !important;
}
#contents .detailSection .snsList {
	margin: 25px auto 0;
}
#contents .detailSection .snsList ul {
	text-align: center;
}
#contents .detailSection .snsList ul li {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin: 0 15px;
}
#contents .detailSection .snsList ul li:hover img {
	opacity: 0.6;
	transition: opacity 0.3s linear;
}

body, select, input, textarea {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

p {
	line-height: 1.75;
}

#contents {
	font-size: 1.5rem;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	#contents {
		font-size: 1.3rem;
	}
}

.c-inner {
	max-width: 1070px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
}
@media screen and (max-width: 767px) {
	.c-inner {
		padding: 0 20px;
		max-width: 380px;
	}
}
@media screen and (max-width: 767px) {
	.c-inner__spwide {
		margin-left: -20px;
		margin-right: -20px;
	}
}
.c-inner--lg {
	padding-left: 0;
	padding-right: 0;
}
@media screen and (min-width: 768px) {
	.c-inner--lg {
		max-width: 1300px;
	}
}
@media screen and (min-width: 768px) {
	.c-inner--sp {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.c-inner--spfit {
		padding-left: 0;
		padding-right: 0;
	}
}

.c-slider {
	position: relative;
}
.c-slider__prev, .c-slider__next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	transform: translateY(-50%);
}
.c-slider__prev {
	right: calc(100% + 12px);
	background: url(../images/parts_arrow-slider-left.svg) no-repeat center/16px;
}
.c-slider__next {
	left: calc(100% + 12px);
	background: url(../images/parts_arrow-slider-right.svg) no-repeat center/16px;
}

html:not(:target) .c-sup {
	font-size: 50%;
	vertical-align: super;
	top: -0.1em;
}

.c-youtube {
	width: 100%;
	position: relative;
	margin: 0;
	padding-bottom: 56.25%;
	padding-top: 0;
	overflow: hidden;
}
.c-youtube iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	margin: 0;
}

.c-modal {
	position: relative;
	background: #fff;
	width: 980px;
	max-width: 100%;
}
.c-modal__cts {
	padding: 90px;
}
@media screen and (max-width: 767px) {
	.c-modal__cts {
		padding: 56px 32px;
	}
}
.c-modal__close {
	position: absolute;
	display: block;
	width: 48px;
	height: 48px;
	right: 20px;
	top: 20px;
	background: url(../images/icon_close.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
	.c-modal__close {
		top: 12px;
		right: 12px;
	}
}

.c-bnr {
	max-width: 842px;
	margin: 120px auto 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.c-bnr {
		margin-top: 80px;
	}
}
.c-bnr a {
	transition: 0.2s;
}
.c-bnr a:hover {
	opacity: 0.8;
}
.c-bnr img {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.c-card-sm {
	position: relative;
	display: flex;
	min-height: 108px;
	flex-direction: column;
	justify-content: center;
	font-size: 1.7rem;
	font-weight: bold;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	padding: 12px 48px 12px 16px;
	transition: 0.2s;
}
@media screen and (max-width: 767px) {
	.c-card-sm {
		min-height: 72px;
		font-size: 1.5rem;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
	}
}
.c-card-sm__img {
	margin-top: 8px;
}
.c-card-sm:hover {
	opacity: 0.7;
}
.c-card-sm:before {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	width: 28px;
	height: 28px;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/parts_arrow-sq.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
	.c-card-sm:before {
		width: 24px;
		height: 24px;
	}
}
.c-card-sm--icon {
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.c-card-sm--icon .c-card-sm__icon {
	width: 48px;
	margin-right: 16px;
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.c-card-sm--icon .c-card-sm__icon {
		width: 36px;
	}
}
.c-card-sm--blank:before {
	content: none;
}
.c-card-sm--blank .c-card-sm__blankicon {
	position: absolute;
	top: 12px;
	right: 16px;
	line-height: 1;
}

.c-card-cmn {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
	.c-card-cmn {
		box-shadow: none;
	}
}
.c-card-cmn__img {
	position: relative;
	padding-top: 64%;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.c-card-cmn__img {
		width: 104px;
		padding-top: 104px;
		margin-bottom: -80px;
		margin-left: 20px;
		z-index: 1;
	}
}
.c-card-cmn__img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.2s;
}
.c-card-cmn:hover .c-card-cmn__img img {
	transform: translate(-50%, -50%) scale(1.1);
}
.c-card-cmn__body {
	position: relative;
	background: #fff;
	padding: 20px 20px 48px;
	flex-grow: 2;
}
@media screen and (max-width: 767px) {
	.c-card-cmn__body {
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
		padding: 20px;
		padding-right: 4px;
	}
}
.c-card-cmn__body:before {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	width: 28px;
	height: 28px;
	right: 10px;
	bottom: 10px;
	background: url(../images/parts_arrow-sq.svg) no-repeat center/contain;
}
@media screen and (max-width: 767px) {
	.c-card-cmn__body:before {
		right: 12px;
		bottom: 12px;
		width: 24px;
		height: 24px;
	}
}
.c-card-cmn__ttl {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
	.c-card-cmn__ttl {
		font-size: 1.5rem;
		min-height: 60px;
		margin-bottom: 20px;
		padding-left: 120px;
	}
}
@media screen and (max-width: 767px) {
	.c-card-cmn__text {
		padding-right: 40px;
	}
}

.c-card-modal {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.c-card-modal__img {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
.c-card-modal__img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.2s;
}
.c-card-modal__img:before {
	content: "";
	display: block;
	position: absolute;
	pointer-events: none;
	transition: 0.2s;
	background: url(../images/icon_zoom.svg) no-repeat center/30px;
	z-index: 1;
}
@media screen and (min-width: 768px) {
	.c-card-modal__img:before {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-backdrop-filter: blur(8px) brightness(0.9);
		        backdrop-filter: blur(8px) brightness(0.9);
		opacity: 0;
	}
}
@media screen and (max-width: 767px) {
	.c-card-modal__img:before {
		width: 40px;
		height: 40px;
		right: 16px;
		bottom: 16px;
		background: #000 url(../images/icon_zoom.svg) no-repeat center/24px;
	}
}
.c-card-modal:hover .c-card-modal__img:before {
	opacity: 1;
}

.c-row {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}
@media screen and (max-width: 767px) {
	.c-row {
		margin: -6px;
	}
}
.c-row > .c-row__item {
	padding: 10px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item {
		padding: 6px;
	}
}
.c-row > .c-row__item--1 {
	width: 8.3333333333%;
}
.c-row > .c-row__item--2 {
	width: 16.6666666667%;
}
.c-row > .c-row__item--3 {
	width: 25%;
}
.c-row > .c-row__item--4 {
	width: 33.3333333333%;
}
.c-row > .c-row__item--5 {
	width: 41.6666666667%;
}
.c-row > .c-row__item--6 {
	width: 50%;
}
.c-row > .c-row__item--7 {
	width: 58.3333333333%;
}
.c-row > .c-row__item--8 {
	width: 66.6666666667%;
}
.c-row > .c-row__item--9 {
	width: 75%;
}
.c-row > .c-row__item--10 {
	width: 83.3333333333%;
}
.c-row > .c-row__item--11 {
	width: 91.6666666667%;
}
.c-row > .c-row__item--12 {
	width: 100%;
}
.c-row > .c-row__item--5th {
	width: 20%;
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--1-pc {
		width: 8.3333333333%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--2-pc {
		width: 16.6666666667%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--3-pc {
		width: 25%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--4-pc {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--5-pc {
		width: 41.6666666667%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--6-pc {
		width: 50%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--7-pc {
		width: 58.3333333333%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--8-pc {
		width: 66.6666666667%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--9-pc {
		width: 75%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--10-pc {
		width: 83.3333333333%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--11-pc {
		width: 91.6666666667%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--12-pc {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.c-row > .c-row__item--5th-pc {
		width: 20%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--1-sp {
		width: 8.3333333333%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--2-sp {
		width: 16.6666666667%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--3-sp {
		width: 25%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--4-sp {
		width: 33.3333333333%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--5-sp {
		width: 41.6666666667%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--6-sp {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--7-sp {
		width: 58.3333333333%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--8-sp {
		width: 66.6666666667%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--9-sp {
		width: 75%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--10-sp {
		width: 83.3333333333%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--11-sp {
		width: 91.6666666667%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--12-sp {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.c-row > .c-row__item--5th-sp {
		width: 20%;
	}
}
@media screen and (min-width: 768px) {
	.c-row--wide {
		margin: -20px;
	}
	.c-row--wide > .c-row__item {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
	.c-row--wide {
		margin: -10px;
	}
	.c-row--wide > .c-row__item {
		padding: 10px;
	}
}
@media screen and (min-width: 768px) {
	.c-row--wide-pc {
		margin: -20px;
	}
}
@media screen and (min-width: 768px) {
	.c-row--wide-pc > .c-row__item {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
	.c-row--wide-sp {
		margin: -10px;
	}
}
@media screen and (max-width: 767px) {
	.c-row--wide-sp > .c-row__item {
		padding: 10px;
	}
}
.c-row--jcc {
	justify-content: center;
}
.c-row--jcsb {
	justify-content: space-between;
}
.c-row--align-center {
	align-items: center;
}
.c-row--align-end {
	align-items: flex-end;
}

.js-slider {
	opacity: 0;
	transition: 0.3s;
}
.js-slider.slick-initialized {
	opacity: 1;
}

.slick-slider .slick-list, .slick-slider .slick-track {
	background: transparent;
}

.slick-track {
	display: flex;
}

.slick-dots {
	position: static;
	list-style: none;
	display: flex;
	justify-content: center;
	padding: 0;
	margin: 0;
	margin-top: 48px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	.slick-dots {
		margin-top: 28px;
	}
}
.slick-dots li {
	position: relative;
	width: 48px;
	height: 3px;
	margin: 0 4px;
	padding: 0;
	background: #000;
	outline: none;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	opacity: 0.3;
}
@media screen and (max-width: 767px) {
	.slick-dots li {
		width: 28px;
	}
}
.slick-dots li:hover, .slick-dots li:focus {
	outline: none;
}
.slick-dots li.slick-active {
	opacity: 1;
}
.slick-arrow {
	z-index: 1;
}
.slick-arrow:focus-visible {
	outline: revert;
	outline-offset: 1px;
}
.slick-arrow.slick-prev, .slick-arrow.slick-next {
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
	.slick-arrow.slick-prev, .slick-arrow.slick-next {
		width: 40px;
		height: 40px;
	}
}
.slick-arrow.slick-prev:before, .slick-arrow.slick-prev:after, .slick-arrow.slick-next:before, .slick-arrow.slick-next:after {
	content: none;
}
@media screen and (max-width: 767px) {
	.slick-arrow.slick-prev, .slick-arrow.slick-next {
		background-size: 10px;
	}
}
.slick-arrow.slick-prev {
	left: auto;
	right: 100%;
	background: url(../images/parts_arrow-slider-left.svg) no-repeat center/16px;
}
@media screen and (max-width: 767px) {
	.slick-arrow.slick-prev {
		right: calc(100% - 5px);
	}
}
.slick-arrow.slick-next {
	right: auto;
	left: 100%;
	background: url(../images/parts_arrow-slider-right.svg) no-repeat center/16px;
}
@media screen and (max-width: 767px) {
	.slick-arrow.slick-next {
		left: calc(100% - 5px);
	}
}

@media screen and (max-width: 767px) {
	.simplebar-wrapper,
	.simplebar-mask {
		overflow: visible !important;
	}
	.simplebar-content-wrapper {
		width: calc((100vw - 100%) / 2 + 100%);
		max-width: none;
	}
	.simplebar-wrapper {
		padding-bottom: 48px;
	}
	.simplebar-track.simplebar-horizontal {
		height: 3px;
		background: rgba(0, 0, 0, 0.3);
	}
	.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
		height: 3px;
		top: 0;
	}
	.simplebar-scrollbar.simplebar-visible:before {
		opacity: 1;
		border-radius: 0;
	}
	.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
		left: 0;
		right: 0;
	}
}
@media screen and (min-width: 768px) {
	.simplebar-wrapper {
		margin: 0 !important;
	}
	.simplebar-wrapper,
	.simplebar-mask,
	.simplebar-content-wrapper {
		overflow: visible !important;
	}
	.simplebar-content {
		padding: 0 !important;
	}
	.simplebar-offset,
	.simplebar-mask {
		position: static !important;
	}
	.simplebar-placeholder,
	.simplebar-track,
	.simplebar-height-auto-observer-wrapper {
		display: none !important;
	}
}
.mfp-bg {
	opacity: 1;
	background: none;
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	margin: 0;
	padding: 20px;
}

.mfp-inline-holder .mfp-content > div {
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
}

.p-lineup-slider {
	padding-left: 44px;
	padding-right: 44px;
}
@media screen and (max-width: 767px) {
	.p-lineup-slider {
		padding-left: 20px;
		padding-right: 20px;
	}
}
.p-lineup-slider__contain {
	margin: -12px;
}
.p-lineup-slider__item {
	padding: 12px;
}
.p-lineup-slider .slick-dots li {
	width: 160px;
}
.p-lineup-slider .slick-slide {
	height: auto;
}
.p-lineup-slider .slick-slide > div {
	height: 100%;
}
.p-lineup-slider__item,
.p-lineup-slider .p-lineup-card {
	height: 100%;
}
.p-lineup-slider .p-lineup-card {
	display: flex;
	flex-direction: column;
}
.p-lineup-slider .p-lineup-card__cts {
	flex-grow: 2;
	display: flex;
	flex-direction: column;
}
.p-lineup-slider .p-lineup-card__taglist {
	flex-grow: 2;
}

.p-lineup-card {
	display: block;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
	text-align: center;
}
.p-lineup-card__cts {
	background: #fff;
	padding: 12px 16px 16px;
}
.p-lineup-card__lead {
	min-height: 52px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
	line-height: 1.5;
}
.p-lineup-card__lead-main, .p-lineup-card__lead-sub {
	display: block;
}
.p-lineup-card__lead-main {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__lead-main {
		font-size: 1.5rem;
	}
}
.p-lineup-card__lead-sub {
	margin-top: 4px;
	font-size: 1.4rem;
	line-height: 1.25;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__lead-sub {
		font-size: 1.2rem;
	}
}
.p-lineup-card__img img {
	width: 100%;
}
.p-lineup-card__name {
	display: inline-block;
	margin-top: 12px;
	margin-bottom: 12px;
	border-bottom: 2px solid;
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__name {
		font-size: 1.6rem;
	}
}
.p-lineup-card__taglist {
	min-height: 140px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__taglist {
		min-height: 60px;
	}
}
.p-lineup-card__taglist-item {
	margin: 3px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 4px 8px;
	background: #ECF0F0;
	border-radius: 2px;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__taglist-item {
		font-size: 1.2rem;
	}
}
.p-lineup-card__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background: #000;
}
@media screen and (max-width: 767px) {
	.p-lineup-card__btn {
		font-size: 1.4rem;
	}
}
.p-lineup-card__btn:after {
	content: "";
	display: block;
	width: 24px;
	height: 7px;
	margin-left: 12px;
	transition: 0.2s;
	background: url(../images/parts_arrow-wh.svg) no-repeat center/contain;
}
.p-lineup-card:hover .p-lineup-card__btn:after {
	transform: translateX(12px);
}

.p-modal-slider {
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.p-modal-slider {
		font-size: 1.3rem;
	}
}
.p-modal-slider p {
	margin-bottom: 20px;
}
.p-modal-slider p:last-child {
	margin-bottom: 0;
}
.p-modal-slider__img {
	padding-left: 140px;
	padding-right: 140px;
	text-align: center;
	margin-bottom: 68px;
}
@media screen and (max-width: 767px) {
	.p-modal-slider__img {
		max-width: 304px;
		padding-left: 32px;
		padding-right: 32px;
		margin: 0 auto 56px;
	}
}
@media screen and (max-width: 481px) {
	.p-modal-slider__img {
		max-width: 100%;
	}
}
.p-modal-slider__ttl {
	margin-bottom: 20px;
	font-size: 1.5rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.p-modal-slider__ttl {
		font-size: 1.3rem;
	}
}
.p-modal-slider .slick-arrow {
	top: 260px;
}
@media screen and (max-width: 767px) {
	.p-modal-slider .slick-arrow {
		top: 120px;
	}
}
@media screen and (max-width: 481px) {
	.p-modal-slider .slick-arrow {
		top: calc(40vw - 48px);
	}
}
.p-modal-slider .slick-arrow.slick-prev {
	right: auto;
	left: 64px;
}
@media screen and (max-width: 767px) {
	.p-modal-slider .slick-arrow.slick-prev {
		left: calc(50% - 164px);
	}
}
@media screen and (max-width: 481px) {
	.p-modal-slider .slick-arrow.slick-prev {
		left: -12px;
	}
}
.p-modal-slider .slick-arrow.slick-next {
	left: auto;
	right: 64px;
}
@media screen and (max-width: 767px) {
	.p-modal-slider .slick-arrow.slick-next {
		right: calc(50% - 164px);
	}
}
@media screen and (max-width: 481px) {
	.p-modal-slider .slick-arrow.slick-next {
		right: -12px;
	}
}

@media screen and (max-width: 767px) {
	.u-pc-only {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.u-sp-only {
		display: none !important;
	}
}

.u-text-center {
	text-align: center !important;
}
@media screen and (min-width: 768px) {
	.u-text-center--pc {
		text-align: center !important;
	}
}
@media screen and (max-width: 767px) {
	.u-text-center--sp {
		text-align: center !important;
	}
}
.u-text-center iframe {
	margin-left: auto !important;
	margin-right: auto !important;
}

.u-text-left {
	text-align: left !important;
}
@media screen and (min-width: 768px) {
	.u-text-left--pc {
		text-align: left !important;
	}
}
@media screen and (max-width: 767px) {
	.u-text-left--sp {
		text-align: left !important;
	}
}

.u-text-right {
	text-align: right !important;
}
@media screen and (min-width: 768px) {
	.u-text-right--pc {
		text-align: right !important;
	}
}
@media screen and (max-width: 767px) {
	.u-text-right--sp {
		text-align: right !important;
	}
}

.u-ib {
	display: inline-block !important;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
	.u-ib--pc {
		display: inline-block !important;
	}
}
@media screen and (max-width: 767px) {
	.u-ib--sp {
		display: inline-block !important;
	}
}

.u-block {
	display: block !important;
}

.u-flex {
	display: flex;
}
.u-flex--wrap {
	flex-wrap: wrap;
}
.u-flex--align-center {
	align-items: center;
}
.u-flex--jcsb {
	justify-content: space-between;
}
.u-flex--jcc {
	justify-content: center;
}

.u-lh-0 {
	line-height: 0 !important;
}

.u-lh-1 {
	line-height: 1 !important;
}

.u-lh-125 {
	line-height: 1.25 !important;
}

.u-lh-15 {
	line-height: 1.5 !important;
}

.u-lh-2 {
	line-height: 2 !important;
}

.u-posr {
	position: relative;
}
@media screen and (min-width: 768px) {
	.u-posr--pc {
		position: relative;
	}
}
@media screen and (max-width: 767px) {
	.u-posr--sp {
		position: relative;
	}
}

.u-round {
	border-radius: 50%;
}

.u-oh {
	overflow: hidden;
}

.u-z1 {
	z-index: 1;
}

.u-z2 {
	z-index: 2;
}

.u-z3 {
	z-index: 3;
}

.u-z4 {
	z-index: 4;
}

.u-z5 {
	z-index: 5;
}

.u-w100p {
	width: 100%;
}

.u-color-wh {
	color: #fff !important;
}

.u-color-bk {
	color: #000 !important;
}

.u-bg-wh {
	background: #fff !important;
}

.u-bg-bk {
	background: #000 !important;
}

.u-m-0 {
	margin: 0px !important;
}

.u-mt-0,
.u-my-0 {
	margin-top: 0px !important;
}

.u-mr-0,
.u-mx-0 {
	margin-right: 0px !important;
}

.u-mb-0,
.u-my-0 {
	margin-bottom: 0px !important;
}

.u-ml-0,
.u-mx-0 {
	margin-left: 0px !important;
}

@media screen and (max-width: 767px) {
	.u-m-0--sp {
		margin: 0vw !important;
	}
	.u-mt-0--sp,
	.u-my-0--sp {
		margin-top: 0vw !important;
	}
	.u-mr-0--sp,
	.u-mx-0--sp {
		margin-right: 0vw !important;
	}
	.u-mb-0--sp,
	.u-my-0--sp {
		margin-bottom: 0vw !important;
	}
	.u-ml-0--sp,
	.u-mx-0--sp {
		margin-left: 0vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-0--pc {
		margin: 0px !important;
	}
	.u-mt-0--pc,
	.u-my-0--pc {
		margin-top: 0px !important;
	}
	.u-mr-0--pc,
	.u-mx-0--pc {
		margin-right: 0px !important;
	}
	.u-mb-0--pc,
	.u-my-0--pc {
		margin-bottom: 0px !important;
	}
	.u-ml-0--pc,
	.u-mx-0--pc {
		margin-left: 0px !important;
	}
}
.u-m-4 {
	margin: 4px !important;
}

.u-mt-4,
.u-my-4 {
	margin-top: 4px !important;
}

.u-mr-4,
.u-mx-4 {
	margin-right: 4px !important;
}

.u-mb-4,
.u-my-4 {
	margin-bottom: 4px !important;
}

.u-ml-4,
.u-mx-4 {
	margin-left: 4px !important;
}

@media screen and (max-width: 767px) {
	.u-m-4--sp {
		margin: 1.067vw !important;
	}
	.u-mt-4--sp,
	.u-my-4--sp {
		margin-top: 1.067vw !important;
	}
	.u-mr-4--sp,
	.u-mx-4--sp {
		margin-right: 1.067vw !important;
	}
	.u-mb-4--sp,
	.u-my-4--sp {
		margin-bottom: 1.067vw !important;
	}
	.u-ml-4--sp,
	.u-mx-4--sp {
		margin-left: 1.067vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-4--pc {
		margin: 4px !important;
	}
	.u-mt-4--pc,
	.u-my-4--pc {
		margin-top: 4px !important;
	}
	.u-mr-4--pc,
	.u-mx-4--pc {
		margin-right: 4px !important;
	}
	.u-mb-4--pc,
	.u-my-4--pc {
		margin-bottom: 4px !important;
	}
	.u-ml-4--pc,
	.u-mx-4--pc {
		margin-left: 4px !important;
	}
}
.u-m-8 {
	margin: 8px !important;
}

.u-mt-8,
.u-my-8 {
	margin-top: 8px !important;
}

.u-mr-8,
.u-mx-8 {
	margin-right: 8px !important;
}

.u-mb-8,
.u-my-8 {
	margin-bottom: 8px !important;
}

.u-ml-8,
.u-mx-8 {
	margin-left: 8px !important;
}

@media screen and (max-width: 767px) {
	.u-m-8--sp {
		margin: 2.133vw !important;
	}
	.u-mt-8--sp,
	.u-my-8--sp {
		margin-top: 2.133vw !important;
	}
	.u-mr-8--sp,
	.u-mx-8--sp {
		margin-right: 2.133vw !important;
	}
	.u-mb-8--sp,
	.u-my-8--sp {
		margin-bottom: 2.133vw !important;
	}
	.u-ml-8--sp,
	.u-mx-8--sp {
		margin-left: 2.133vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-8--pc {
		margin: 8px !important;
	}
	.u-mt-8--pc,
	.u-my-8--pc {
		margin-top: 8px !important;
	}
	.u-mr-8--pc,
	.u-mx-8--pc {
		margin-right: 8px !important;
	}
	.u-mb-8--pc,
	.u-my-8--pc {
		margin-bottom: 8px !important;
	}
	.u-ml-8--pc,
	.u-mx-8--pc {
		margin-left: 8px !important;
	}
}
.u-m-12 {
	margin: 12px !important;
}

.u-mt-12,
.u-my-12 {
	margin-top: 12px !important;
}

.u-mr-12,
.u-mx-12 {
	margin-right: 12px !important;
}

.u-mb-12,
.u-my-12 {
	margin-bottom: 12px !important;
}

.u-ml-12,
.u-mx-12 {
	margin-left: 12px !important;
}

@media screen and (max-width: 767px) {
	.u-m-12--sp {
		margin: 3.2vw !important;
	}
	.u-mt-12--sp,
	.u-my-12--sp {
		margin-top: 3.2vw !important;
	}
	.u-mr-12--sp,
	.u-mx-12--sp {
		margin-right: 3.2vw !important;
	}
	.u-mb-12--sp,
	.u-my-12--sp {
		margin-bottom: 3.2vw !important;
	}
	.u-ml-12--sp,
	.u-mx-12--sp {
		margin-left: 3.2vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-12--pc {
		margin: 12px !important;
	}
	.u-mt-12--pc,
	.u-my-12--pc {
		margin-top: 12px !important;
	}
	.u-mr-12--pc,
	.u-mx-12--pc {
		margin-right: 12px !important;
	}
	.u-mb-12--pc,
	.u-my-12--pc {
		margin-bottom: 12px !important;
	}
	.u-ml-12--pc,
	.u-mx-12--pc {
		margin-left: 12px !important;
	}
}
.u-m-16 {
	margin: 16px !important;
}

.u-mt-16,
.u-my-16 {
	margin-top: 16px !important;
}

.u-mr-16,
.u-mx-16 {
	margin-right: 16px !important;
}

.u-mb-16,
.u-my-16 {
	margin-bottom: 16px !important;
}

.u-ml-16,
.u-mx-16 {
	margin-left: 16px !important;
}

@media screen and (max-width: 767px) {
	.u-m-16--sp {
		margin: 4.267vw !important;
	}
	.u-mt-16--sp,
	.u-my-16--sp {
		margin-top: 4.267vw !important;
	}
	.u-mr-16--sp,
	.u-mx-16--sp {
		margin-right: 4.267vw !important;
	}
	.u-mb-16--sp,
	.u-my-16--sp {
		margin-bottom: 4.267vw !important;
	}
	.u-ml-16--sp,
	.u-mx-16--sp {
		margin-left: 4.267vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-16--pc {
		margin: 16px !important;
	}
	.u-mt-16--pc,
	.u-my-16--pc {
		margin-top: 16px !important;
	}
	.u-mr-16--pc,
	.u-mx-16--pc {
		margin-right: 16px !important;
	}
	.u-mb-16--pc,
	.u-my-16--pc {
		margin-bottom: 16px !important;
	}
	.u-ml-16--pc,
	.u-mx-16--pc {
		margin-left: 16px !important;
	}
}
.u-m-20 {
	margin: 20px !important;
}

.u-mt-20,
.u-my-20 {
	margin-top: 20px !important;
}

.u-mr-20,
.u-mx-20 {
	margin-right: 20px !important;
}

.u-mb-20,
.u-my-20 {
	margin-bottom: 20px !important;
}

.u-ml-20,
.u-mx-20 {
	margin-left: 20px !important;
}

@media screen and (max-width: 767px) {
	.u-m-20--sp {
		margin: 5.333vw !important;
	}
	.u-mt-20--sp,
	.u-my-20--sp {
		margin-top: 5.333vw !important;
	}
	.u-mr-20--sp,
	.u-mx-20--sp {
		margin-right: 5.333vw !important;
	}
	.u-mb-20--sp,
	.u-my-20--sp {
		margin-bottom: 5.333vw !important;
	}
	.u-ml-20--sp,
	.u-mx-20--sp {
		margin-left: 5.333vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-20--pc {
		margin: 20px !important;
	}
	.u-mt-20--pc,
	.u-my-20--pc {
		margin-top: 20px !important;
	}
	.u-mr-20--pc,
	.u-mx-20--pc {
		margin-right: 20px !important;
	}
	.u-mb-20--pc,
	.u-my-20--pc {
		margin-bottom: 20px !important;
	}
	.u-ml-20--pc,
	.u-mx-20--pc {
		margin-left: 20px !important;
	}
}
.u-m-24 {
	margin: 24px !important;
}

.u-mt-24,
.u-my-24 {
	margin-top: 24px !important;
}

.u-mr-24,
.u-mx-24 {
	margin-right: 24px !important;
}

.u-mb-24,
.u-my-24 {
	margin-bottom: 24px !important;
}

.u-ml-24,
.u-mx-24 {
	margin-left: 24px !important;
}

@media screen and (max-width: 767px) {
	.u-m-24--sp {
		margin: 6.4vw !important;
	}
	.u-mt-24--sp,
	.u-my-24--sp {
		margin-top: 6.4vw !important;
	}
	.u-mr-24--sp,
	.u-mx-24--sp {
		margin-right: 6.4vw !important;
	}
	.u-mb-24--sp,
	.u-my-24--sp {
		margin-bottom: 6.4vw !important;
	}
	.u-ml-24--sp,
	.u-mx-24--sp {
		margin-left: 6.4vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-24--pc {
		margin: 24px !important;
	}
	.u-mt-24--pc,
	.u-my-24--pc {
		margin-top: 24px !important;
	}
	.u-mr-24--pc,
	.u-mx-24--pc {
		margin-right: 24px !important;
	}
	.u-mb-24--pc,
	.u-my-24--pc {
		margin-bottom: 24px !important;
	}
	.u-ml-24--pc,
	.u-mx-24--pc {
		margin-left: 24px !important;
	}
}
.u-m-28 {
	margin: 28px !important;
}

.u-mt-28,
.u-my-28 {
	margin-top: 28px !important;
}

.u-mr-28,
.u-mx-28 {
	margin-right: 28px !important;
}

.u-mb-28,
.u-my-28 {
	margin-bottom: 28px !important;
}

.u-ml-28,
.u-mx-28 {
	margin-left: 28px !important;
}

@media screen and (max-width: 767px) {
	.u-m-28--sp {
		margin: 7.467vw !important;
	}
	.u-mt-28--sp,
	.u-my-28--sp {
		margin-top: 7.467vw !important;
	}
	.u-mr-28--sp,
	.u-mx-28--sp {
		margin-right: 7.467vw !important;
	}
	.u-mb-28--sp,
	.u-my-28--sp {
		margin-bottom: 7.467vw !important;
	}
	.u-ml-28--sp,
	.u-mx-28--sp {
		margin-left: 7.467vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-28--pc {
		margin: 28px !important;
	}
	.u-mt-28--pc,
	.u-my-28--pc {
		margin-top: 28px !important;
	}
	.u-mr-28--pc,
	.u-mx-28--pc {
		margin-right: 28px !important;
	}
	.u-mb-28--pc,
	.u-my-28--pc {
		margin-bottom: 28px !important;
	}
	.u-ml-28--pc,
	.u-mx-28--pc {
		margin-left: 28px !important;
	}
}
.u-m-32 {
	margin: 32px !important;
}

.u-mt-32,
.u-my-32 {
	margin-top: 32px !important;
}

.u-mr-32,
.u-mx-32 {
	margin-right: 32px !important;
}

.u-mb-32,
.u-my-32 {
	margin-bottom: 32px !important;
}

.u-ml-32,
.u-mx-32 {
	margin-left: 32px !important;
}

@media screen and (max-width: 767px) {
	.u-m-32--sp {
		margin: 8.533vw !important;
	}
	.u-mt-32--sp,
	.u-my-32--sp {
		margin-top: 8.533vw !important;
	}
	.u-mr-32--sp,
	.u-mx-32--sp {
		margin-right: 8.533vw !important;
	}
	.u-mb-32--sp,
	.u-my-32--sp {
		margin-bottom: 8.533vw !important;
	}
	.u-ml-32--sp,
	.u-mx-32--sp {
		margin-left: 8.533vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-32--pc {
		margin: 32px !important;
	}
	.u-mt-32--pc,
	.u-my-32--pc {
		margin-top: 32px !important;
	}
	.u-mr-32--pc,
	.u-mx-32--pc {
		margin-right: 32px !important;
	}
	.u-mb-32--pc,
	.u-my-32--pc {
		margin-bottom: 32px !important;
	}
	.u-ml-32--pc,
	.u-mx-32--pc {
		margin-left: 32px !important;
	}
}
.u-m-36 {
	margin: 36px !important;
}

.u-mt-36,
.u-my-36 {
	margin-top: 36px !important;
}

.u-mr-36,
.u-mx-36 {
	margin-right: 36px !important;
}

.u-mb-36,
.u-my-36 {
	margin-bottom: 36px !important;
}

.u-ml-36,
.u-mx-36 {
	margin-left: 36px !important;
}

@media screen and (max-width: 767px) {
	.u-m-36--sp {
		margin: 9.6vw !important;
	}
	.u-mt-36--sp,
	.u-my-36--sp {
		margin-top: 9.6vw !important;
	}
	.u-mr-36--sp,
	.u-mx-36--sp {
		margin-right: 9.6vw !important;
	}
	.u-mb-36--sp,
	.u-my-36--sp {
		margin-bottom: 9.6vw !important;
	}
	.u-ml-36--sp,
	.u-mx-36--sp {
		margin-left: 9.6vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-36--pc {
		margin: 36px !important;
	}
	.u-mt-36--pc,
	.u-my-36--pc {
		margin-top: 36px !important;
	}
	.u-mr-36--pc,
	.u-mx-36--pc {
		margin-right: 36px !important;
	}
	.u-mb-36--pc,
	.u-my-36--pc {
		margin-bottom: 36px !important;
	}
	.u-ml-36--pc,
	.u-mx-36--pc {
		margin-left: 36px !important;
	}
}
.u-m-40 {
	margin: 40px !important;
}

.u-mt-40,
.u-my-40 {
	margin-top: 40px !important;
}

.u-mr-40,
.u-mx-40 {
	margin-right: 40px !important;
}

.u-mb-40,
.u-my-40 {
	margin-bottom: 40px !important;
}

.u-ml-40,
.u-mx-40 {
	margin-left: 40px !important;
}

@media screen and (max-width: 767px) {
	.u-m-40--sp {
		margin: 10.667vw !important;
	}
	.u-mt-40--sp,
	.u-my-40--sp {
		margin-top: 10.667vw !important;
	}
	.u-mr-40--sp,
	.u-mx-40--sp {
		margin-right: 10.667vw !important;
	}
	.u-mb-40--sp,
	.u-my-40--sp {
		margin-bottom: 10.667vw !important;
	}
	.u-ml-40--sp,
	.u-mx-40--sp {
		margin-left: 10.667vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-40--pc {
		margin: 40px !important;
	}
	.u-mt-40--pc,
	.u-my-40--pc {
		margin-top: 40px !important;
	}
	.u-mr-40--pc,
	.u-mx-40--pc {
		margin-right: 40px !important;
	}
	.u-mb-40--pc,
	.u-my-40--pc {
		margin-bottom: 40px !important;
	}
	.u-ml-40--pc,
	.u-mx-40--pc {
		margin-left: 40px !important;
	}
}
.u-m-48 {
	margin: 48px !important;
}

.u-mt-48,
.u-my-48 {
	margin-top: 48px !important;
}

.u-mr-48,
.u-mx-48 {
	margin-right: 48px !important;
}

.u-mb-48,
.u-my-48 {
	margin-bottom: 48px !important;
}

.u-ml-48,
.u-mx-48 {
	margin-left: 48px !important;
}

@media screen and (max-width: 767px) {
	.u-m-48--sp {
		margin: 12.8vw !important;
	}
	.u-mt-48--sp,
	.u-my-48--sp {
		margin-top: 12.8vw !important;
	}
	.u-mr-48--sp,
	.u-mx-48--sp {
		margin-right: 12.8vw !important;
	}
	.u-mb-48--sp,
	.u-my-48--sp {
		margin-bottom: 12.8vw !important;
	}
	.u-ml-48--sp,
	.u-mx-48--sp {
		margin-left: 12.8vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-48--pc {
		margin: 48px !important;
	}
	.u-mt-48--pc,
	.u-my-48--pc {
		margin-top: 48px !important;
	}
	.u-mr-48--pc,
	.u-mx-48--pc {
		margin-right: 48px !important;
	}
	.u-mb-48--pc,
	.u-my-48--pc {
		margin-bottom: 48px !important;
	}
	.u-ml-48--pc,
	.u-mx-48--pc {
		margin-left: 48px !important;
	}
}
.u-m-60 {
	margin: 60px !important;
}

.u-mt-60,
.u-my-60 {
	margin-top: 60px !important;
}

.u-mr-60,
.u-mx-60 {
	margin-right: 60px !important;
}

.u-mb-60,
.u-my-60 {
	margin-bottom: 60px !important;
}

.u-ml-60,
.u-mx-60 {
	margin-left: 60px !important;
}

@media screen and (max-width: 767px) {
	.u-m-60--sp {
		margin: 16vw !important;
	}
	.u-mt-60--sp,
	.u-my-60--sp {
		margin-top: 16vw !important;
	}
	.u-mr-60--sp,
	.u-mx-60--sp {
		margin-right: 16vw !important;
	}
	.u-mb-60--sp,
	.u-my-60--sp {
		margin-bottom: 16vw !important;
	}
	.u-ml-60--sp,
	.u-mx-60--sp {
		margin-left: 16vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-m-60--pc {
		margin: 60px !important;
	}
	.u-mt-60--pc,
	.u-my-60--pc {
		margin-top: 60px !important;
	}
	.u-mr-60--pc,
	.u-mx-60--pc {
		margin-right: 60px !important;
	}
	.u-mb-60--pc,
	.u-my-60--pc {
		margin-bottom: 60px !important;
	}
	.u-ml-60--pc,
	.u-mx-60--pc {
		margin-left: 60px !important;
	}
}
.u-p-0 {
	padding: 0px !important;
}

.u-pt-0,
.u-py-0 {
	padding-top: 0px !important;
}

.u-pr-0,
.u-px-0 {
	padding-right: 0px !important;
}

.u-pb-0,
.u-py-0 {
	padding-bottom: 0px !important;
}

.u-pl-0,
.u-px-0 {
	padding-left: 0px !important;
}

@media screen and (max-width: 767px) {
	.u-p-0--sp {
		padding: 0vw !important;
	}
	.u-pt-0--sp,
	.u-py-0--sp {
		padding-top: 0vw !important;
	}
	.u-pr-0--sp,
	.u-px-0--sp {
		padding-right: 0vw !important;
	}
	.u-pb-0--sp,
	.u-py-0--sp {
		padding-bottom: 0vw !important;
	}
	.u-pl-0--sp,
	.u-px-0--sp {
		padding-left: 0vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-0--pc {
		padding: 0px !important;
	}
	.u-pt-0--pc,
	.u-py-0--pc {
		padding-top: 0px !important;
	}
	.u-pr-0--pc,
	.u-px-0--pc {
		padding-right: 0px !important;
	}
	.u-pb-0--pc,
	.u-py-0--pc {
		padding-bottom: 0px !important;
	}
	.u-pl-0--pc,
	.u-px-0--pc {
		padding-left: 0px !important;
	}
}
.u-p-4 {
	padding: 4px !important;
}

.u-pt-4,
.u-py-4 {
	padding-top: 4px !important;
}

.u-pr-4,
.u-px-4 {
	padding-right: 4px !important;
}

.u-pb-4,
.u-py-4 {
	padding-bottom: 4px !important;
}

.u-pl-4,
.u-px-4 {
	padding-left: 4px !important;
}

@media screen and (max-width: 767px) {
	.u-p-4--sp {
		padding: 1.067vw !important;
	}
	.u-pt-4--sp,
	.u-py-4--sp {
		padding-top: 1.067vw !important;
	}
	.u-pr-4--sp,
	.u-px-4--sp {
		padding-right: 1.067vw !important;
	}
	.u-pb-4--sp,
	.u-py-4--sp {
		padding-bottom: 1.067vw !important;
	}
	.u-pl-4--sp,
	.u-px-4--sp {
		padding-left: 1.067vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-4--pc {
		padding: 4px !important;
	}
	.u-pt-4--pc,
	.u-py-4--pc {
		padding-top: 4px !important;
	}
	.u-pr-4--pc,
	.u-px-4--pc {
		padding-right: 4px !important;
	}
	.u-pb-4--pc,
	.u-py-4--pc {
		padding-bottom: 4px !important;
	}
	.u-pl-4--pc,
	.u-px-4--pc {
		padding-left: 4px !important;
	}
}
.u-p-8 {
	padding: 8px !important;
}

.u-pt-8,
.u-py-8 {
	padding-top: 8px !important;
}

.u-pr-8,
.u-px-8 {
	padding-right: 8px !important;
}

.u-pb-8,
.u-py-8 {
	padding-bottom: 8px !important;
}

.u-pl-8,
.u-px-8 {
	padding-left: 8px !important;
}

@media screen and (max-width: 767px) {
	.u-p-8--sp {
		padding: 2.133vw !important;
	}
	.u-pt-8--sp,
	.u-py-8--sp {
		padding-top: 2.133vw !important;
	}
	.u-pr-8--sp,
	.u-px-8--sp {
		padding-right: 2.133vw !important;
	}
	.u-pb-8--sp,
	.u-py-8--sp {
		padding-bottom: 2.133vw !important;
	}
	.u-pl-8--sp,
	.u-px-8--sp {
		padding-left: 2.133vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-8--pc {
		padding: 8px !important;
	}
	.u-pt-8--pc,
	.u-py-8--pc {
		padding-top: 8px !important;
	}
	.u-pr-8--pc,
	.u-px-8--pc {
		padding-right: 8px !important;
	}
	.u-pb-8--pc,
	.u-py-8--pc {
		padding-bottom: 8px !important;
	}
	.u-pl-8--pc,
	.u-px-8--pc {
		padding-left: 8px !important;
	}
}
.u-p-12 {
	padding: 12px !important;
}

.u-pt-12,
.u-py-12 {
	padding-top: 12px !important;
}

.u-pr-12,
.u-px-12 {
	padding-right: 12px !important;
}

.u-pb-12,
.u-py-12 {
	padding-bottom: 12px !important;
}

.u-pl-12,
.u-px-12 {
	padding-left: 12px !important;
}

@media screen and (max-width: 767px) {
	.u-p-12--sp {
		padding: 3.2vw !important;
	}
	.u-pt-12--sp,
	.u-py-12--sp {
		padding-top: 3.2vw !important;
	}
	.u-pr-12--sp,
	.u-px-12--sp {
		padding-right: 3.2vw !important;
	}
	.u-pb-12--sp,
	.u-py-12--sp {
		padding-bottom: 3.2vw !important;
	}
	.u-pl-12--sp,
	.u-px-12--sp {
		padding-left: 3.2vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-12--pc {
		padding: 12px !important;
	}
	.u-pt-12--pc,
	.u-py-12--pc {
		padding-top: 12px !important;
	}
	.u-pr-12--pc,
	.u-px-12--pc {
		padding-right: 12px !important;
	}
	.u-pb-12--pc,
	.u-py-12--pc {
		padding-bottom: 12px !important;
	}
	.u-pl-12--pc,
	.u-px-12--pc {
		padding-left: 12px !important;
	}
}
.u-p-16 {
	padding: 16px !important;
}

.u-pt-16,
.u-py-16 {
	padding-top: 16px !important;
}

.u-pr-16,
.u-px-16 {
	padding-right: 16px !important;
}

.u-pb-16,
.u-py-16 {
	padding-bottom: 16px !important;
}

.u-pl-16,
.u-px-16 {
	padding-left: 16px !important;
}

@media screen and (max-width: 767px) {
	.u-p-16--sp {
		padding: 4.267vw !important;
	}
	.u-pt-16--sp,
	.u-py-16--sp {
		padding-top: 4.267vw !important;
	}
	.u-pr-16--sp,
	.u-px-16--sp {
		padding-right: 4.267vw !important;
	}
	.u-pb-16--sp,
	.u-py-16--sp {
		padding-bottom: 4.267vw !important;
	}
	.u-pl-16--sp,
	.u-px-16--sp {
		padding-left: 4.267vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-16--pc {
		padding: 16px !important;
	}
	.u-pt-16--pc,
	.u-py-16--pc {
		padding-top: 16px !important;
	}
	.u-pr-16--pc,
	.u-px-16--pc {
		padding-right: 16px !important;
	}
	.u-pb-16--pc,
	.u-py-16--pc {
		padding-bottom: 16px !important;
	}
	.u-pl-16--pc,
	.u-px-16--pc {
		padding-left: 16px !important;
	}
}
.u-p-20 {
	padding: 20px !important;
}

.u-pt-20,
.u-py-20 {
	padding-top: 20px !important;
}

.u-pr-20,
.u-px-20 {
	padding-right: 20px !important;
}

.u-pb-20,
.u-py-20 {
	padding-bottom: 20px !important;
}

.u-pl-20,
.u-px-20 {
	padding-left: 20px !important;
}

@media screen and (max-width: 767px) {
	.u-p-20--sp {
		padding: 5.333vw !important;
	}
	.u-pt-20--sp,
	.u-py-20--sp {
		padding-top: 5.333vw !important;
	}
	.u-pr-20--sp,
	.u-px-20--sp {
		padding-right: 5.333vw !important;
	}
	.u-pb-20--sp,
	.u-py-20--sp {
		padding-bottom: 5.333vw !important;
	}
	.u-pl-20--sp,
	.u-px-20--sp {
		padding-left: 5.333vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-20--pc {
		padding: 20px !important;
	}
	.u-pt-20--pc,
	.u-py-20--pc {
		padding-top: 20px !important;
	}
	.u-pr-20--pc,
	.u-px-20--pc {
		padding-right: 20px !important;
	}
	.u-pb-20--pc,
	.u-py-20--pc {
		padding-bottom: 20px !important;
	}
	.u-pl-20--pc,
	.u-px-20--pc {
		padding-left: 20px !important;
	}
}
.u-p-24 {
	padding: 24px !important;
}

.u-pt-24,
.u-py-24 {
	padding-top: 24px !important;
}

.u-pr-24,
.u-px-24 {
	padding-right: 24px !important;
}

.u-pb-24,
.u-py-24 {
	padding-bottom: 24px !important;
}

.u-pl-24,
.u-px-24 {
	padding-left: 24px !important;
}

@media screen and (max-width: 767px) {
	.u-p-24--sp {
		padding: 6.4vw !important;
	}
	.u-pt-24--sp,
	.u-py-24--sp {
		padding-top: 6.4vw !important;
	}
	.u-pr-24--sp,
	.u-px-24--sp {
		padding-right: 6.4vw !important;
	}
	.u-pb-24--sp,
	.u-py-24--sp {
		padding-bottom: 6.4vw !important;
	}
	.u-pl-24--sp,
	.u-px-24--sp {
		padding-left: 6.4vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-24--pc {
		padding: 24px !important;
	}
	.u-pt-24--pc,
	.u-py-24--pc {
		padding-top: 24px !important;
	}
	.u-pr-24--pc,
	.u-px-24--pc {
		padding-right: 24px !important;
	}
	.u-pb-24--pc,
	.u-py-24--pc {
		padding-bottom: 24px !important;
	}
	.u-pl-24--pc,
	.u-px-24--pc {
		padding-left: 24px !important;
	}
}
.u-p-28 {
	padding: 28px !important;
}

.u-pt-28,
.u-py-28 {
	padding-top: 28px !important;
}

.u-pr-28,
.u-px-28 {
	padding-right: 28px !important;
}

.u-pb-28,
.u-py-28 {
	padding-bottom: 28px !important;
}

.u-pl-28,
.u-px-28 {
	padding-left: 28px !important;
}

@media screen and (max-width: 767px) {
	.u-p-28--sp {
		padding: 7.467vw !important;
	}
	.u-pt-28--sp,
	.u-py-28--sp {
		padding-top: 7.467vw !important;
	}
	.u-pr-28--sp,
	.u-px-28--sp {
		padding-right: 7.467vw !important;
	}
	.u-pb-28--sp,
	.u-py-28--sp {
		padding-bottom: 7.467vw !important;
	}
	.u-pl-28--sp,
	.u-px-28--sp {
		padding-left: 7.467vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-28--pc {
		padding: 28px !important;
	}
	.u-pt-28--pc,
	.u-py-28--pc {
		padding-top: 28px !important;
	}
	.u-pr-28--pc,
	.u-px-28--pc {
		padding-right: 28px !important;
	}
	.u-pb-28--pc,
	.u-py-28--pc {
		padding-bottom: 28px !important;
	}
	.u-pl-28--pc,
	.u-px-28--pc {
		padding-left: 28px !important;
	}
}
.u-p-32 {
	padding: 32px !important;
}

.u-pt-32,
.u-py-32 {
	padding-top: 32px !important;
}

.u-pr-32,
.u-px-32 {
	padding-right: 32px !important;
}

.u-pb-32,
.u-py-32 {
	padding-bottom: 32px !important;
}

.u-pl-32,
.u-px-32 {
	padding-left: 32px !important;
}

@media screen and (max-width: 767px) {
	.u-p-32--sp {
		padding: 8.533vw !important;
	}
	.u-pt-32--sp,
	.u-py-32--sp {
		padding-top: 8.533vw !important;
	}
	.u-pr-32--sp,
	.u-px-32--sp {
		padding-right: 8.533vw !important;
	}
	.u-pb-32--sp,
	.u-py-32--sp {
		padding-bottom: 8.533vw !important;
	}
	.u-pl-32--sp,
	.u-px-32--sp {
		padding-left: 8.533vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-32--pc {
		padding: 32px !important;
	}
	.u-pt-32--pc,
	.u-py-32--pc {
		padding-top: 32px !important;
	}
	.u-pr-32--pc,
	.u-px-32--pc {
		padding-right: 32px !important;
	}
	.u-pb-32--pc,
	.u-py-32--pc {
		padding-bottom: 32px !important;
	}
	.u-pl-32--pc,
	.u-px-32--pc {
		padding-left: 32px !important;
	}
}
.u-p-36 {
	padding: 36px !important;
}

.u-pt-36,
.u-py-36 {
	padding-top: 36px !important;
}

.u-pr-36,
.u-px-36 {
	padding-right: 36px !important;
}

.u-pb-36,
.u-py-36 {
	padding-bottom: 36px !important;
}

.u-pl-36,
.u-px-36 {
	padding-left: 36px !important;
}

@media screen and (max-width: 767px) {
	.u-p-36--sp {
		padding: 9.6vw !important;
	}
	.u-pt-36--sp,
	.u-py-36--sp {
		padding-top: 9.6vw !important;
	}
	.u-pr-36--sp,
	.u-px-36--sp {
		padding-right: 9.6vw !important;
	}
	.u-pb-36--sp,
	.u-py-36--sp {
		padding-bottom: 9.6vw !important;
	}
	.u-pl-36--sp,
	.u-px-36--sp {
		padding-left: 9.6vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-36--pc {
		padding: 36px !important;
	}
	.u-pt-36--pc,
	.u-py-36--pc {
		padding-top: 36px !important;
	}
	.u-pr-36--pc,
	.u-px-36--pc {
		padding-right: 36px !important;
	}
	.u-pb-36--pc,
	.u-py-36--pc {
		padding-bottom: 36px !important;
	}
	.u-pl-36--pc,
	.u-px-36--pc {
		padding-left: 36px !important;
	}
}
.u-p-40 {
	padding: 40px !important;
}

.u-pt-40,
.u-py-40 {
	padding-top: 40px !important;
}

.u-pr-40,
.u-px-40 {
	padding-right: 40px !important;
}

.u-pb-40,
.u-py-40 {
	padding-bottom: 40px !important;
}

.u-pl-40,
.u-px-40 {
	padding-left: 40px !important;
}

@media screen and (max-width: 767px) {
	.u-p-40--sp {
		padding: 10.667vw !important;
	}
	.u-pt-40--sp,
	.u-py-40--sp {
		padding-top: 10.667vw !important;
	}
	.u-pr-40--sp,
	.u-px-40--sp {
		padding-right: 10.667vw !important;
	}
	.u-pb-40--sp,
	.u-py-40--sp {
		padding-bottom: 10.667vw !important;
	}
	.u-pl-40--sp,
	.u-px-40--sp {
		padding-left: 10.667vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-40--pc {
		padding: 40px !important;
	}
	.u-pt-40--pc,
	.u-py-40--pc {
		padding-top: 40px !important;
	}
	.u-pr-40--pc,
	.u-px-40--pc {
		padding-right: 40px !important;
	}
	.u-pb-40--pc,
	.u-py-40--pc {
		padding-bottom: 40px !important;
	}
	.u-pl-40--pc,
	.u-px-40--pc {
		padding-left: 40px !important;
	}
}
.u-p-48 {
	padding: 48px !important;
}

.u-pt-48,
.u-py-48 {
	padding-top: 48px !important;
}

.u-pr-48,
.u-px-48 {
	padding-right: 48px !important;
}

.u-pb-48,
.u-py-48 {
	padding-bottom: 48px !important;
}

.u-pl-48,
.u-px-48 {
	padding-left: 48px !important;
}

@media screen and (max-width: 767px) {
	.u-p-48--sp {
		padding: 12.8vw !important;
	}
	.u-pt-48--sp,
	.u-py-48--sp {
		padding-top: 12.8vw !important;
	}
	.u-pr-48--sp,
	.u-px-48--sp {
		padding-right: 12.8vw !important;
	}
	.u-pb-48--sp,
	.u-py-48--sp {
		padding-bottom: 12.8vw !important;
	}
	.u-pl-48--sp,
	.u-px-48--sp {
		padding-left: 12.8vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-48--pc {
		padding: 48px !important;
	}
	.u-pt-48--pc,
	.u-py-48--pc {
		padding-top: 48px !important;
	}
	.u-pr-48--pc,
	.u-px-48--pc {
		padding-right: 48px !important;
	}
	.u-pb-48--pc,
	.u-py-48--pc {
		padding-bottom: 48px !important;
	}
	.u-pl-48--pc,
	.u-px-48--pc {
		padding-left: 48px !important;
	}
}
.u-p-60 {
	padding: 60px !important;
}

.u-pt-60,
.u-py-60 {
	padding-top: 60px !important;
}

.u-pr-60,
.u-px-60 {
	padding-right: 60px !important;
}

.u-pb-60,
.u-py-60 {
	padding-bottom: 60px !important;
}

.u-pl-60,
.u-px-60 {
	padding-left: 60px !important;
}

@media screen and (max-width: 767px) {
	.u-p-60--sp {
		padding: 16vw !important;
	}
	.u-pt-60--sp,
	.u-py-60--sp {
		padding-top: 16vw !important;
	}
	.u-pr-60--sp,
	.u-px-60--sp {
		padding-right: 16vw !important;
	}
	.u-pb-60--sp,
	.u-py-60--sp {
		padding-bottom: 16vw !important;
	}
	.u-pl-60--sp,
	.u-px-60--sp {
		padding-left: 16vw !important;
	}
}
@media screen and (min-width: 768px) {
	.u-p-60--pc {
		padding: 60px !important;
	}
	.u-pt-60--pc,
	.u-py-60--pc {
		padding-top: 60px !important;
	}
	.u-pr-60--pc,
	.u-px-60--pc {
		padding-right: 60px !important;
	}
	.u-pb-60--pc,
	.u-py-60--pc {
		padding-bottom: 60px !important;
	}
	.u-pl-60--pc,
	.u-px-60--pc {
		padding-left: 60px !important;
	}
}
.u-m-auto {
	margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
	margin-top: auto !important;
}

.u-mr-auto,
.u-mx-auto {
	margin-right: auto !important;
}

.u-mb-auto,
.u-my-auto {
	margin-bottom: auto !important;
}

.u-ml-auto,
.u-mx-auto {
	margin-left: auto !important;
}

.u-font-goth {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

.u-font-mincho {
	font-family: "Times New Roman", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

.u-font-normal {
	font-weight: normal !important;
}

.u-font-bold {
	font-weight: bold !important;
}
@media screen and (max-width: 767px) {
	.u-font-bold--sp {
		font-weight: bold !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-bold--pc {
		font-weight: bold !important;
	}
}

.u-font-10 {
	font-size: 1rem !important;
}

@media screen and (max-width: 767px) {
	.u-font-10--sp {
		font-size: 1rem !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-10--pc {
		font-size: 1rem !important;
	}
}
.u-font-12 {
	font-size: 1.2rem !important;
}

@media screen and (max-width: 767px) {
	.u-font-12--sp {
		font-size: 1.2rem !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-12--pc {
		font-size: 1.2rem !important;
	}
}
.u-font-15 {
	font-size: 1.5rem !important;
}

@media screen and (max-width: 767px) {
	.u-font-15--sp {
		font-size: 1.5rem !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-15--pc {
		font-size: 1.5rem !important;
	}
}
.u-font-20 {
	font-size: 2rem !important;
}

@media screen and (max-width: 767px) {
	.u-font-20--sp {
		font-size: 2rem !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-20--pc {
		font-size: 2rem !important;
	}
}
.u-font-150p {
	font-size: 150% !important;
}

@media screen and (max-width: 767px) {
	.u-font-150p--sp {
		font-size: 150% !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-150p--pc {
		font-size: 150% !important;
	}
}
.u-font-125p {
	font-size: 125% !important;
}

@media screen and (max-width: 767px) {
	.u-font-125p--sp {
		font-size: 125% !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-125p--pc {
		font-size: 125% !important;
	}
}
.u-font-80p {
	font-size: 80% !important;
}

@media screen and (max-width: 767px) {
	.u-font-80p--sp {
		font-size: 80% !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-80p--pc {
		font-size: 80% !important;
	}
}
.u-font-60p {
	font-size: 60% !important;
}

@media screen and (max-width: 767px) {
	.u-font-60p--sp {
		font-size: 60% !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-60p--pc {
		font-size: 60% !important;
	}
}
.u-font-50p {
	font-size: 50% !important;
}

@media screen and (max-width: 767px) {
	.u-font-50p--sp {
		font-size: 50% !important;
	}
}
@media screen and (min-width: 768px) {
	.u-font-50p--pc {
		font-size: 50% !important;
	}
}