@charset "utf-8";
/* font */
@font-face {
	font-family: 'font';
	src: url('https://yojiyatsuhan.itembox.design/item/su-ha/template/font/HannariMincho-Regular.otf') format('opentype');
	font-display: swap;
}

/* tags */
:root {
	--sp-vw: calc(100vw / 375);
}

* {
	box-sizing: border-box;
}
html {
	font-size: calc(16 / 2560 * 100vw);
}
body {
	position: relative;
	margin: 0;
	color: #69675C;
	background-color: #F1EBE9;
	height: 200vh;
	font-family: "font", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: 1em;
}
p {
	margin: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
	pointer-events: none;
}
a {
	cursor: pointer;
	text-decoration: none;
	opacity: 1;
	transition: opacity .25s;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	-o-transition: opacity .25s;
}
a:hover {
	opacity: .6;
}
video {
	display: block;
	width: 100%;
}
i {
	font-style: normal;
}
sup {
	font-size: .5em;
	top: -1em;
	left: 0.1em;
}
small {
	font-size: 1em;
}
main :is(picture, img) {
	width: 100%;
	display: block;
}
@media screen and (min-width: 1921px) {
	html {
		font-size: calc(16 / 2560 * 100vw);
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: calc(16 / 375 * 100vw);
	}
}

/* common */
.sp_only {
	display: none;
}
.inner {
	margin: auto;
	padding: 0 2rem;
	max-width: calc(1624px + 4rem);
}
.common_head {
	font-size: min(3.02vw, 58px);
	color: #616055;
	line-height: 1.46;
	letter-spacing: 0;
	font-weight: 400;
	font-style: normal;
	font-family: "kinuta-maruminold-stdn", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.common_head_flex {
	display: flex;
	align-items: center;
}
.common_head i {
	margin-right: .5rem;
	max-width: 10.25rem;
	transform: translateY(-.25rem);
	-webkit-transform: translateY(-.25rem);
	-moz-transform: translateY(-.25rem);
	-ms-transform: translateY(-.25rem);
	-o-transform: translateY(-.25rem);
}
.common_head span {
	display: block;
}

@media screen and (max-width: 768px) {
	.sp_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.inner {
		width: 83.2vw;
		padding: 0;
	}
	.common_head {
		font-size: calc(var(--sp-vw) * 27);
		line-height: 1.45;
		letter-spacing: -0.05em;
	}
	.common_head i {
		max-width: 4.6rem;
		margin-right: .25rem;
		transform: translateY(-.125rem);
		-webkit-transform: translateY(-.125rem);
		-moz-transform: translateY(-.125rem);
		-ms-transform: translateY(-.125rem);
		-o-transform: translateY(-.125rem);
	}
}

/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 1rem 0;
	background-color: #C8B39D;
	z-index: 11;
}
.header_inner {
	padding: 0 3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_text {
	font-size: 0.9375vw;
	color: #2f302f;
	font-family: "kinuta-maruminold-stdn", serif;
}
.header_shipping_text {
	font-size: 0.9375vw;
	color: #69665a;
}
.header_logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 8.5rem;
	height: fit-content;
}

@media screen and (max-width: 768px) {
	.header {
		padding: .59rem 0 .3rem;
	}
	.header_inner {
		padding: 0 1rem;
		display: block;
	}
	.header_logo {
		position: relative;
		max-width: 5.5rem;
	}
	.header_shipping_text {
		color: #fff;
		font-size: calc(var(--sp-vw) * 10);
		text-align: center;
		margin-top: calc(var(--sp-vw) * 4);
	}
}

/* main */
.main	{
	margin: 4.25rem 0 20.875rem;
	color: #69665a;
}

@media screen and (max-width: 768px) {
	.main {
		margin: 3.7rem 0 5.26rem;
	}
}

