@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document about
--------------------------------------------------------- */

#about {
	margin: 0 5vw 0;
}

#about h3 {
	margin-bottom: 1em;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 6vw;
	letter-spacing: -0.05em;
	line-height: 1;
	color: #a91929;
}

#about p {
	margin-bottom: 2em;
	text-align: justify;
}

#about p span {
	font-size: 6vw;
}

#about .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

#about .flex figure {
	width: 32%;
	margin-bottom: 2%;
}

#about .flex figure img {
	height: 24.68309178743961vw;
}

/* ---------------------------------------------------------
	CSS Document product
--------------------------------------------------------- */

#product {
	margin-bottom: 15vw;
}

#product .container figure {
	margin-top: 15vw;
}

#product .container figure img {
	height: 55.66884057971014vw;
}

#product .section {
	margin: 5vw 5vw 8vw;
}

#product h3 {
	margin-bottom: 1.5em;
	font-weight: 500;
	font-size: 4vw;
	line-height: 1;
	color: #a91929;
}

#product h3 .ja {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: solid 1px #210002;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 7vw;
	letter-spacing: -0.03em;
}

#product h3 .en {
	display: block;
	letter-spacing: 0.05em;
}

#product .section p {
	margin-bottom: 5vw;
	text-align: justify;
}

#product .section dl {
	text-align: justify;
}

#product .section dt {
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 4vw;
	color: #a91929;
}

#product .section dd {
	letter-spacing: 0.05em;
}

/* ---------------------------------------------------------
	CSS Document brand
--------------------------------------------------------- */

#brand .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 5vw 15vw;
}

#brand .flex figure {
	width: 32%;
	margin-bottom: 2%;
}

#brand .flex figure img {
	height: 24.68309178743961vw;
}

/* ---------------------------------------------------------
	CSS Document map
--------------------------------------------------------- */

#map .article {
	padding: 10vw;
	position: relative;
	z-index: 0;
}

#map figure {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#map figure img {
	max-width: 400%;
	height: 100%;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

#map .section {
	padding: 8vw 5vw 5vw;
	background: rgba(255, 255, 255, 0.9);
}

#map h3 {
	margin-bottom: 0.8em;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	font-size: 4.5vw;
	letter-spacing: -0.03em;
	line-height: 1;
	color: #a91929;
}

#map p {
	text-align: justify;
	font-size: 3vw;
}