@charset "UTF-8";
:root {
	--color-bk: #231815;
	--color-grey: #727171;
	--color-grey2: #bdbdbd;
	--color-brw: #5c4e0c;
	--color-brw2: #948049;
	--color-white: #fff;
	--color-black: #333;
	--font-goc: "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	--font-min: "fot-tsukuaoldmin-pr6n", sans-serif;
	--font-forum: "Forum", "Noto Serif JP", serif;
}

.p-brand {
	color: var(--color-bk);
}
.p-brand-mv {
	position: relative;
}
.p-brand-mv__text {
	bottom: 70px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	z-index: 1;
}
.p-brand-mv__text h2 {
	color: var(--color-white);
	font-size: clamp(4rem, 3.1rem + 2.8125vw, 8.5rem);
}
.p-brand-intro {
	background: url(../images/brand/bg1.webp) no-repeat;
	background-position: center top;
	background-size: 100%;
	padding-block-start: clamp(3rem, 2rem + 3.125vw, 8rem);
}
@media screen and (max-width: 767px) {
	.p-brand-intro {
		background-image: url(../images/brand/bg1-sp.webp);
	}
}
.p-brand-intro .note {
	font-size: clamp(1.6rem, 1.28rem + 1vw, 3.2rem);
	letter-spacing: 0.1em;
	margin: 0 auto 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-brand-intro .note:before, .p-brand-intro .note:after {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background: var(--color-bk);
}
.p-brand-intro .note:before {
	margin-right: 1.6em;
}
.p-brand-intro .note:after {
	margin-left: 1.6em;
}
.p-brand-intro h2 {
	font-size: clamp(2.7rem, 2.16rem + 1.6875vw, 5.4rem);
	letter-spacing: 0.18em;
}
.p-brand-intro svg {
	width: 18px;
	height: 16px;
	display: block;
	margin-inline: auto;
	margin-block: clamp(4rem, 3.2rem + 2.5vw, 8rem);
	fill: var(--color-grey);
}
@media screen and (max-width: 767px) {
	.p-brand-intro svg {
		width: 9px;
		height: 8px;
		margin-block-end: 55px;
	}
}
.p-brand-intro .usp-text {
	font-size: clamp(2rem, 1.6rem + 1.25vw, 4rem);
	line-height: 1.8;
	letter-spacing: 0.3rem;
	color: var(--color-brw);
	margin-block-end: clamp(6rem, 4.4rem + 5vw, 14rem);
}
.p-brand-intro__box {
	max-width: 1600px;
	width: 100%;
	margin-inline: auto;
	display: flex;
}
@media screen and (max-width: 767px) {
	.p-brand-intro__box {
		flex-direction: column-reverse;
	}
}
.p-brand-intro__box h3 {
	width: 40%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: var(--color-brw);
	font-size: clamp(1.6rem, 1.28rem + 1vw, 3.2rem);
	letter-spacing: 0.05em;
	line-height: 2;
}
@media screen and (min-width: 768px) {
	.p-brand-intro__box h3 {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		font-feature-settings: initial;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-intro__box h3 {
		text-align: center;
		width: 100%;
		margin-block-start: 15px;
		display: block;
	}
}
.p-brand-intro__box figure {
	width: 60%;
}
@media screen and (max-width: 767px) {
	.p-brand-intro__box figure {
		width: 100%;
	}
}
.p-brand-intro__box:nth-of-type(1) {
	position: relative;
	z-index: 2;
}
.p-brand-intro__box:nth-of-type(2) {
	flex-direction: row-reverse;
	margin-block-start: -5%;
}
@media screen and (max-width: 1100px) {
	.p-brand-intro__box:nth-of-type(2) {
		margin-block-start: 5%;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-intro__box:nth-of-type(2) {
		flex-direction: column-reverse;
		margin-block-start: 60px;
	}
}
.p-brand-intro__box:nth-of-type(2) h3 {
	justify-content: flex-end;
}
.p-brand-intro__box2 {
	max-width: 1340px;
	width: 90%;
	margin-inline: auto;
	display: grid;
	grid-template-columns: 57% 39%;
	justify-content: space-between;
	margin-block-start: clamp(0rem, -2.8rem + 8.75vw, 14rem);
	padding-block-end: clamp(6rem, 4.8rem + 3.75vw, 12rem);
}
@media screen and (max-width: 767px) {
	.p-brand-intro__box2 {
		display: flex;
		flex-direction: column;
		padding-inline: 5%;
		margin-block-start: 60px;
		gap: 15px;
	}
}
.p-brand-intro__logo {
	border: 1px solid var(--color-grey2);
	padding: clamp(2rem, 1.6rem + 1.25vw, 4rem) clamp(2.5rem, 2rem + 1.5625vw, 5rem);
}
.p-brand-intro__logo h3 {
	font-size: clamp(1.3rem, 1.04rem + 0.8125vw, 2.6rem);
	line-height: 1.8;
	text-align: center;
	margin-block-end: clamp(1rem, 0.8rem + 0.625vw, 2rem);
}
.p-brand-intro__logo figure {
	text-align: center;
}
.p-brand-intro__logo p {
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	line-height: 1.8;
	margin-block-start: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
@media screen and (max-width: 767px) {
	.p-brand-intro__logo:nth-of-type(1) figure {
		width: 177px;
		margin-inline: auto;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-intro__logo:nth-of-type(2) figure {
		width: 122px;
		margin-inline: auto;
	}
}
.p-brand-area1 {
	background-image: url(../images/brand/bg2.webp);
	background-position: center top;
	background-size: 100%;
	padding-block-start: clamp(6rem, 4.2rem + 5.625vw, 15rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area1 {
		background-image: url(../images/brand/bg2-sp.webp);
	}
}
.p-brand-area1__inner {
	max-width: 1140px;
	display: grid;
	grid-template-columns: 55% 30%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner {
		display: flex;
		flex-direction: column;
	}
}
.p-brand-area1__inner h3 {
	font-size: clamp(1.7rem, 1.36rem + 1.0625vw, 3.4rem);
	letter-spacing: 0.15em;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner h3 {
		text-align: center;
	}
}
.p-brand-area1__inner h3 span {
	font-size: clamp(1rem, 0.86rem + 0.4375vw, 1.7rem);
	letter-spacing: 0;
}
.p-brand-area1__inner p {
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	line-height: 2.2;
	letter-spacing: 0.15em;
	grid-column: 1/-1;
	margin-block: clamp(3rem, 2.4rem + 1.875vw, 6rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner p {
		letter-spacing: 0;
		text-align: center;
	}
}
.p-brand-area1__inner figure {
	grid-column: 2/2;
	grid-row: 1;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner figure {
		width: 175px;
		margin-inline: auto;
		margin-block-end: 45px;
	}
}
.p-brand-area1__inner ul {
	grid-column: 1/-1;
	display: grid;
	grid-template-columns: 56.23% 42.78%;
	gap: 10px;
	margin-block-end: clamp(5rem, 4rem + 3.125vw, 10rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner ul {
		display: flex;
		flex-direction: column;
		gap: 7px;
		padding-inline: 7.5%;
	}
}
.p-brand-area1__inner ul li:last-of-type {
	grid-column: 1/-1;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner ul li:last-of-type figure {
		aspect-ratio: 296/302;
	}
	.p-brand-area1__inner ul li:last-of-type figure img {
		object-fit: cover;
		height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-area1__inner ul li figure {
		width: 100%;
		margin: 0;
	}
}
.p-brand-area1__slide {
	background-image: url(../images/brand/bg3.webp);
	background-size: cover;
	padding-block: clamp(5rem, 4.6rem + 1.25vw, 7rem) clamp(3rem, 2.6rem + 1.25vw, 5rem);
}
.p-brand-area1__slide h4 {
	font-size: clamp(1.7rem, 1.36rem + 1.0625vw, 3.4rem);
	text-align: center;
	margin-block-end: clamp(1rem, 0.8rem + 0.625vw, 2rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area1__slide h4 {
		line-height: 1.7;
	}
}
.p-brand-area1__slide figure figcaption {
	text-align: center;
	font-size: clamp(1.2rem, 1.04rem + 0.5vw, 2rem);
	line-height: 1.3;
	margin-block-start: 10px;
}
.p-brand-area1__slide figure figcaption span {
	display: block;
	font-size: clamp(1rem, 0.92rem + 0.25vw, 1.4rem);
}
.p-brand-area1__slidebox {
	position: relative;
}
.p-brand-area1__slidebox .slick-prev,
.p-brand-area1__slidebox .slick-next {
	display: none !important;
}
.p-brand-area1__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-block-start: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area1__nav {
		gap: 10px;
	}
}
.p-brand-area1__nav-btn {
	background: none;
	border: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22obj%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.16%2013.16%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20opacity%3A%20.6%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23040000%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.48px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%226.58%22%20cy%3D%226.58%22%20r%3D%226.58%22%2F%3E%20%3Cpolyline%20class%3D%22cls-2%22%20points%3D%224.28%2010.08%2010.21%206.56%204.28%203.04%22%2F%3E%3C%2Fsvg%3E");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.65;
	line-height: 1;
	transition: opacity 0.2s;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__nav-btn {
		width: 13px;
		height: 13px;
	}
}
.p-brand-area1__nav-btn#btnPrev {
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22obj%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.16%2013.16%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20opacity%3A%20.6%3B%20%7D%20.cls-2%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23040000%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%20.48px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%226.58%22%20cy%3D%226.58%22%20r%3D%226.58%22%2F%3E%20%3Cpolyline%20class%3D%22cls-2%22%20points%3D%228.88%203.08%202.95%206.6%208.88%2010.12%22%2F%3E%3C%2Fsvg%3E");
}
.p-brand-area1__nav-btn:hover {
	opacity: 1;
}
.p-brand-area1__dots {
	display: flex;
	align-items: center;
	gap: 16px;
	list-style: none;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__dots {
		gap: 8px;
	}
}
.p-brand-area1__dots li {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #2a3a45;
	opacity: 0.28;
	cursor: pointer;
	transition: opacity 0.2s;
}
@media screen and (max-width: 767px) {
	.p-brand-area1__dots li {
		width: 9px;
		height: 9px;
	}
}
.p-brand-area1__dots li.is-active {
	opacity: 0.85;
}
.p-brand-area2 {
	padding-block: clamp(5.5rem, 4.6rem + 2.8125vw, 10rem);
}
.p-brand-area2__title {
	max-width: 880px;
	width: 90%;
	margin-inline: auto;
	border-inline: 2px solid var(--color-brw2);
	margin-block-end: clamp(3.5rem, 2.2rem + 4.0625vw, 10rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area2__title {
		border: none;
	}
}
.p-brand-area2__title h3 {
	font-size: clamp(2.7rem, 2.16rem + 1.6875vw, 5.4rem);
	color: var(--color-brw2);
	text-align: center;
	letter-spacing: 0.15em;
	margin-block-end: clamp(1.5rem, 1.2rem + 0.9375vw, 3rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area2__title h3 {
		line-height: 1.3;
		border-inline: 1px solid var(--color-brw2);
		margin-inline: 7.5%;
	}
}
.p-brand-area2__title h4 {
	font-size: clamp(1.4rem, 1.12rem + 0.875vw, 2.8rem);
	color: var(--color-brw2);
	text-align: center;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__title h4 {
		line-height: 1.5;
	}
}
.p-brand-area2__box {
	border-inline: 2px solid var(--color-brw2);
	background: linear-gradient(to right, rgba(148, 128, 73, 0.1) 0%, rgba(148, 128, 73, 0) 50%, rgba(148, 128, 73, 0.1) 100%);
	padding: clamp(3rem, 2.6rem + 1.25vw, 5rem);
	display: grid;
	grid-template-columns: 30% 70%;
	grid-template-rows: 1fr max-content;
	justify-content: space-between;
	border-width: 1px;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box {
		background: var(--color-white);
		margin-inline: 7.5%;
		display: flex;
		flex-direction: column;
	}
}
.p-brand-area2__box h5 {
	grid-column: 1/1;
	font-size: clamp(1.8rem, 1.56rem + 0.75vw, 3rem);
	line-height: 1.25;
	color: var(--color-brw2);
	margin-block: auto;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box h5 {
		text-align: center;
	}
}
.p-brand-area2__box h5 span {
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box h5 span {
		display: block;
		margin-block-start: 3px;
	}
}
.p-brand-area2__box h5 em {
	font-style: normal;
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	display: block;
	margin-block-start: clamp(0.3rem, -0.04rem + 1.0625vw, 2rem);
}
.p-brand-area2__box ul {
	display: grid;
	grid-template-columns: 52.39% 46.69%;
	gap: 8px;
	grid-row: 1/3;
	grid-column: 2/2;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box ul {
		display: flex;
		flex-direction: column;
		margin-block: 15px;
	}
}
.p-brand-area2__box ul li:nth-of-type(1) {
	grid-row: 1/3;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box ul li:nth-of-type(2) figure {
		aspect-ratio: 235/157;
	}
	.p-brand-area2__box ul li:nth-of-type(2) figure img {
		object-fit: cover;
		height: 100%;
	}
}
.p-brand-area2__box ul li:nth-of-type(3) {
	grid-column: 2/3;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box ul li:nth-of-type(3) figure {
		aspect-ratio: 235/157;
	}
	.p-brand-area2__box ul li:nth-of-type(3) figure img {
		object-fit: cover;
		height: 100%;
	}
}
.p-brand-area2__box p {
	grid-column: 2/1;
	margin-block: auto 0;
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box p {
		text-align: center;
	}
}
.p-brand-area2__box:nth-of-type(2) {
	margin-block-start: clamp(4rem, 3.2rem + 2.5vw, 8rem);
}
.p-brand-area2__box:nth-of-type(2) ul {
	grid-template-columns: 1fr 1fr;
}
.p-brand-area2__box:nth-of-type(2) ul li:nth-of-type(1) {
	grid-column: 1/3;
}
@media screen and (max-width: 767px) {
	.p-brand-area2__box:nth-of-type(2) ul li figure {
		aspect-ratio: 235/157;
	}
	.p-brand-area2__box:nth-of-type(2) ul li figure img {
		object-fit: cover;
		height: 100%;
	}
}
.p-brand-area3 {
	background-image: url(../images/brand/bg4.webp);
	background-size: cover;
	padding-block: clamp(5.5rem, 4.6rem + 2.8125vw, 10rem) clamp(5.5rem, 3.6rem + 5.9375vw, 15rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area3 {
		background-image: url(../images/brand/bg4-sp.webp);
	}
}
.p-brand-area3 .-tl {
	font-size: clamp(3.3rem, 2.66rem + 2vw, 6.5rem);
	color: var(--color-brw2);
}
@media screen and (max-width: 767px) {
	.p-brand-area3 .-tl {
		padding-inline: 7.5%;
	}
}
.p-brand-area3 .-tl em {
	font-style: normal;
	display: inline-block;
}
.p-brand-area3 .-tl span {
	font-size: clamp(1rem, 0.8rem + 0.625vw, 2rem);
	background-color: var(--color-brw2);
	color: var(--color-white);
	display: inline-block;
	padding: clamp(0.3rem, 0.16rem + 0.4375vw, 1rem);
	margin-inline-start: 15px;
	vertical-align: middle;
	transform: translateY(-7px);
}
@media screen and (max-width: 767px) {
	.p-brand-area3 .-tl span {
		padding: 7px 10px;
		margin-inline-start: 5px;
	}
}
.p-brand-area3 .-note {
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	letter-spacing: 0.05em;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	.p-brand-area3 .-note {
		padding-inline: 7.5%;
		margin-block-end: 20px;
	}
}
.p-brand-area3 figure.-pic {
	margin-block: 0 auto;
}
.p-brand-area3__inner {
	width: 100% !important;
	max-width: 1600px !important;
	margin-inline: auto;
}
.p-brand-area3__box {
	display: grid;
	grid-template-columns: 29% 65%;
	grid-template-rows: max-content 1fr max-content max-content;
	justify-content: space-between;
	padding-inline-start: 8%;
	margin-block-end: clamp(5rem, 2rem + 9.375vw, 20rem) !important;
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box {
		display: flex;
		flex-direction: column;
		padding-inline: 0;
	}
}
.p-brand-area3__box h3.-tl {
	grid-column: 1/3;
	margin-block-end: clamp(1.5rem, 0.6rem + 2.8125vw, 6rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box h3.-tl {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 5px 10px;
	}
	.p-brand-area3__box h3.-tl em:nth-of-type(1) {
		order: 1;
	}
	.p-brand-area3__box h3.-tl em:nth-of-type(2) {
		order: 3;
	}
	.p-brand-area3__box h3.-tl span {
		margin: 0;
		transform: none;
		order: 2;
	}
}
.p-brand-area3__box p {
	grid-row: 2/3;
}
@media screen and (max-width: 1350px) {
	.p-brand-area3__box p {
		margin-block-end: 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box p {
		margin-block-end: 0;
	}
}
.p-brand-area3__box figure.-pic {
	grid-column: 2/3;
	grid-row: 2/5;
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box figure.-pic {
		margin-block-start: 25px;
	}
}
.p-brand-area3__box .-note2 {
	background-color: var(--color-white);
	font-size: clamp(1rem, 0.84rem + 0.5vw, 1.8rem);
	line-height: 1.8;
	grid-row: 4/5;
	padding: clamp(1rem, 0.8rem + 0.625vw, 2rem) clamp(1rem, 0.6rem + 1.25vw, 3rem);
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box .-note2 {
		margin-inline: 7.5%;
		margin-block-start: 20px;
	}
}
.p-brand-area3__box figure.-logo {
	background-color: var(--color-white);
	grid-row: 3/4;
	text-align: center;
	padding-block-start: 20px;
}
@media screen and (max-width: 1000px) {
	.p-brand-area3__box figure.-logo {
		padding: clamp(1rem, 0.8rem + 0.625vw, 2rem);
		padding-block-end: 0;
	}
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box figure.-logo {
		background-color: transparent;
	}
	.p-brand-area3__box figure.-logo img {
		width: 107px;
	}
}
.p-brand-area3__box2 {
	display: grid;
	grid-template-columns: 65% 29%;
	grid-template-rows: max-content 1fr;
	padding-inline-end: 8%;
	justify-content: space-between;
	margin-block-end: clamp(5rem, 2rem + 9.375vw, 20rem) !important;
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box2 {
		display: flex;
		flex-direction: column;
		padding-inline: 0;
	}
}
.p-brand-area3__box2 h3 {
	grid-column: 2/3;
	margin-block-end: clamp(1.5rem, 0.8rem + 2.1875vw, 5rem);
}
.p-brand-area3__box2 p {
	grid-row: 2/3;
	grid-column: 2/3;
}
.p-brand-area3__box2 figure {
	grid-row: 1/3;
}
.p-brand-area3__box3 {
	display: grid;
	grid-template-columns: 29% 65%;
	grid-template-rows: max-content 1fr;
	padding-inline-start: 8%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-brand-area3__box3 {
		display: flex;
		flex-direction: column;
		padding-inline: 0;
	}
}
.p-brand-area3__box3 h3 {
	margin-block-end: clamp(1.5rem, 0.8rem + 2.1875vw, 5rem);
}
.p-brand-area3__box3 p {
	grid-row: 2/3;
}
.p-brand-area3__box3 figure {
	grid-row: 1/3;
	grid-column: 2/3;
}
.p-brand [class*=__inner] {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.p-brand [class*=__inner].-md {
	max-width: 780px;
}
@keyframes blurIn {
	from {
		opacity: 0;
		filter: blur(20px);
		transform: translate3d(0, 10px, 0) scaleX(1.2);
	}
	to {
		opacity: 1;
		filter: blur(0);
		transform: none;
	}
}
.p-brand .blurIn {
	animation-name: blurIn;
}
@keyframes blurZoomIn {
	from {
		opacity: 0;
		filter: brightness(1.8) blur(20px);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	50% {
		filter: brightness(1) blur(0);
		opacity: 1;
	}
}
.p-brand .blurZoomIn {
	animation-name: blurZoomIn;
}
.p-brand .cliping-mask {
	overflow: hidden;
}/*# sourceMappingURL=brand.css.map */