/* mv */
.mv_img {
	position: relative;
}
.mv_img > picture {
	position: relative;
	z-index: 1;
}
.mv_img > picture::before {
	content: '';
	position: absolute;
	z-index: -1;
}
.mv_logo {
	position: absolute;
	z-index: 2;
}
.mv_text h2 span {
	display: block;
	letter-spacing: 0.025em;
}
.mv_text strong {
	display: block;
	letter-spacing: -0.039em;
}
.mv_text a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #69665a;
	border-radius: 50vh;
	color: #69665a;
	letter-spacing: 0.025em;
}
.mv_text p span {
	display: block;
}
.mv_text em {
	font-weight: bold;
	border: 1px solid #69665a;
	font-style: normal;
	display: block;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.mv {
		padding-top: calc(var(--sp-vw) * 43);
	}
	.mv_img {
		margin-left: calc(var(--sp-vw) * 22);
		width: calc(var(--sp-vw) * 275);
	}
	.mv_img > picture::before {
		width: 123.63%;
		aspect-ratio: 340/332;
		background: url(../img/mv_bg_sp.png) center / contain no-repeat;
		top: -6.9%;
		left: -7.6%;
	}
	.mv_logo {
    width: 22.6%;
    left: -10.8%;
    top: -4.7%;
	}
	.mv_text {
		margin-top: calc(var(--sp-vw) * 43);
	}
	.mv_text h2 span {
		font-size: calc(var(--sp-vw) * 10);
		font-weight: normal;
	}
	.mv_text h2 picture {
		width: calc(var(--sp-vw) * 262);
		margin-top: calc(var(--sp-vw) * 18);
	}
	.mv_text strong {
		font-size: calc(var(--sp-vw) * 15);
		margin-top: calc(var(--sp-vw) * 12);
		font-weight: normal;
	}
	.mv_text a {
		width: calc(var(--sp-vw) * 82);
		aspect-ratio: 82/25;
		font-size: calc(var(--sp-vw) * 10);
		margin-top: calc(var(--sp-vw) * 21);
		font-weight: normal;
	}
	.mv_text p {
		font-size: calc(var(--sp-vw) * 14);
		line-height: 2;
		margin-top: calc(var(--sp-vw) * 22);
		font-weight: normal;
	}
	.mv_text p span {
		font-size: calc(var(--sp-vw)* 8);
		margin-top: calc(var(--sp-vw)* 6);
	}
	.mv_text em {
		font-size: calc(var(--sp-vw)* 10);
		margin: calc(var(--sp-vw)* 18) auto 0;
		padding: 0.1em 0.7em 0.2em;
		width: 97%;
	}
}

@media screen and (min-width: 769px) {
	.mv {
		/* padding-top: min(5.88vw, 113px); */
		height: calc(100vh - 4.25rem);
		position: relative;
	}
	.mv .inner {
		position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
	}
	.mv.minimum {
		padding-top: min(5.88vw, 113px);
		height: auto;
	}
	.mv.minimum .inner {
		position: static;
    translate: 0 0;
	}
	.mv_wrap {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 min(3.38vw, 65px);
	}
	.mv_img {
		/* margin-left: 4.68%; */
		padding-right: 0.98%;
		width: min(calc(37.5vw + 0.98%), calc(720px + 0.98%));
	}
	.mv_img > picture::before {
		width: 107.35%;
		aspect-ratio: 774/752;
		background: url(../img/mv_bg_pc.png) center / contain no-repeat;
		top: 1%;
		left: 0;
	}
	.mv_logo {
    width: 22.6%;
    left: -10.8%;
    top: -4.7%;
	}
	.mv_text {
		/* flex: 1; */
		width: min(calc(39.06vw + 0.98%), calc(750px + 0.98%));
	}
	.mv_text h2 span {
		font-size: min(1.25vw, 24px);
	}
	.mv_text h2 picture {
		width: min(29.27vw, 562px);
		margin-top: min(1.35vw, 26px);
	}
	.mv_text strong {
		font-size: min(1.97vw, 38px);
		margin-top: min(2.13vw, 41px);
	}
	.mv_text a {
		width: min(14.84vw, 285px);
		aspect-ratio: 285/87;
		font-size: min(1.25vw, 24px);
		margin-top: min(1.875vw, 36px);
	}
	.mv_text p {
		font-size: min(1.25vw, 24px);
		line-height: 1.875;
		margin-top: min(1.5625vw, 30px);
	}
	.mv_text p span {
		font-size: min(0.83vw, 16px);
		margin-top: min(0.26vw, 5px);
	}
	.mv_text em {
		font-size: min(1.25vw, 24px);
		margin-top: min(1.04vw, 20px);
		padding: 0.1em 0.7em 0.2em;
	}
}

