@charset "UTF-8";
/*color*/
/*font*/
@media screen and (max-width: 768px) {
	body {
		min-width: 0;
	}
}

#header {
	position: relative;
	z-index: 5;
}

#Container {
	position: relative;
	z-index: 1;
}

#footer {
	position: relative;
}

footer {
	margin-top: 0;
}

html {
	background: #fff !important;
}

.ki-header-inner .ki-header-gNav {
	border-bottom: none;
}

.p-contents-wrap {
	position: relative;
	overflow: hidden;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
	line-height: 1.75;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	color: #101010;
	z-index: 0;
	background: url(../img/parts/bg.png) repeat;
}
.p-contents-wrap--index {
	background: url(../img/parts/index_bg_l.png) repeat-y left top, url(../img/parts/index_bg_r.png) repeat-y right top, url(../img/parts/bg.png) repeat;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap--index {
		background: url(../img/parts/bg.png) repeat;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap {
		font-size: 3.7333333333vw;
	}
}
.p-contents-wrap *,
.p-contents-wrap ::before,
.p-contents-wrap ::after {
	box-sizing: border-box;
}
.p-contents-wrap a {
	transition: 0.2s;
}
.p-contents-wrap a:hover img,
.p-contents-wrap a:focus img {
	opacity: 1;
}
.p-contents-wrap img {
	max-width: 100%;
}
.p-contents-wrap h1, .p-contents-wrap h2, .p-contents-wrap h3, .p-contents-wrap h4 {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: inherit;
	color: inherit;
	margin-bottom: 0;
	line-height: 1.5;
}
.p-contents-wrap sup {
	line-height: 1;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap a:hover {
		opacity: 0.7;
	}
}
.p-contents-wrap p {
	margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap p {
		margin-bottom: 4.2666666667vw;
	}
}
.p-contents-wrap p:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .c-inner {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-inner {
		width: 100%;
		padding-left: 5.3333333333vw;
		padding-right: 5.3333333333vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-inner--lg {
		width: 1320px;
		min-width: 980px;
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}
.p-contents-wrap .c-container {
	padding: 80px 0;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-container {
		padding: 13.3333333333vw 0 16vw;
	}
}
.p-contents-wrap .c-box {
	margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-box {
		margin-bottom: 10.6666666667vw;
	}
}
.p-contents-wrap .c-box:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .c-annotation {
	padding-left: 12px;
	text-indent: -12px;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-annotation {
		padding-left: 2.6666666667vw;
		text-indent: -2.6666666667vw;
		font-size: 2.6666666667vw;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-fit-sp {
		margin-left: -5.3333333333vw;
		margin-right: -5.3333333333vw;
	}
}
.p-contents-wrap .c-btn-wrap {
	text-align: center;
}
.p-contents-wrap .c-btn-wrap:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .c-btn {
	position: relative;
	display: inline-block;
	min-width: 280px;
	margin: 0 auto;
	padding: 15px 55px 15px 20px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #c3a46b;
	background: #fff;
	border: 1px solid #c3a46b;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-btn {
		margin-left: 8px;
		margin-right: 8px;
	}
	.p-contents-wrap .c-btn:first-child {
		margin-left: 0;
	}
	.p-contents-wrap .c-btn:last-child {
		margin-right: 0;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn {
		width: 100%;
		min-width: 0;
		margin-bottom: 2.1333333333vw;
		padding: 3.2vw 14.6666666667vw 3.2vw 5.3333333333vw;
		font-size: 4.2666666667vw;
	}
	.p-contents-wrap .c-btn:last-child {
		margin-bottom: 0;
	}
}
.p-contents-wrap .c-btn--center {
	padding: 15px 40px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn--center {
		padding: 3.2vw 10.6666666667vw;
	}
}
.p-contents-wrap .c-btn--left {
	text-align: left;
}
.p-contents-wrap .c-btn:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 10px;
	position: absolute;
	top: 50%;
	right: 10px;
	background: url(../img/parts/icon_btn_arrow.png) no-repeat center/100%;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn:after {
		width: 8vw;
		height: 2.6666666667vw;
		right: 2.6666666667vw;
	}
}
.p-contents-wrap .c-btn img {
	vertical-align: middle;
}
.p-contents-wrap .c-btn--red:not(:hover) {
	color: #d31d29;
	border: 1px solid #d31d29;
}
.p-contents-wrap .c-btn--red:not(:hover):after {
	background: url(../img/parts/btn_arrow_red.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn--blue:not(:hover) {
	color: #56b1c3;
	border: 1px solid #56b1c3;
}
.p-contents-wrap .c-btn--blue:not(:hover):after {
	background: url(../img/parts/btn_arrow_blue.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn--green:not(:hover) {
	color: #6a9f12;
	border: 1px solid #6a9f12;
}
.p-contents-wrap .c-btn--green:not(:hover):after {
	background: url(../img/parts/btn_arrow_green.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn--orange:not(:hover) {
	color: #f1870e;
	border: 1px solid #f1870e;
}
.p-contents-wrap .c-btn--orange:not(:hover):after {
	background: url(../img/parts/btn_arrow_orange.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn--brown:not(:hover) {
	color: #a45133;
	border: 1px solid #a45133;
}
.p-contents-wrap .c-btn--brown:not(:hover):after {
	background: url(../img/parts/btn_arrow_brown.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn:hover {
	color: #fff;
	background: #e6101e;
	border-color: #e6101e;
	opacity: 1;
}
.p-contents-wrap .c-btn:hover:after {
	background: url(../img/parts/icon_btn_arrow_wht.png) no-repeat center/100%;
}
.p-contents-wrap .c-btn--blank:after {
	width: 15px;
	height: 15px;
	background: url(../img/parts/icon_blank.svg) no-repeat center/100%;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn--blank:after {
		width: 4vw;
		height: 4vw;
	}
}
.p-contents-wrap .c-btn--blank:hover:after {
	background: url(../img/parts/icon_blank_wh.svg) no-repeat center/100%;
}
.p-contents-wrap .c-btn-recipe {
	position: relative;
	display: inline-block;
	padding: 8px 48px 8px 28px;
	font-family: "Zen Maru Gothic", sans-serif;
	line-height: 1.25;
	text-align: center;
	color: #fff;
	border-radius: 4px;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-btn-recipe {
		min-width: 260px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn-recipe {
		display: block;
		padding: 2.1333333333vw 10.6666666667vw 2.1333333333vw 3.2vw;
		border-radius: 1.0666666667vw;
	}
}
.p-contents-wrap .c-btn-recipe:before {
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/parts/icon_arrow_btm.svg) no-repeat center/contain;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn-recipe:before {
		width: 5.3333333333vw;
		height: 5.3333333333vw;
		right: 3.2vw;
	}
}
.p-contents-wrap .c-btn-recipe__main, .p-contents-wrap .c-btn-recipe__sub {
	display: block;
}
.p-contents-wrap .c-btn-recipe__main {
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn-recipe__main {
		font-size: 4.5333333333vw;
	}
}
.p-contents-wrap .c-btn-recipe__sub {
	font-size: 17px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn-recipe__sub {
		font-size: 4.2666666667vw;
	}
}
.p-contents-wrap .c-btn-recipe--blue {
	background: #56b1c3;
	box-shadow: 0 5px 0 rgba(86, 177, 195, 0.2);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-btn-recipe--blue {
		box-shadow: 0 1.3333333333vw 0 rgba(86, 177, 195, 0.2);
	}
}
.p-contents-wrap .c-sheet-prim {
	position: relative;
	padding: 40px;
	margin-bottom: 40px;
}
.p-contents-wrap .c-sheet-prim:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .c-sheet-prim__waku {
	position: absolute;
	pointer-events: none;
}
.p-contents-wrap .c-sheet-prim__waku--t, .p-contents-wrap .c-sheet-prim__waku--b {
	width: calc(100% - 80px);
	height: 40px;
	left: 40px;
}
.p-contents-wrap .c-sheet-prim__waku--t:before, .p-contents-wrap .c-sheet-prim__waku--t:after, .p-contents-wrap .c-sheet-prim__waku--b:before, .p-contents-wrap .c-sheet-prim__waku--b:after {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
}
.p-contents-wrap .c-sheet-prim__waku--t:before, .p-contents-wrap .c-sheet-prim__waku--b:before {
	left: -40px;
}
.p-contents-wrap .c-sheet-prim__waku--t:after, .p-contents-wrap .c-sheet-prim__waku--b:after {
	left: 100%;
}
.p-contents-wrap .c-sheet-prim__waku--t {
	top: 0;
	background: url(../img/parts/sheet_prim_waku_t.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--t:before {
	background: url(../img/parts/sheet_prim_waku_tl.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--t:after {
	background: url(../img/parts/sheet_prim_waku_tr.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--b {
	bottom: 0;
	background: url(../img/parts/sheet_prim_waku_b.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--b:before {
	background: url(../img/parts/sheet_prim_waku_bl.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--b:after {
	background: url(../img/parts/sheet_prim_waku_br.png) repeat-x;
}
.p-contents-wrap .c-sheet-prim__waku--m {
	top: 40px;
	left: 0;
	width: 100%;
	height: calc(100% - 80px);
	background: url(../img/parts/sheet_prim_waku_l.png) repeat-y left, url(../img/parts/sheet_prim_waku_r.png) repeat-y right;
}
.p-contents-wrap .c-sheet-prim__contain {
	padding: 8px 0 60px;
	background: #fff url(../img/parts/sheet_prim_obj.jpg) no-repeat center bottom/100%;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-sheet-prim {
		padding: 5.3333333333vw;
		margin-bottom: 8.5333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku {
		background-size: 5.3333333333vw 5.3333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku:before, .p-contents-wrap .c-sheet-prim__waku:after {
		background-size: 5.3333333333vw 5.3333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku--t, .p-contents-wrap .c-sheet-prim__waku--b {
		width: calc( 100% - 10.6666666667vw);
		height: 5.3333333333vw;
		left: 5.3333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku--t:before, .p-contents-wrap .c-sheet-prim__waku--t:after, .p-contents-wrap .c-sheet-prim__waku--b:before, .p-contents-wrap .c-sheet-prim__waku--b:after {
		content: "";
		display: block;
		position: absolute;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku--t:before, .p-contents-wrap .c-sheet-prim__waku--b:before {
		left: -5.3333333333vw;
	}
	.p-contents-wrap .c-sheet-prim__waku--m {
		top: 5.3333333333vw;
		left: 0;
		width: 100%;
		height: calc(100% - 10.6666666667vw);
	}
	.p-contents-wrap .c-sheet-prim__contain {
		padding: 2.1333333333vw 0 4.2666666667vw;
		background: #fff url(../img/parts/sheet_prim_obj_sp.jpg) no-repeat center bottom/100%;
	}
}
.p-contents-wrap .c-obi {
	padding: 40px 0;
	background: url(../img/sub/bg_idea1_item.png) repeat;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-obi__contain {
		padding-left: 20px;
		padding-right: 20px;
	}
}
.p-contents-wrap .c-obi--knot {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	border-top: 3px solid #d31d29;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-obi--knot {
		border-top-width: 1.0666666667vw;
	}
}
.p-contents-wrap .c-obi--knot:before {
	content: "";
	display: block;
	position: absolute;
	width: 80px;
	height: 56px;
	top: 0;
	left: 50%;
	background: url(../img/sub/obi.png) no-repeat center/contain;
	z-index: 1;
	transform: translate(-50%, -75%);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-obi--knot:before {
		width: 16vw;
		height: 10.6666666667vw;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-obi--knot {
		padding-top: 12.8vw;
		padding-bottom: 12.8vw;
	}
}
.p-contents-wrap .c-sheet-racipie {
	padding: 40px 48px;
	border-radius: 20px;
	border: 1px solid;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-sheet-racipie {
		padding: 5.3333333333vw 7.4666666667vw;
		border-radius: 5.3333333333vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-sheet-racipie__ttl {
		margin-top: 40px;
		margin-left: -12px;
		margin-right: -12px;
		margin-bottom: 24px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-sheet-racipie__ttl {
		margin-top: 8.5333333333vw;
		margin-bottom: 4.2666666667vw;
	}
}
.p-contents-wrap .c-sheet-racipie__ttl:first-child {
	margin-top: 0;
}
.p-contents-wrap .c-sheet-racipie--green {
	border-color: #6a9f12;
	background: #fcfbf1;
}
.p-contents-wrap .c-sheet-racipie--orange {
	border-color: #f1870e;
	background: #fdf3e7;
}
.p-contents-wrap .c-sheet-racipie--blue {
	border-color: #56b1c3;
	background: #fcfbf1;
}
.p-contents-wrap .c-sheet-racipie--brown {
	border-color: #a45133;
	background: #fcfbf1;
}
.p-contents-wrap .c-shadow {
	box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-shadow {
		box-shadow: 1.0666666667vw 1.0666666667vw 0 rgba(0, 0, 0, 0.2);
	}
}
.p-contents-wrap .c-shadow--green {
	box-shadow: 8px 8px 0 rgba(106, 159, 18, 0.2);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-shadow--green {
		box-shadow: 1.0666666667vw 1.0666666667vw 0 rgba(106, 159, 18, 0.2);
	}
}
.p-contents-wrap .c-shadow--orange {
	box-shadow: 8px 8px 0 rgba(241, 135, 14, 0.2);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-shadow--orange {
		box-shadow: 1.0666666667vw 1.0666666667vw 0 rgba(241, 135, 14, 0.2);
	}
}
.p-contents-wrap .c-shadow--blue {
	box-shadow: 8px 8px 0 rgba(86, 177, 195, 0.2);
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-shadow--blue {
		box-shadow: 1.0666666667vw 1.0666666667vw 0 rgba(86, 177, 195, 0.2);
	}
}
.p-contents-wrap .c-num {
	display: block;
	color: #fff;
	width: 32px;
	height: 34px;
	line-height: 30px;
	margin-bottom: 8px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	background: #e6101e;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-num {
		width: 6.4vw;
		height: 6.9333333333vw;
		line-height: 6.4vw;
		margin-bottom: 1.0666666667vw;
		font-size: 4.8vw;
		border-radius: 1.0666666667vw;
	}
}
.p-contents-wrap .c-num--green {
	background: #6a9f12;
}
.p-contents-wrap .c-num--orange {
	background: #f1870e;
}
.p-contents-wrap .c-num--blue {
	background: #56b1c3;
}
.p-contents-wrap .c-num--brown {
	background: #a45133;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-num--row-pc {
		display: inline-block;
		flex-shrink: 0;
		margin-right: 12px;
		vertical-align: sub;
		margin-top: -4px;
	}
}
.p-contents-wrap .c-sheet-wide {
	background: #f8f2ee;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-sheet-wide {
		margin-left: -40px;
		margin-right: -40px;
		padding: 40px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-sheet-wide {
		padding: 9.6vw 5.3333333333vw;
	}
}
.p-contents-wrap .c-bd-points {
	margin-top: 28px;
	margin-bottom: 32px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../img/sub/bd.png) repeat-x top/10px, url(../img/sub/bd.png) repeat-x bottom/10px;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-bd-points {
		column-count: 2;
		font-size: 18px;
		column-gap: 12px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-bd-points {
		margin-top: 6.4vw;
		margin-bottom: 6.4vw;
		font-size: 4.2666666667vw;
		background-size: 2.6666666667vw, 2.6666666667vw;
	}
}
.p-contents-wrap .c-bd-points__item {
	position: relative;
	padding-left: 1em;
	-webkit-text-decoration: -1em;
	        text-decoration: -1em;
}
.p-contents-wrap .c-bd-points__item:before {
	content: "";
	display: block;
	position: absolute;
	content: "・";
	top: 0;
	left: 0;
}
.p-contents-wrap .c-list__item {
	position: relative;
	padding-left: 1em;
	-webkit-text-decoration: -1em;
	        text-decoration: -1em;
}
.p-contents-wrap .c-list__item:before {
	content: "";
	display: block;
	position: absolute;
	content: "・";
	top: 0;
	left: 0;
}
.p-contents-wrap .c-tail-comment {
	margin-top: 48px;
	padding-top: 32px;
	font-size: 20px;
	background: url(../img/sub/bd_tail.png) repeat-x top;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-tail-comment {
		margin-top: 8.5333333333vw;
		padding-top: 4.2666666667vw;
		font-size: 3.7333333333vw;
	}
}
.p-contents-wrap .c-recipe-point {
	position: relative;
	margin-top: 48px;
	padding: 32px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-recipe-point {
		margin-top: 6.4vw;
		padding: 8.5333333333vw 5.3333333333vw;
	}
}
.p-contents-wrap .c-recipe-point__frame {
	position: absolute;
	width: 30px;
	height: 30px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-recipe-point__frame {
		width: 4.2666666667vw;
		height: 4.2666666667vw;
	}
}
.p-contents-wrap .c-recipe-point__frame--lt {
	top: 0;
	left: 0;
	border-left: 1px solid #a45133;
	border-top: 1px solid #a45133;
}
.p-contents-wrap .c-recipe-point__frame--rt {
	top: 0;
	right: 0;
	border-right: 1px solid #a45133;
	border-top: 1px solid #a45133;
}
.p-contents-wrap .c-recipe-point__frame--rb {
	right: 0;
	bottom: 0;
	border-right: 1px solid #a45133;
	border-bottom: 1px solid #a45133;
}
.p-contents-wrap .c-recipe-point__frame--lb {
	left: 0;
	bottom: 0;
	border-left: 1px solid #a45133;
	border-bottom: 1px solid #a45133;
}
.p-contents-wrap .c-recipe-point__head {
	text-align: center;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-recipe-point__head {
		margin-bottom: 3.2vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-recipe-point {
		display: flex;
		align-items: center;
	}
	.p-contents-wrap .c-recipe-point__head {
		flex-shrink: 0;
		width: 250px;
	}
}
.p-contents-wrap .c-row {
	display: flex;
	flex-wrap: wrap;
	margin: -16px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row {
		margin: calc(2.1333333333vw * -1);
	}
}
.p-contents-wrap .c-row__item {
	padding: 16px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item {
		padding: 2.1333333333vw;
	}
}
.p-contents-wrap .c-row__item--1 {
	width: 8.3333333333%;
}
.p-contents-wrap .c-row__item--2 {
	width: 16.6666666667%;
}
.p-contents-wrap .c-row__item--3 {
	width: 25%;
}
.p-contents-wrap .c-row__item--4 {
	width: 33.3333333333%;
}
.p-contents-wrap .c-row__item--5 {
	width: 41.6666666667%;
}
.p-contents-wrap .c-row__item--6 {
	width: 50%;
}
.p-contents-wrap .c-row__item--7 {
	width: 58.3333333333%;
}
.p-contents-wrap .c-row__item--8 {
	width: 66.6666666667%;
}
.p-contents-wrap .c-row__item--9 {
	width: 75%;
}
.p-contents-wrap .c-row__item--10 {
	width: 83.3333333333%;
}
.p-contents-wrap .c-row__item--11 {
	width: 91.6666666667%;
}
.p-contents-wrap .c-row__item--12 {
	width: 100%;
}
.p-contents-wrap .c-row__item--5th {
	width: 20%;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--1-pc {
		width: 8.3333333333%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--2-pc {
		width: 16.6666666667%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--3-pc {
		width: 25%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--4-pc {
		width: 33.3333333333%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--5-pc {
		width: 41.6666666667%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--6-pc {
		width: 50%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--7-pc {
		width: 58.3333333333%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--8-pc {
		width: 66.6666666667%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--9-pc {
		width: 75%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--10-pc {
		width: 83.3333333333%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--11-pc {
		width: 91.6666666667%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--12-pc {
		width: 100%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row__item--5th-pc {
		width: 20%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--1-sp {
		width: 8.3333333333%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--2-sp {
		width: 16.6666666667%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--3-sp {
		width: 25%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--4-sp {
		width: 33.3333333333%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--5-sp {
		width: 41.6666666667%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--6-sp {
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--7-sp {
		width: 58.3333333333%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--8-sp {
		width: 66.6666666667%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--9-sp {
		width: 75%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--10-sp {
		width: 83.3333333333%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--11-sp {
		width: 91.6666666667%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--12-sp {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-row__item--5th-sp {
		width: 20%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row--wide {
		margin: -24px;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row--wide .c-row__item {
		padding: 24px;
	}
}
.p-contents-wrap .c-row--no-space {
	margin: 0;
}
.p-contents-wrap .c-row--no-space .c-row__item {
	padding: 0;
}
.p-contents-wrap .c-row--center {
	justify-content: center;
}
.p-contents-wrap .c-row--align-center {
	align-items: center;
}
.p-contents-wrap .c-row--reverse {
	flex-direction: row-reverse;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-row--reverse-pc {
		flex-direction: row-reverse;
	}
}
.p-contents-wrap .c-ttl-flower {
	margin-bottom: 20px;
	font-size: 24px !important;
	font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-flower {
		margin-bottom: 2.1333333333vw;
		text-align: center;
		font-size: 4.8vw !important;
	}
}
.p-contents-wrap .c-ttl-flower:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	background: url(../img/parts/ttl_flower.svg) no-repeat center/contain;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-ttl-flower:before {
		margin-right: 4px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-flower:before {
		display: block;
		margin: 0 auto 1.0666666667vw;
		width: 5.3333333333vw;
		height: 5.3333333333vw;
	}
}
.p-contents-wrap .c-ttl-flower__main {
	color: #e6101e;
}
.p-contents-wrap .c-ttl-flower__sub {
	font-size: 70%;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-flower__sub {
		font-size: 85%;
	}
}
.p-contents-wrap .c-ttl-shadow {
	margin-bottom: 32px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1.25;
	color: #d31d29;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-shadow {
		margin-bottom: 3.2vw;
	}
}
.p-contents-wrap .c-ttl-shadow:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .c-ttl-shadow__main, .p-contents-wrap .c-ttl-shadow__sub {
	display: block;
}
.p-contents-wrap .c-ttl-shadow__main {
	text-shadow: 0 4px 0 #fff;
	font-size: 44px !important;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-shadow__main {
		font-size: 5.8666666667vw !important;
	}
}
.p-contents-wrap .c-ttl-shadow__sub {
	font-size: 20px !important;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-shadow__sub {
		font-size: 3.2vw !important;
	}
}
.p-contents-wrap .c-ttl-bd {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: bold;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-ttl-bd {
		margin-bottom: 16px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-bd {
		margin-bottom: 3.2vw;
		text-align: center;
	}
}
.p-contents-wrap .c-ttl-bd__txt {
	padding-bottom: 4px;
	font-size: 26px !important;
	border-bottom: 3px solid;
	border-image-source: url(../img/sub/ttl_bd.png);
	border-image-repeat: repeat;
	border-image-width: auto;
	border-image-slice: 35%;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .c-ttl-bd__txt {
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-bd__txt {
		display: inline-block;
		padding-bottom: 1.0666666667vw;
		font-size: 5.8666666667vw !important;
	}
}
.p-contents-wrap .c-ttl-bd-dot {
	margin-bottom: 24px;
	padding-bottom: 20px;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 38px !important;
	font-weight: bold;
	text-align: center;
	line-height: 1.25;
	color: #d31d29;
	text-shadow: 0 4px 0 #fff;
	background: url(../img/sub/bd.png) repeat-x bottom/10px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .c-ttl-bd-dot {
		margin-bottom: 5.3333333333vw;
		padding-bottom: 5.3333333333vw;
		font-size: 6.4vw !important;
		background-size: 2.6666666667vw;
		text-shadow: 0 1.0666666667vw 0 #fff;
	}
}
@keyframes fadein {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes contents {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes zoomin {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.p-contents-wrap .p-anim-contents {
	opacity: 0;
	transform: translateY(12px);
}
.p-contents-wrap .p-anim-contents.is-inview {
	animation: 0.7s ease forwards contents;
}
.p-contents-wrap .p-anim-zoom {
	opacity: 0;
	transform: scale(0.5);
}
.p-contents-wrap .p-anim-zoom.is-inview {
	animation: 0.5s ease forwards zoomin;
}
.p-contents-wrap .p-mv {
	text-align: center;
	background: #feccb1;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-mv__cts {
		position: relative;
		height: 409px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
	.p-contents-wrap .p-mv__cts {
		height: 41vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-mv__cts img {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
		max-width: none;
		height: 100%;
	}
}
.p-contents-wrap .p-intro {
	padding: 48px 0 60px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro {
		background: url(../img/parts/index_bg_sp.png) no-repeat center top/100%;
		padding: 10.6666666667vw 0;
	}
	.p-contents-wrap .p-intro img {
		margin-left: -6.4vw;
		margin-right: -6.4vw;
	}
}
.p-contents-wrap .p-intro p {
	margin-bottom: 0;
}
.p-contents-wrap .p-intro-nav {
	display: flex;
	flex-wrap: wrap;
	margin: -8px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro-nav {
		margin: -1.0666666667vw;
	}
}
.p-contents-wrap .p-intro-nav__item {
	width: 50%;
	padding: 8px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro-nav__item {
		padding: 1.0666666667vw;
	}
}
.p-contents-wrap .p-entrance-wrap {
	background: url(../img/parts/bg.png) repeat;
}
.p-contents-wrap .p-entrance {
	background: url(../img/entrance_bg.png) repeat;
	margin-bottom: 8px;
}
.p-contents-wrap .p-entrance__cts {
	position: relative;
	text-align: center;
}
.p-contents-wrap .p-entrance__icon {
	width: 80px;
	margin: 0 auto 12px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance__icon {
		position: absolute;
		top: 0;
		left: 50%;
		width: 16vw;
		transform: translate(-50%, -60%);
	}
	.p-contents-wrap .p-entrance__icon img {
		width: 100%;
	}
}
.p-contents-wrap .p-entrance__ttl {
	margin-bottom: 28px;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-entrance__ttl img {
		width: 460px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance__ttl {
		margin-bottom: 4.2666666667vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-entrance__txt {
		font-size: 18px;
	}
}
.p-contents-wrap .p-entrance--1 .p-entrance__cts {
	background: url(../img/entrance_kumo_1.png) no-repeat left -12px top 48px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance--1 .p-entrance__cts {
		background: url(../img/entrance_kumo_1_sp.png) no-repeat center top 4.2666666667vw/100%;
	}
}
.p-contents-wrap .p-entrance--2 .p-entrance__cts {
	background: url(../img/entrance_kumo_2.png) no-repeat right -12px top 48px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance--2 .p-entrance__cts {
		background: url(../img/entrance_kumo_2_sp.png) no-repeat center top 4.2666666667vw/100%;
	}
}
.p-contents-wrap .p-entrance--3 .p-entrance__cts {
	background: url(../img/entrance_kumo_3.png) no-repeat left -12px top 48px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance--3 .p-entrance__cts {
		background: url(../img/entrance_kumo_3_sp.png) no-repeat center top 4.2666666667vw/100%;
	}
}
.p-contents-wrap .p-entrance--4 .p-entrance__cts {
	background: url(../img/entrance_kumo_4.png) no-repeat right -12px top 48px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance--4 .p-entrance__cts {
		background: url(../img/entrance_kumo_4_sp.png) no-repeat center top 4.2666666667vw/100%;
	}
}
.p-contents-wrap .p-entrance--5 .p-entrance__cts {
	background: url(../img/entrance_kumo_5.png) no-repeat left -12px top 48px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance--5 .p-entrance__cts {
		background: url(../img/entrance_kumo_5_sp.png) no-repeat center top 4.2666666667vw/100%;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-entrance__contain {
		display: flex;
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
	.p-contents-wrap .p-entrance:nth-child(even) .p-entrance__contain {
		flex-direction: row-reverse;
	}
	.p-contents-wrap .p-entrance__cts {
		width: calc(50% - 40px);
		min-width: 480px;
		padding: 36px 40px 52px;
	}
	.p-contents-wrap .p-entrance__img {
		width: calc(50% + 40px);
	}
	.p-contents-wrap .p-entrance__img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-entrance__cts {
		padding: 11.7333333333vw 5.3333333333vw 7.4666666667vw;
	}
}
.p-contents-wrap .p-whats {
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-whats {
		margin-bottom: 9.6vw;
	}
}
.p-contents-wrap .p-whats:last-child {
	margin-bottom: 0;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-whats {
		display: flex;
	}
	.p-contents-wrap .p-whats:before {
		content: "";
		flex-shrink: 0;
		border: 1px solid #d4b987;
	}
	.p-contents-wrap .p-whats--nista:before {
		width: 373px;
		height: 249px;
		margin-right: 28px;
		background: url(../img/whats_nista.jpg) no-repeat center/cover;
	}
	.p-contents-wrap .p-whats--yonpi {
		flex-direction: row-reverse;
	}
	.p-contents-wrap .p-whats--yonpi:before {
		width: 180px;
		height: 180px;
		margin-left: 28px;
		background: url(../img/whats_yonpi.jpg) no-repeat center/cover;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-whats {
		padding-left: 3.2vw;
		padding-right: 3.2vw;
	}
	.p-contents-wrap .p-whats__contain {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.p-contents-wrap .p-whats__contain:before {
		content: "";
		border: 1px solid #d4b987;
	}
	.p-contents-wrap .p-whats__ttl {
		width: 50%;
		text-align: center;
	}
	.p-contents-wrap .p-whats__body {
		margin-top: 3.2vw;
	}
	.p-contents-wrap .p-whats--nista .p-whats__contain:before {
		max-width: 56%;
		width: 45.8666666667vw;
		height: 32vw;
		background: url(../img/whats_nista.jpg) no-repeat center/cover;
	}
	.p-contents-wrap .p-whats--nista .p-whats__ttl {
		width: 44%;
	}
	.p-contents-wrap .p-whats--yonpi .p-whats__contain:before {
		max-width: 50%;
		width: 34.1333333333vw;
		height: 34.1333333333vw;
		background: url(../img/whats_yonpi.jpg) no-repeat center/cover;
	}
	.p-contents-wrap .p-whats--yonpi .p-whats__ttl {
		order: -1;
	}
}
.p-contents-wrap .p-idea-header {
	position: relative;
	margin-bottom: 40px;
	padding-top: 32px;
	text-align: center;
	background: url(../img/sub/header_bg.jpg) no-repeat center bottom 28px;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-idea-header:before, .p-contents-wrap .p-idea-header:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		width: 377px;
		height: 202px;
		pointer-events: none;
	}
}
@media screen and (min-width: 769px) and (max-width: 1440px) {
	.p-contents-wrap .p-idea-header:before, .p-contents-wrap .p-idea-header:after {
		width: 26.2vw;
		height: 14vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-idea-header:before {
		left: 0;
		background: url(../img/sub/obj_sub_head_l.png) no-repeat left top/contain;
	}
	.p-contents-wrap .p-idea-header:after {
		right: 0;
		background: url(../img/sub/obj_sub_head_r.png) no-repeat right top/contain;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-idea-header {
		margin-bottom: 10.6666666667vw;
		padding-top: 8.5333333333vw;
		background: url(../img/sub/obj_sub_head_sp.png) no-repeat center top/100%, url(../img/sub/header_bg_sp.jpg) no-repeat center top 22.4vw/100%;
	}
}
.p-contents-wrap .p-intro-aux {
	margin-top: 52px;
	padding: 0 72px 40px;
	background: #f8f2ee;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-intro-aux__img, .p-contents-wrap .p-intro-aux__comment {
		width: 688px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-intro-aux__comment {
		margin-bottom: 40px;
		font-size: 18px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro-aux__comment {
		margin-bottom: 6.4vw;
		font-size: 4vw;
	}
}
.p-contents-wrap .p-intro-aux__comment:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .p-intro-aux__img {
	position: relative;
	top: -20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro-aux {
		margin-top: 10.6666666667vw;
		padding: 0 5.3333333333vw 8.5333333333vw;
	}
	.p-contents-wrap .p-intro-aux__img {
		top: -5.3333333333vw;
	}
}
.p-contents-wrap .p-intro-aux__badge {
	position: absolute;
	right: -128px;
	bottom: -48px;
	width: 188px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-intro-aux__badge {
		width: 26.6666666667vw;
		top: -5.3333333333vw;
		bottom: auto;
		right: -3.2vw;
	}
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-advice {
		display: flex;
		align-items: center;
		font-size: 18px;
	}
	.p-contents-wrap .p-advice__ttl {
		flex-shrink: 0;
		margin-right: 32px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-advice {
		font-size: 4vw;
	}
	.p-contents-wrap .p-advice__ttl {
		margin-bottom: 5.3333333333vw;
		text-align: center;
	}
}
.p-contents-wrap .p-osechiset {
	max-width: 100%;
	width: 882px;
	height: 290px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/sub/osechi_set.png) no-repeat center/contain;
}
.p-contents-wrap .p-osechiset .c-btn-wrap {
	text-align: left;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-osechiset {
		display: flex;
		align-items: center;
		padding-left: 408px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-osechiset {
		height: 113.0666666667vw;
		padding: 64vw 5.3333333333vw 0;
		background: url(../img/sub/osechi_set_sp.png) no-repeat center/contain;
	}
}
.p-contents-wrap .p-racipie-cts {
	position: relative;
	margin-top: 100px;
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-racipie-cts {
		margin-top: 12.8vw;
		margin-bottom: 10.6666666667vw;
	}
}
.p-contents-wrap .p-racipie-cts:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .p-racipie-cts:before {
	content: "";
	display: block;
	position: absolute;
	width: 1000px;
	height: 833px;
	top: -40px;
	left: -24px;
	background: url(../img/sub/cloud_racipie.png) no-repeat center top/contain;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-racipie-cts:before {
		width: calc(100% + ( 5.3333333333vw * 2 ));
		height: 106.6666666667vw;
		top: -6.4vw;
		left: -5.3333333333vw;
		background: url(../img/sub/cloud_racipie_sp.png) no-repeat center top/contain;
	}
}
.p-contents-wrap .p-racipie-cts__contain {
	position: relative;
	z-index: 1;
}
.p-contents-wrap .p-cloud-cts {
	margin-top: 100px;
	margin-bottom: 40px;
	padding-bottom: 60px;
	position: relative;
}
@media screen and (min-width: 769px) {
	.p-contents-wrap .p-cloud-cts {
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-cloud-cts {
		margin-top: 12.8vw;
		margin-bottom: 5.3333333333vw;
		padding-bottom: 10.6666666667vw;
	}
}
.p-contents-wrap .p-cloud-cts:last-child {
	margin-bottom: 0;
}
.p-contents-wrap .p-cloud-cts:before {
	content: "";
	display: block;
	position: absolute;
	width: 1094px;
	height: 614px;
	left: -64px;
	top: -48px;
	background: url(../img/sub/cloud_cmn.png) no-repeat center top/contain;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-cloud-cts:before {
		width: calc(100% + ( 5.3333333333vw * 2 ));
		height: 148vw;
		top: -9.6vw;
		left: -5.3333333333vw;
		background: url(../img/sub/cloud_cmn_sp.png) no-repeat center top/contain;
	}
}
.p-contents-wrap .p-cloud-cts__contain {
	position: relative;
	z-index: 1;
}
.p-contents-wrap .p-sub-btm {
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 100px;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.p-contents-wrap .p-sub-btm {
		margin-top: 10.6666666667vw;
		padding-top: 10.6666666667vw;
		padding-bottom: 16vw;
	}
}

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

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

.u-text-center {
	text-align: center !important;
}
@media screen and (min-width: 769px) {
	.u-text-center--pc {
		text-align: center !important;
	}
}
@media screen and (max-width: 768px) {
	.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;
}

.u-text-right {
	text-align: right !important;
}

.u-ib {
	display: inline-block !important;
	vertical-align: middle;
}

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

.u-flex {
	display: flex;
}
@media screen and (min-width: 769px) {
	.u-flex--pc {
		display: flex;
	}
}
.u-flex--wrap {
	flex-wrap: wrap;
}
.u-flex--between {
	justify-content: space-between;
}
.u-flex--jcenter {
	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-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: 768px) {
	.u-m-0--sp,
	.u-m-0 {
		margin: 0vw !important;
	}
	.u-mt-0,
	.u-my-0,
	.u-mt-0--sp,
	.u-my-0--sp {
		margin-top: 0vw !important;
	}
	.u-mr-0,
	.u-mx-0,
	.u-mr-0--sp,
	.u-mx-0--sp {
		margin-right: 0vw !important;
	}
	.u-mb-0,
	.u-my-0,
	.u-mb-0--sp,
	.u-my-0--sp {
		margin-bottom: 0vw !important;
	}
	.u-ml-0,
	.u-mx-0,
	.u-ml-0--sp,
	.u-mx-0--sp {
		margin-left: 0vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-4--sp,
	.u-m-4 {
		margin: 1.0666666667vw !important;
	}
	.u-mt-4,
	.u-my-4,
	.u-mt-4--sp,
	.u-my-4--sp {
		margin-top: 1.0666666667vw !important;
	}
	.u-mr-4,
	.u-mx-4,
	.u-mr-4--sp,
	.u-mx-4--sp {
		margin-right: 1.0666666667vw !important;
	}
	.u-mb-4,
	.u-my-4,
	.u-mb-4--sp,
	.u-my-4--sp {
		margin-bottom: 1.0666666667vw !important;
	}
	.u-ml-4,
	.u-mx-4,
	.u-ml-4--sp,
	.u-mx-4--sp {
		margin-left: 1.0666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-8--sp,
	.u-m-8 {
		margin: 2.1333333333vw !important;
	}
	.u-mt-8,
	.u-my-8,
	.u-mt-8--sp,
	.u-my-8--sp {
		margin-top: 2.1333333333vw !important;
	}
	.u-mr-8,
	.u-mx-8,
	.u-mr-8--sp,
	.u-mx-8--sp {
		margin-right: 2.1333333333vw !important;
	}
	.u-mb-8,
	.u-my-8,
	.u-mb-8--sp,
	.u-my-8--sp {
		margin-bottom: 2.1333333333vw !important;
	}
	.u-ml-8,
	.u-mx-8,
	.u-ml-8--sp,
	.u-mx-8--sp {
		margin-left: 2.1333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-12--sp,
	.u-m-12 {
		margin: 3.2vw !important;
	}
	.u-mt-12,
	.u-my-12,
	.u-mt-12--sp,
	.u-my-12--sp {
		margin-top: 3.2vw !important;
	}
	.u-mr-12,
	.u-mx-12,
	.u-mr-12--sp,
	.u-mx-12--sp {
		margin-right: 3.2vw !important;
	}
	.u-mb-12,
	.u-my-12,
	.u-mb-12--sp,
	.u-my-12--sp {
		margin-bottom: 3.2vw !important;
	}
	.u-ml-12,
	.u-mx-12,
	.u-ml-12--sp,
	.u-mx-12--sp {
		margin-left: 3.2vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-16--sp,
	.u-m-16 {
		margin: 4.2666666667vw !important;
	}
	.u-mt-16,
	.u-my-16,
	.u-mt-16--sp,
	.u-my-16--sp {
		margin-top: 4.2666666667vw !important;
	}
	.u-mr-16,
	.u-mx-16,
	.u-mr-16--sp,
	.u-mx-16--sp {
		margin-right: 4.2666666667vw !important;
	}
	.u-mb-16,
	.u-my-16,
	.u-mb-16--sp,
	.u-my-16--sp {
		margin-bottom: 4.2666666667vw !important;
	}
	.u-ml-16,
	.u-mx-16,
	.u-ml-16--sp,
	.u-mx-16--sp {
		margin-left: 4.2666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-20--sp,
	.u-m-20 {
		margin: 5.3333333333vw !important;
	}
	.u-mt-20,
	.u-my-20,
	.u-mt-20--sp,
	.u-my-20--sp {
		margin-top: 5.3333333333vw !important;
	}
	.u-mr-20,
	.u-mx-20,
	.u-mr-20--sp,
	.u-mx-20--sp {
		margin-right: 5.3333333333vw !important;
	}
	.u-mb-20,
	.u-my-20,
	.u-mb-20--sp,
	.u-my-20--sp {
		margin-bottom: 5.3333333333vw !important;
	}
	.u-ml-20,
	.u-mx-20,
	.u-ml-20--sp,
	.u-mx-20--sp {
		margin-left: 5.3333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-24--sp,
	.u-m-24 {
		margin: 6.4vw !important;
	}
	.u-mt-24,
	.u-my-24,
	.u-mt-24--sp,
	.u-my-24--sp {
		margin-top: 6.4vw !important;
	}
	.u-mr-24,
	.u-mx-24,
	.u-mr-24--sp,
	.u-mx-24--sp {
		margin-right: 6.4vw !important;
	}
	.u-mb-24,
	.u-my-24,
	.u-mb-24--sp,
	.u-my-24--sp {
		margin-bottom: 6.4vw !important;
	}
	.u-ml-24,
	.u-mx-24,
	.u-ml-24--sp,
	.u-mx-24--sp {
		margin-left: 6.4vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-28--sp,
	.u-m-28 {
		margin: 7.4666666667vw !important;
	}
	.u-mt-28,
	.u-my-28,
	.u-mt-28--sp,
	.u-my-28--sp {
		margin-top: 7.4666666667vw !important;
	}
	.u-mr-28,
	.u-mx-28,
	.u-mr-28--sp,
	.u-mx-28--sp {
		margin-right: 7.4666666667vw !important;
	}
	.u-mb-28,
	.u-my-28,
	.u-mb-28--sp,
	.u-my-28--sp {
		margin-bottom: 7.4666666667vw !important;
	}
	.u-ml-28,
	.u-mx-28,
	.u-ml-28--sp,
	.u-mx-28--sp {
		margin-left: 7.4666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-32--sp,
	.u-m-32 {
		margin: 8.5333333333vw !important;
	}
	.u-mt-32,
	.u-my-32,
	.u-mt-32--sp,
	.u-my-32--sp {
		margin-top: 8.5333333333vw !important;
	}
	.u-mr-32,
	.u-mx-32,
	.u-mr-32--sp,
	.u-mx-32--sp {
		margin-right: 8.5333333333vw !important;
	}
	.u-mb-32,
	.u-my-32,
	.u-mb-32--sp,
	.u-my-32--sp {
		margin-bottom: 8.5333333333vw !important;
	}
	.u-ml-32,
	.u-mx-32,
	.u-ml-32--sp,
	.u-mx-32--sp {
		margin-left: 8.5333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-36--sp,
	.u-m-36 {
		margin: 9.6vw !important;
	}
	.u-mt-36,
	.u-my-36,
	.u-mt-36--sp,
	.u-my-36--sp {
		margin-top: 9.6vw !important;
	}
	.u-mr-36,
	.u-mx-36,
	.u-mr-36--sp,
	.u-mx-36--sp {
		margin-right: 9.6vw !important;
	}
	.u-mb-36,
	.u-my-36,
	.u-mb-36--sp,
	.u-my-36--sp {
		margin-bottom: 9.6vw !important;
	}
	.u-ml-36,
	.u-mx-36,
	.u-ml-36--sp,
	.u-mx-36--sp {
		margin-left: 9.6vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-40--sp,
	.u-m-40 {
		margin: 10.6666666667vw !important;
	}
	.u-mt-40,
	.u-my-40,
	.u-mt-40--sp,
	.u-my-40--sp {
		margin-top: 10.6666666667vw !important;
	}
	.u-mr-40,
	.u-mx-40,
	.u-mr-40--sp,
	.u-mx-40--sp {
		margin-right: 10.6666666667vw !important;
	}
	.u-mb-40,
	.u-my-40,
	.u-mb-40--sp,
	.u-my-40--sp {
		margin-bottom: 10.6666666667vw !important;
	}
	.u-ml-40,
	.u-mx-40,
	.u-ml-40--sp,
	.u-mx-40--sp {
		margin-left: 10.6666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-48--sp,
	.u-m-48 {
		margin: 12.8vw !important;
	}
	.u-mt-48,
	.u-my-48,
	.u-mt-48--sp,
	.u-my-48--sp {
		margin-top: 12.8vw !important;
	}
	.u-mr-48,
	.u-mx-48,
	.u-mr-48--sp,
	.u-mx-48--sp {
		margin-right: 12.8vw !important;
	}
	.u-mb-48,
	.u-my-48,
	.u-mb-48--sp,
	.u-my-48--sp {
		margin-bottom: 12.8vw !important;
	}
	.u-ml-48,
	.u-mx-48,
	.u-ml-48--sp,
	.u-mx-48--sp {
		margin-left: 12.8vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-m-60--sp,
	.u-m-60 {
		margin: 16vw !important;
	}
	.u-mt-60,
	.u-my-60,
	.u-mt-60--sp,
	.u-my-60--sp {
		margin-top: 16vw !important;
	}
	.u-mr-60,
	.u-mx-60,
	.u-mr-60--sp,
	.u-mx-60--sp {
		margin-right: 16vw !important;
	}
	.u-mb-60,
	.u-my-60,
	.u-mb-60--sp,
	.u-my-60--sp {
		margin-bottom: 16vw !important;
	}
	.u-ml-60,
	.u-mx-60,
	.u-ml-60--sp,
	.u-mx-60--sp {
		margin-left: 16vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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-m-80 {
	margin: 80px !important;
}

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

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

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

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

@media screen and (max-width: 768px) {
	.u-m-80--sp,
	.u-m-80 {
		margin: 21.3333333333vw !important;
	}
	.u-mt-80,
	.u-my-80,
	.u-mt-80--sp,
	.u-my-80--sp {
		margin-top: 21.3333333333vw !important;
	}
	.u-mr-80,
	.u-mx-80,
	.u-mr-80--sp,
	.u-mx-80--sp {
		margin-right: 21.3333333333vw !important;
	}
	.u-mb-80,
	.u-my-80,
	.u-mb-80--sp,
	.u-my-80--sp {
		margin-bottom: 21.3333333333vw !important;
	}
	.u-ml-80,
	.u-mx-80,
	.u-ml-80--sp,
	.u-mx-80--sp {
		margin-left: 21.3333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.u-m-80--pc {
		margin: 80px !important;
	}
	.u-mt-80--pc,
	.u-my-80--pc {
		margin-top: 80px !important;
	}
	.u-mr-80--pc,
	.u-mx-80--pc {
		margin-right: 80px !important;
	}
	.u-mb-80--pc,
	.u-my-80--pc {
		margin-bottom: 80px !important;
	}
	.u-ml-80--pc,
	.u-mx-80--pc {
		margin-left: 80px !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: 768px) {
	.u-p-0--sp,
	.u-p-0 {
		padding: 0vw !important;
	}
	.u-pt-0,
	.u-py-0,
	.u-pt-0--sp,
	.u-py-0--sp {
		padding-top: 0vw !important;
	}
	.u-pr-0,
	.u-px-0,
	.u-pr-0--sp,
	.u-px-0--sp {
		padding-right: 0vw !important;
	}
	.u-pb-0,
	.u-py-0,
	.u-pb-0--sp,
	.u-py-0--sp {
		padding-bottom: 0vw !important;
	}
	.u-pl-0,
	.u-px-0,
	.u-pl-0--sp,
	.u-px-0--sp {
		padding-left: 0vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-4--sp,
	.u-p-4 {
		padding: 1.0666666667vw !important;
	}
	.u-pt-4,
	.u-py-4,
	.u-pt-4--sp,
	.u-py-4--sp {
		padding-top: 1.0666666667vw !important;
	}
	.u-pr-4,
	.u-px-4,
	.u-pr-4--sp,
	.u-px-4--sp {
		padding-right: 1.0666666667vw !important;
	}
	.u-pb-4,
	.u-py-4,
	.u-pb-4--sp,
	.u-py-4--sp {
		padding-bottom: 1.0666666667vw !important;
	}
	.u-pl-4,
	.u-px-4,
	.u-pl-4--sp,
	.u-px-4--sp {
		padding-left: 1.0666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-8--sp,
	.u-p-8 {
		padding: 2.1333333333vw !important;
	}
	.u-pt-8,
	.u-py-8,
	.u-pt-8--sp,
	.u-py-8--sp {
		padding-top: 2.1333333333vw !important;
	}
	.u-pr-8,
	.u-px-8,
	.u-pr-8--sp,
	.u-px-8--sp {
		padding-right: 2.1333333333vw !important;
	}
	.u-pb-8,
	.u-py-8,
	.u-pb-8--sp,
	.u-py-8--sp {
		padding-bottom: 2.1333333333vw !important;
	}
	.u-pl-8,
	.u-px-8,
	.u-pl-8--sp,
	.u-px-8--sp {
		padding-left: 2.1333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-12--sp,
	.u-p-12 {
		padding: 3.2vw !important;
	}
	.u-pt-12,
	.u-py-12,
	.u-pt-12--sp,
	.u-py-12--sp {
		padding-top: 3.2vw !important;
	}
	.u-pr-12,
	.u-px-12,
	.u-pr-12--sp,
	.u-px-12--sp {
		padding-right: 3.2vw !important;
	}
	.u-pb-12,
	.u-py-12,
	.u-pb-12--sp,
	.u-py-12--sp {
		padding-bottom: 3.2vw !important;
	}
	.u-pl-12,
	.u-px-12,
	.u-pl-12--sp,
	.u-px-12--sp {
		padding-left: 3.2vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-16--sp,
	.u-p-16 {
		padding: 4.2666666667vw !important;
	}
	.u-pt-16,
	.u-py-16,
	.u-pt-16--sp,
	.u-py-16--sp {
		padding-top: 4.2666666667vw !important;
	}
	.u-pr-16,
	.u-px-16,
	.u-pr-16--sp,
	.u-px-16--sp {
		padding-right: 4.2666666667vw !important;
	}
	.u-pb-16,
	.u-py-16,
	.u-pb-16--sp,
	.u-py-16--sp {
		padding-bottom: 4.2666666667vw !important;
	}
	.u-pl-16,
	.u-px-16,
	.u-pl-16--sp,
	.u-px-16--sp {
		padding-left: 4.2666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-20--sp,
	.u-p-20 {
		padding: 5.3333333333vw !important;
	}
	.u-pt-20,
	.u-py-20,
	.u-pt-20--sp,
	.u-py-20--sp {
		padding-top: 5.3333333333vw !important;
	}
	.u-pr-20,
	.u-px-20,
	.u-pr-20--sp,
	.u-px-20--sp {
		padding-right: 5.3333333333vw !important;
	}
	.u-pb-20,
	.u-py-20,
	.u-pb-20--sp,
	.u-py-20--sp {
		padding-bottom: 5.3333333333vw !important;
	}
	.u-pl-20,
	.u-px-20,
	.u-pl-20--sp,
	.u-px-20--sp {
		padding-left: 5.3333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-24--sp,
	.u-p-24 {
		padding: 6.4vw !important;
	}
	.u-pt-24,
	.u-py-24,
	.u-pt-24--sp,
	.u-py-24--sp {
		padding-top: 6.4vw !important;
	}
	.u-pr-24,
	.u-px-24,
	.u-pr-24--sp,
	.u-px-24--sp {
		padding-right: 6.4vw !important;
	}
	.u-pb-24,
	.u-py-24,
	.u-pb-24--sp,
	.u-py-24--sp {
		padding-bottom: 6.4vw !important;
	}
	.u-pl-24,
	.u-px-24,
	.u-pl-24--sp,
	.u-px-24--sp {
		padding-left: 6.4vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-28--sp,
	.u-p-28 {
		padding: 7.4666666667vw !important;
	}
	.u-pt-28,
	.u-py-28,
	.u-pt-28--sp,
	.u-py-28--sp {
		padding-top: 7.4666666667vw !important;
	}
	.u-pr-28,
	.u-px-28,
	.u-pr-28--sp,
	.u-px-28--sp {
		padding-right: 7.4666666667vw !important;
	}
	.u-pb-28,
	.u-py-28,
	.u-pb-28--sp,
	.u-py-28--sp {
		padding-bottom: 7.4666666667vw !important;
	}
	.u-pl-28,
	.u-px-28,
	.u-pl-28--sp,
	.u-px-28--sp {
		padding-left: 7.4666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-32--sp,
	.u-p-32 {
		padding: 8.5333333333vw !important;
	}
	.u-pt-32,
	.u-py-32,
	.u-pt-32--sp,
	.u-py-32--sp {
		padding-top: 8.5333333333vw !important;
	}
	.u-pr-32,
	.u-px-32,
	.u-pr-32--sp,
	.u-px-32--sp {
		padding-right: 8.5333333333vw !important;
	}
	.u-pb-32,
	.u-py-32,
	.u-pb-32--sp,
	.u-py-32--sp {
		padding-bottom: 8.5333333333vw !important;
	}
	.u-pl-32,
	.u-px-32,
	.u-pl-32--sp,
	.u-px-32--sp {
		padding-left: 8.5333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-36--sp,
	.u-p-36 {
		padding: 9.6vw !important;
	}
	.u-pt-36,
	.u-py-36,
	.u-pt-36--sp,
	.u-py-36--sp {
		padding-top: 9.6vw !important;
	}
	.u-pr-36,
	.u-px-36,
	.u-pr-36--sp,
	.u-px-36--sp {
		padding-right: 9.6vw !important;
	}
	.u-pb-36,
	.u-py-36,
	.u-pb-36--sp,
	.u-py-36--sp {
		padding-bottom: 9.6vw !important;
	}
	.u-pl-36,
	.u-px-36,
	.u-pl-36--sp,
	.u-px-36--sp {
		padding-left: 9.6vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-40--sp,
	.u-p-40 {
		padding: 10.6666666667vw !important;
	}
	.u-pt-40,
	.u-py-40,
	.u-pt-40--sp,
	.u-py-40--sp {
		padding-top: 10.6666666667vw !important;
	}
	.u-pr-40,
	.u-px-40,
	.u-pr-40--sp,
	.u-px-40--sp {
		padding-right: 10.6666666667vw !important;
	}
	.u-pb-40,
	.u-py-40,
	.u-pb-40--sp,
	.u-py-40--sp {
		padding-bottom: 10.6666666667vw !important;
	}
	.u-pl-40,
	.u-px-40,
	.u-pl-40--sp,
	.u-px-40--sp {
		padding-left: 10.6666666667vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-48--sp,
	.u-p-48 {
		padding: 12.8vw !important;
	}
	.u-pt-48,
	.u-py-48,
	.u-pt-48--sp,
	.u-py-48--sp {
		padding-top: 12.8vw !important;
	}
	.u-pr-48,
	.u-px-48,
	.u-pr-48--sp,
	.u-px-48--sp {
		padding-right: 12.8vw !important;
	}
	.u-pb-48,
	.u-py-48,
	.u-pb-48--sp,
	.u-py-48--sp {
		padding-bottom: 12.8vw !important;
	}
	.u-pl-48,
	.u-px-48,
	.u-pl-48--sp,
	.u-px-48--sp {
		padding-left: 12.8vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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: 768px) {
	.u-p-60--sp,
	.u-p-60 {
		padding: 16vw !important;
	}
	.u-pt-60,
	.u-py-60,
	.u-pt-60--sp,
	.u-py-60--sp {
		padding-top: 16vw !important;
	}
	.u-pr-60,
	.u-px-60,
	.u-pr-60--sp,
	.u-px-60--sp {
		padding-right: 16vw !important;
	}
	.u-pb-60,
	.u-py-60,
	.u-pb-60--sp,
	.u-py-60--sp {
		padding-bottom: 16vw !important;
	}
	.u-pl-60,
	.u-px-60,
	.u-pl-60--sp,
	.u-px-60--sp {
		padding-left: 16vw !important;
	}
}
@media screen and (min-width: 769px) {
	.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-p-80 {
	padding: 80px !important;
}

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

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

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

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

@media screen and (max-width: 768px) {
	.u-p-80--sp,
	.u-p-80 {
		padding: 21.3333333333vw !important;
	}
	.u-pt-80,
	.u-py-80,
	.u-pt-80--sp,
	.u-py-80--sp {
		padding-top: 21.3333333333vw !important;
	}
	.u-pr-80,
	.u-px-80,
	.u-pr-80--sp,
	.u-px-80--sp {
		padding-right: 21.3333333333vw !important;
	}
	.u-pb-80,
	.u-py-80,
	.u-pb-80--sp,
	.u-py-80--sp {
		padding-bottom: 21.3333333333vw !important;
	}
	.u-pl-80,
	.u-px-80,
	.u-pl-80--sp,
	.u-px-80--sp {
		padding-left: 21.3333333333vw !important;
	}
}
@media screen and (min-width: 769px) {
	.u-p-80--pc {
		padding: 80px !important;
	}
	.u-pt-80--pc,
	.u-py-80--pc {
		padding-top: 80px !important;
	}
	.u-pr-80--pc,
	.u-px-80--pc {
		padding-right: 80px !important;
	}
	.u-pb-80--pc,
	.u-py-80--pc {
		padding-bottom: 80px !important;
	}
	.u-pl-80--pc,
	.u-px-80--pc {
		padding-left: 80px !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", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
}

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

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

@media screen and (min-width: 769px) {
	.u-font-10,
	.u-font-10--pc {
		font-size: 10px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-10,
	.u-font-10--sp {
		font-size: 2.6666666667vw !important;
	}
}
.u-font-12 {
	font-size: 12px !important;
}

@media screen and (min-width: 769px) {
	.u-font-12,
	.u-font-12--pc {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-12,
	.u-font-12--sp {
		font-size: 3.2vw !important;
	}
}
.u-font-14 {
	font-size: 14px !important;
}

@media screen and (min-width: 769px) {
	.u-font-14,
	.u-font-14--pc {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-14,
	.u-font-14--sp {
		font-size: 3.7333333333vw !important;
	}
}
.u-font-16 {
	font-size: 16px !important;
}

@media screen and (min-width: 769px) {
	.u-font-16,
	.u-font-16--pc {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-16,
	.u-font-16--sp {
		font-size: 4.2666666667vw !important;
	}
}
.u-font-18 {
	font-size: 18px !important;
}

@media screen and (min-width: 769px) {
	.u-font-18,
	.u-font-18--pc {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-18,
	.u-font-18--sp {
		font-size: 4.8vw !important;
	}
}
.u-font-20 {
	font-size: 20px !important;
}

@media screen and (min-width: 769px) {
	.u-font-20,
	.u-font-20--pc {
		font-size: 20px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-20,
	.u-font-20--sp {
		font-size: 5.3333333333vw !important;
	}
}
.u-font-24 {
	font-size: 24px !important;
}

@media screen and (min-width: 769px) {
	.u-font-24,
	.u-font-24--pc {
		font-size: 24px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-24,
	.u-font-24--sp {
		font-size: 6.4vw !important;
	}
}
.u-font-32 {
	font-size: 32px !important;
}

@media screen and (min-width: 769px) {
	.u-font-32,
	.u-font-32--pc {
		font-size: 32px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-32,
	.u-font-32--sp {
		font-size: 8.5333333333vw !important;
	}
}
.u-font-40 {
	font-size: 40px !important;
}

@media screen and (min-width: 769px) {
	.u-font-40,
	.u-font-40--pc {
		font-size: 40px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-40,
	.u-font-40--sp {
		font-size: 10.6666666667vw !important;
	}
}
.u-font-56 {
	font-size: 56px !important;
}

@media screen and (min-width: 769px) {
	.u-font-56,
	.u-font-56--pc {
		font-size: 56px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-56,
	.u-font-56--sp {
		font-size: 14.9333333333vw !important;
	}
}
.u-font-60 {
	font-size: 60px !important;
}

@media screen and (min-width: 769px) {
	.u-font-60,
	.u-font-60--pc {
		font-size: 60px !important;
	}
}
@media screen and (max-width: 768px) {
	.u-font-60,
	.u-font-60--sp {
		font-size: 16vw !important;
	}
}
.u-font-120 {
	font-size: 120%;
}

.u-font-80 {
	font-size: 80%;
}

.u-font-70 {
	font-size: 70%;
}

.u-font-maru {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
}

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

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

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

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

.u-color-danger {
	color: #e6101e !important;
}

.u-color-red {
	color: #d31d29 !important;
}

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

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

.u-w100 {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.u-w100--sp {
		width: 100%;
	}
}

.u-bd {
	border: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
	.u-column--sp {
		column-count: 2;
	}
}
@media screen and (min-width: 769px) {
	.u-column--pc {
		column-count: 2;
	}
}