/* point_list */
.point_list {
	display: flex;
	justify-content: center;
	gap: 0 min(2.86vw, 55px);
	margin-bottom: min(15.41vw, 296px);
}
.point_list li {
	width: min(25vw, 480px);
}
.point_list li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.65rem 1rem;
	/* height: 9rem; */
	aspect-ratio: 480/146;
	font-size: min(1.3vw, 25px);
	text-align: center;
	color: #69665a;
	border: .0625rem solid #69675C;
	transition: opacity .25s;
	border-radius: 50vh;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-ms-transition: opacity .25s;
	-o-transition: opacity .25s;
}
.point_list_arrow {
	position: absolute;
	top: calc(100% + 1.125rem);
	left: 0;
	right: 0;
	margin: auto;
	width: 2.375rem;
	height: 3.125rem;
}
.point_list_arrow i {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: .75rem;
	background-size: 100% 100%;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.point_list_arrow i:nth-child(1) {
	top: 0;
	background-image: url(../img/point_list_01.png);
}
.point_list_arrow i:nth-child(2) {
	top: .75rem;
	background-image: url(../img/point_list_01.png);
}
.point_list_arrow i:nth-child(3) {
	bottom: .75rem;
	opacity: 0;
	background-image: url(../img/point_list_02.png);
}
.point_list_arrow i:nth-child(4) {
	bottom: 0;
	opacity: 0;
	background-image: url(../img/point_list_01.png);
}
.point_list li a:hover .point_list_arrow i:nth-child(1) {
	background-image: url(../img/point_list_04.png);
}
.point_list li a:hover .point_list_arrow i:nth-child(2) {
	background-image: url(../img/point_list_03.png);
}
.point_list li a:hover .point_list_arrow i:nth-child(3) {
	opacity: 1;
	background-image: url(../img/point_list_02.png);
}
.point_list li a:hover .point_list_arrow i:nth-child(4) {
	opacity: 1;
	background-image: url(../img/point_list_01.png);
}
.point_list li a > i {
	position: absolute;
	top: max(-1.78vw, -29px);
	left: max(-0.24vw, -4px);
	width: min(3.59vw, 69px);
	background-color: #F1EBE9;
}

@media screen and (max-width: 768px) {
	.point_list {
		display: block;
		margin: 0 auto;
		width: calc(var(--sp-vw) * 264);
		font-size: .75rem;
	}
	.point_list li {
		width: auto;
	}
	.point_list li a {
		padding: 1rem 1rem;
		aspect-ratio: 264/80;
		font-size: calc(var(--sp-vw) * 14);
		line-height: 1.42;
	}
	.point_list li:not(:last-child) {
		margin-bottom: calc(var(--sp-vw) * 62);
	}
	.point_list li a::after {
		top: 0;
		left: auto;
		right: -1.40625rem;
		bottom: 0;
		width: .40625rem;
		height: 1.25rem;
		background-image: url(../img/sp/point_arrow_sp.webp);
		background-repeat: no-repeat;
	}
	.point_list li a > i {
		top: calc(var(--sp-vw) * -17);
		left: calc(var(--sp-vw) * -12);
		padding: 0 .25rem .25rem 0;
		width: calc(var(--sp-vw) * 40);
		box-sizing: content-box;
	}
	.point_list_arrow {
		top: 0;
		left: calc(100% + 1rem);
		bottom: 0;
		margin: auto;
		width: 1.3125rem;
		height: 0.4375rem;
		transform: rotate(-90deg);
	}
	.point_list_arrow i {
		height: .4375rem;
	}
	.point_list_arrow i:nth-child(2) {
		display: none;
	}
	.point_list li a:hover .point_list_arrow i:nth-child(1),
	.point_list li a:hover .point_list_arrow i:nth-child(2),
	.point_list li a:hover .point_list_arrow i:nth-child(3),
	.point_list li a:hover .point_list_arrow i:nth-child(4) {
		display: none;
		background-image: unset;
		opacity: unset;
	}
}

/* point */
.point_head span {
	display: block;
	letter-spacing: 0.025em;
}
.point_head strong {
	display: block;
	letter-spacing: 0;
	font-family: "kinuta-maruminold-stdn", serif;
}
.point_content .point_text_wrap p {
	letter-spacing: 0.025em;
}
.point_content .point_text_wrap span {
	letter-spacing: 0.025em;
	display: block;
}
.point_02 .point_img_wrap picture {
	position: relative;
	z-index: 1;
}
.point_02 .point_img_wrap picture::before {
	content: '';
	position: absolute;
	z-index: -1;
}
.point_03 .point_img_wrap picture {
	position: relative;
	z-index: 1;
}
.point_03 .point_img_wrap picture::before {
	content: '';
	position: absolute;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.point {
		margin-top: calc(var(--sp-vw) * 46);
	}
	.point_head {
		margin-bottom: calc(var(--sp-vw) * 89);
		text-align: right;
	}
	.point_head span {
		font-size: calc(var(--sp-vw) * 10);
		margin-right: 1.8em;
	}
	.point_head strong {
		font-size: calc(var(--sp-vw) * 14);
		margin-top: calc(var(--sp-vw) * 12);
		font-weight: normal;
	}

	.point_content_wrap {
		padding: calc(var(--sp-vw) * 132) 4.67% 116;
	}
	.point_content_wrap::before {
		width: 100vw;
	}
	.point_content .point_text_wrap {
		text-align: center;
	}
	.point_content .point_text_wrap p {
		font-size: calc(var(--sp-vw) * 14);
		line-height: 2;
		margin-top: calc(var(--sp-vw) * 17);
	}
	.point_content .point_text_wrap span {
		font-size: calc(var(--sp-vw) * 12);
		line-height: 1.66;
		margin-top: calc(var(--sp-vw) * 14);
	}
	.point_content .point_img_wrap {
		margin: calc(var(--sp-vw)* 38) auto 0;
		width: calc(var(--sp-vw)* 262);
	}

	/* .point_01 */
	.point_01 {
		position: relative;
		padding: calc(var(--sp-vw)* 62) 0 calc(var(--sp-vw)* 77);
		margin-top: calc(var(--sp-vw)* 61);
	}
	.point_01::before {
		content: '';
		width: 100vw;
		height: 100%;
		background-color: rgba(203,178,153,.28);
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50% 0;
	}
	.point_02 .point_text_wrap p {
		margin-top: calc(var(--sp-vw)* 11);
	}
	.point_01 .point_img_wrap {
		margin-top: calc(var(--sp-vw)* 52);
		width: 92vw;
		position: relative;
		left: 50%;
		translate: -50% 0;
	}

	/* .point_02 */
	.point_02 {
		padding-top: calc(var(--sp-vw) * 49);
	}
	.point_02 .point_img_wrap picture::before {
		width: 127.86%;
		aspect-ratio: 335/307;
		background: url(../img/about_02_bg_sp.png) center / contain no-repeat;
		top: -14%;
		left: -11%;
	}

	/* .point_03 */
	.point_03 {
		position: relative;
		margin-top: calc(var(--sp-vw)* 60);
		padding: calc(var(--sp-vw)* 55) 0 calc(var(--sp-vw)* 59);
	}
	.point_03::before {
		content: '';
		width: 100vw;
		height: 100%;
		background-color: rgba(203,178,153,.28);
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50% 0;
	}
	.point_03 .point_img_wrap picture::before {
		width: 127.86%;
		aspect-ratio: 335/335;
		background: url(../img/about_03_bg_sp.png) center / contain no-repeat;
		top: -10.8%;
		left: -11%;
	}
}

@media screen and (min-width: 769px) {
	.point {
		margin-top: min(8.95vw, 172px);
	}
	.point_head {
		margin-bottom: min(11.45vw, 220px);
		text-align: center;
	}
	.point_head span {
		font-size: min(1.25vw, 24px);
	}
	.point_head strong {
		font-size: min(1.82vw, 35px);
		margin-top: min(1.19vw, 23px);
	}

	.point_content_wrap {
		padding: min(6.875vw, 132px) 4.67% min(6.04vw, 116px);
		position: relative;
	}
	.point_content_wrap::before {
		content: '';
		width: min(calc(100vw - 4.42vw), 1750px);
		height: 100%;
		background-color: rgba(203,178,153,.28);
		position: absolute;
		top: 0;
		left: 50%;
		translate: -50% 0;
	}
	.point_content {
		display: flex;
	}
	.point_content .point_text_wrap p {
		font-size: min(1.25vw, 24px);
		line-height: 1.875;
		margin-top: min(2.39vw, 46px);
	}
	.point_content .point_text_wrap span {
		font-size: min(0.93vw, 18px);
		line-height: 1.77;
		margin-top: min(1.82vw, 35px);
	}

	/* .point_01 */
	.point_01 {
		gap: 0 0;
		padding-top: min(6.82vw, 131px);
	}
	.point_01 .point_img_wrap {
		width: 54.77%;
	}
	.point_01 .point_text_wrap {
		flex: 1;
	}

	/* .point_02 */
	.point_02 {
		flex-direction: row-reverse;
		padding-top: min(5.57vw, 107px);
	}
	.point_02 .point_text_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 50%;
	}
	.point_02 .point_img_wrap {
		width: 50%;
	}
	.point_02 .point_img_wrap picture {
		width: 81.9%;
		margin-left: 4.05%;
	}
	.point_02 .point_img_wrap picture::before {
		width: 111.96%;
		aspect-ratio: 674/611;
		background: url(../img/about_02_bg_pc.png) center / contain no-repeat;
		top: -3%;
		left: -3%;
	}

	/* .point_03 */
	.point_03 {
		gap: 0 3.53%;
		margin-top: min(5.88vw, 113px);
		padding-top: min(5.93vw, 114px);
	}
	.point_03 .point_text_wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 55%;
	}
	.point_03 .point_img_wrap {
		width: 45%;
	}
	.point_03 .point_img_wrap picture {
		width: 85.9%;
		margin-left: 9.05%;
	}
	.point_03 .point_img_wrap picture::before {
		width: 113.44%;
		aspect-ratio: 616/615;
		background: url(../img/about_03_bg_pc.png) center / contain no-repeat;
		top: -2.6%;
		left: -3.8%;
	}
}

/* use */
.use_content_wrap .use_text p {
	letter-spacing: 0;
}

@media screen and (max-width: 768px) {
	.use {
		margin-top: calc(var(--sp-vw) * 54);
	}
	.use_head_wrap {
		text-align: center;
	}
	.use_head_wrap .use_head_text {
		font-size: calc(var(--sp-vw) * 14);
		line-height: 1.62;
		margin-top: calc(var(--sp-vw) * 5);
	}
	.use_content_wrap {
		margin-top: calc(var(--sp-vw) * 34)
	}
	.use_content_wrap .use_content {
		display: flex;
		justify-content: center;
		gap: 0 calc(var(--sp-vw) * 4);
		position: relative;
	}
	.use_content_wrap .use_content + .use_content {
		margin-top: calc(var(--sp-vw) * 24);
	}
	.use_content_wrap .use_img {
		width: 44.23%;
	}
	.use_content_wrap .use_text .num.sp_only {
		font-size: calc(var(--sp-vw) * 37);
		line-height: 1;
		display: block;
		font-family: "kinuta-maruminold-stdn", serif;
	}
	.use_content_wrap .use_text {
		width: 54.48%;
		background-color: rgba(201,176,151,.28);
		padding: calc(var(--sp-vw) * 23) 3.6% calc(var(--sp-vw) * 20);
	}
	.use_content_wrap .use_text p {
		font-size: calc(var(--sp-vw) * 14);
		line-height: 1.43;
		margin-top: calc(var(--sp-vw)* 14);
		color: #69665a;
	}
}

@media screen and (min-width: 769px) {
	.use {
		margin-top: min(10.88vw, 209px);
	}
	.use_head_wrap {
		text-align: center;
	}
	.use_head_wrap .use_head_text {
		font-size: min(1.25vw, 24px);
		line-height: 1.875;
		margin-top: min(1.09vw, 21px);
	}
	.use_content_wrap {
		display: flex;
		justify-content: center;
		gap: 0 min(1.82vw, 35px);
		margin-top: min(3.69vw, 71px)
	}
	.use_content_wrap .use_content {
		width: 19.58%;
		position: relative;
	}
	.use_content_wrap .use_img {
		position: relative;
	}
	.use_content_wrap .use_img .num.pc_only {
		position: absolute;
		top: min(1.45vw, 28px);
		left: min(1.66vw, 32px);
		font-size: min(5.2vw, 100px);
		line-height: 1;
		color: #fff;
		display: block;
		font-family: "kinuta-maruminold-stdn", serif;
	}
	.use_content_wrap .use_text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(73,73,73,.35);
		padding: min(.67vw, 13px) 6% min(.57vw, 11px);
		min-height: min(13.67vw, 222px);
	}
	.use_content_wrap .use_text p {
		font-size: min(1.25vw, 24px);
		line-height: 1.65;
		color: #fff;
	}
}

/* product */
.product_content {
	position: relative;
}
.product_text {
	position: absolute;
	color: #69665a;
	text-align: center;
}
.product a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #69665a;
	border-radius: 50vh;
	color: #69665a;
	letter-spacing: 0.025em;
}

@media screen and (max-width: 768px) {
	.product {
		margin-top: calc(var(--sp-vw) * 69);
	}
	.product_content {
		width: 100%;
		margin-inline: auto;
	}
	.product_text {
		width: calc(var(--sp-vw) * 116);
		top: calc(var(--sp-vw) * 25);
		left: calc(var(--sp-vw) * 60);
	}
	.product_head {
		width: 100%;
	}
	.product a {
		width: calc(var(--sp-vw) * 70);
		aspect-ratio: 70/24;
		font-size: calc(var(--sp-vw) * 8);
		margin: calc(var(--sp-vw) * 11) auto 0;
	}
}

@media screen and (min-width: 769px) {
	.product {
		margin-top: min(14.84vw, 285px);
	}
	.product_content {
		width: min(79.89vw, 1534px);
		margin-inline: auto;
	}
	.product_text {
		width: 68%;
		height: 100%;
		padding-left: min(4.375vw, 84px);
		padding-top: min(5.36vw, 103px);
		top: 0;
		left: 0;
	}
	.product_text p {
		font-size: min(0.88vw, 17px);
	}
	.product_text strong {
		font-size: min(1.25vw, 24px);
		margin-top: min(0.1vw, 2px);
		font-weight: normal;
		font-family: "kinuta-maruminold-stdn", serif;
		display: block;
	}
	.product_head {
		width: min(21.04vw, 404px);
		margin: min(1.25vw, 24px) auto 0;
	}
	.product a {
		width: min(14.84vw, 285px);
		aspect-ratio: 285/87;
		font-size: min(24px, 1.25vw);
		margin: min(2.44vw, 47px) auto 0;
	}
}

/* footer */
.footer {
	padding-bottom: 20.338125rem;
}
.footer_logo {
	margin: 0 auto 5.625rem;
	max-width: 8.75rem;
}
.footer_links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4.5rem;
}
.footer_links li:not(:last-child) {
	margin-right: 4rem;
}
.footer_links li span {
	display: block;
}
.footer_links li:nth-child(1) span {
	max-width: 4.375rem;
}
.footer_links li:nth-child(2) span {
	max-width: 3.75rem;
}
.footer_copy {
	color: #68665B;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer {
		padding-bottom: 7.15625rem;
	}
	.footer_logo {
		margin: 0 auto 1.5rem;
		max-width: 3.75rem;
	}
	.footer_links {
		margin-bottom: 1.25rem;
	}
	.footer_links li:not(:last-child) {
		margin-right: 1.5rem;
	}
	.footer_links li:nth-child(1) span {
		max-width: 1.5rem;
	}
	.footer_links li:nth-child(2) span {
		max-width: 1.375rem;
	}
	.footer_copy {
		font-size: .5rem;
	}
}