@charset "utf-8";

/*初期設定*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root {
	--vw-rate: calc(1 / 750 * 100vw);
	--pct-rate: calc(1 / 750 * 100%);
}
body {
	font-family: /*YakuHanMP, */'Noto Serif JP', serif;
	font-feature-settings: "palt"/*, "kern"*/;
	-webkit-font-feature-settings: "palt"/*, "kern"*/;
	font-size: min(calc(28 * var(--vw-rate)), 28px);
	line-height: 1;
	color: #231815;
}
a {
	text-decoration: none;
	color: #231815;
}
address {
	font-style: normal;
}
section {
	position: relative;
}



/*アニメーション*/

/*じんわり表示*/
.jinwari {
	opacity: 0;
}
.jinwari.is-animated {
	animation: jinwari 0.6s linear both;
	will-change: opacity, filter, transform;
}
@keyframes jinwari {
	0% {
		opacity: 0;
		filter: blur(15px);
	}
	33% {
		opacity: 0.75;
		filter: blur(15px);
	}
	100% {
		opacity: 1;
		filter: blur(0px);
	}
}

/*フェードアップ*/
.fadeUp {
	opacity: 0;
	display: block;
}
.fadeUp.is-animated {
	animation: fadeup 0.8s ease-in-out forwards;
}
@keyframes fadeup {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*PCサイド*/
.pc_side {
	background: url("../img/pc_side_bg.jpg") no-repeat center center;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.pc_side_inr {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.pc_side_l,
.pc_side_r {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(50% - 375px);
}
.pc_side_l img,
.pc_side_r img {
	width: min(80%, 208px);
}

/*ヘッダー*/
#hdr {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
}
.hdr_logo_btm_1 {
	position: absolute;
	top: 50vh;
	left: 0;
	width: calc(313 * var(--pct-rate));
	margin: calc(-46 * var(--pct-rate)) auto auto calc(218 * var(--pct-rate));
}
.hdr_inr {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(1638 * var(--pct-rate));
	background: url("../img/hdr_bg.jpg") no-repeat center top;
	background-size: cover;
	overflow: hidden;
	opacity: 0;
	animation: hdr_inr 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 1s;
}
@keyframes hdr_inr {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.hdr_logo {
	position: absolute;
	top: 50vh;
	left: 0;
	z-index: 10;
	width: calc(313 * var(--pct-rate));
	margin: calc(-225 * var(--pct-rate)) auto auto calc(218 * var(--pct-rate));
	animation: hdr_logo 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 4s;
}
@keyframes hdr_logo {
	0% {
		top: 50vh;
		width: calc(313 * var(--pct-rate));
		margin: calc(-225 * var(--pct-rate)) auto auto calc(218 * var(--pct-rate));
	}
	100% {
		top: 0;
		width: calc(290 * var(--pct-rate));
		margin: calc(140 * var(--pct-rate)) auto auto calc(230 * var(--pct-rate));
	}
}
.hdr_logo_top {
	opacity: 0;
	animation: hdr_logo_top 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 2s;
}
@keyframes hdr_logo_top {
	0% {
		transform: translateY(20%);
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.hdr_logo_btm_2 {
	margin-top: calc(26 / 313 * 100%);
}
.hdr_flower {
	position: absolute;
	top: 50vh;
	left: 0;
	opacity: 0;
	filter: blur(15px);
	/*animation: hdr_flower 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3s;*/
}
/*@keyframes hdr_flower {
	0% {
		opacity: 0;
		filter: blur(15px);
	}
	100% {
		opacity: 1;
		filter: blur(0px);
	}
}*/
.hdr_flower_1 {
	animation: hdr_flower_1 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3s;
}
@keyframes hdr_flower_1 {
	0% {
		width: calc(256 * var(--pct-rate));
		transform: rotate(36deg);
		margin: calc(-494 * var(--pct-rate)) auto auto calc(-28 * var(--pct-rate));
	}
	33% {
		top: 50vh;
		opacity: 1;
		filter: blur(0px);
		width: calc(256 * var(--pct-rate));
		transform: rotate(36deg);
		margin: calc(-494 * var(--pct-rate)) auto auto calc(-28 * var(--pct-rate));
	}
	100% {
		top: 0;
		opacity: 1;
		filter: blur(0px);
		width: calc(228 * var(--pct-rate));
		transform: rotate(128deg);
		margin: calc(-86 * var(--pct-rate)) auto auto calc(-80 * var(--pct-rate));
	}
}
.hdr_flower_2 {
	animation: hdr_flower_2 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3s;
}
@keyframes hdr_flower_2 {
	0% {
		width: calc(188 * var(--pct-rate));
		transform: rotate(-35deg);
		margin: calc(-462 * var(--pct-rate)) auto auto calc(536 * var(--pct-rate));
	}
	33% {
		top: 50vh;
		opacity: 1;
		filter: blur(0px);
		width: calc(188 * var(--pct-rate));
		transform: rotate(-35deg);
		margin: calc(-462 * var(--pct-rate)) auto auto calc(536 * var(--pct-rate));
	}
	100% {
		top: 0;
		opacity: 1;
		filter: blur(0px);
		width: calc(182 * var(--pct-rate));
		transform: rotate(-137deg);
		margin: calc(-148 * var(--pct-rate)) auto auto calc(564 * var(--pct-rate));
	}
}
.hdr_flower_3 {
	animation: hdr_flower_3 4s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3s;
}
@keyframes hdr_flower_3 {
	0% {
		width: calc(206 * var(--pct-rate));
		transform: rotate(24deg);
		margin: calc(118 * var(--pct-rate)) auto auto calc(-4 * var(--pct-rate));
	}
	25% {
		top: 50vh;
		opacity: 1;
		filter: blur(0px);
		width: calc(206 * var(--pct-rate));
		transform: rotate(24deg);
		margin: calc(118 * var(--pct-rate)) auto auto calc(-4 * var(--pct-rate));
	}
	100% {
		top: 0;
		opacity: 1;
		filter: blur(0px);
		width: calc(152 * var(--pct-rate));
		transform: rotate(55deg);
		margin: calc(1328 * var(--pct-rate)) auto auto calc(-12 * var(--pct-rate));
	}
}
.hdr_flower_4 {
	animation: hdr_flower_4 3s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 3s;
}
@keyframes hdr_flower_4 {
	0% {
		width: calc(194 * var(--pct-rate));
		transform: rotate(-28deg);
		margin: calc(174 * var(--pct-rate)) auto auto calc(550 * var(--pct-rate));
	}
	33% {
		top: 50vh;
		opacity: 1;
		filter: blur(0px);
		width: calc(194 * var(--pct-rate));
		transform: rotate(-28deg);
		margin: calc(174 * var(--pct-rate)) auto auto calc(550 * var(--pct-rate));
	}
	100% {
		top: 0;
		opacity: 1;
		filter: blur(0px);
		width: calc(160 * var(--pct-rate));
		transform: rotate(-56deg);
		margin: calc(296 * var(--pct-rate)) auto auto calc(634 * var(--pct-rate));
	}
}
.hdr_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.hdr_img img {}
.hdr_img_1 {
	width: calc(528 * var(--pct-rate));
	margin: calc(435 * var(--pct-rate)) auto auto calc(-72 * var(--pct-rate));
	animation: hdr_img 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 6s;
}
.hdr_img_1 img {
	animation: hdr_img_img 8s ease-in-out infinite alternate;
	animation-delay: 8s;
}
.hdr_img_2 {
	width: calc(412 * var(--pct-rate));
	margin: calc(522 * var(--pct-rate)) auto auto calc(400 * var(--pct-rate));
	animation: hdr_img 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 6.5s;
}
.hdr_img_2 img {
	animation: hdr_img_img 8s ease-in-out infinite alternate;
	animation-delay: 8.5s;
}
.hdr_img_3 {
	width: calc(436 * var(--pct-rate));
	margin: calc(834 * var(--pct-rate)) auto auto calc(-16 * var(--pct-rate));
	animation: hdr_img 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 7s;
}
.hdr_img_3 img {
	animation: hdr_img_img 8s ease-in-out infinite alternate;
	animation-delay: 9s;
}
.hdr_img_4 {
	width: calc(430 * var(--pct-rate));
	margin: calc(1018 * var(--pct-rate)) auto auto calc(342 * var(--pct-rate));
	animation: hdr_img 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation-delay: 7.5s;
}
.hdr_img_4 img {
	animation: hdr_img_img 8s ease-in-out infinite alternate;
	animation-delay: 9.5s;
}
@keyframes hdr_img {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes hdr_img_img {
	0% {
		transform:translate(0, 0) rotate(0deg);
	}
	100% {
		transform:translate(0, 7.5%) rotate(14deg);
	}
}

.hdr_scroll_wrapper {
	position: absolute;
	right: 3%;
	top: 9%;
	width: min(calc(16 * var(--vw-rate)), 16px);
	height: min(calc(214 * var(--vw-rate)), 214px);
	transform: translateY(0);
	z-index: 999;
}
.hdr_scroll_wrapper p {
	position: absolute;
	top: min(calc(140 * var(--vw-rate)), 140px);
	transform: rotate(90deg) translate3d(0, 0, 0);
	transform-origin: left center;
	font-weight: 600;
	font-size: min(calc(16 * var(--vw-rate)), 16px);
	letter-spacing: 0.2em;
	color:#231815;
}
.hdr_scroll {
	transform: translateX(-50%);
	top: 0;
	width: 2px;
	height: min(calc(125 * var(--vw-rate)), 125px);
	background: #231815;
	position: absolute;
	animation: scroll 3s ease infinite;
}
@keyframes scroll {
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	70% {
		transform-origin:top;
		transform:scaleY(1);
	}
	70.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}

/*コンテンツ*/
#cont {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
	background: url("../img/cont_bg.jpg") repeat-y top center;
	background-size: 100% auto;
	overflow: hidden;
}

/*コンテンツTOP*/
#cont_top {
	padding: calc(156 * var(--pct-rate)) 0 calc(188 * var(--pct-rate));
}
#cont_top h2 {
	width: calc(290 * var(--pct-rate));
	margin: 0 auto;
}
#cont_top p {
	line-height: calc(53.8583 / 28);
	text-align: center;
	margin-top: calc(148 * var(--pct-rate));
}
.cont_top_flower {
	position: absolute;
	top: 0;
	left: 0;
}
.cont_top_flower img.jinwari.is-animated {
	animation-duration: 0.5s;
}
.cont_top_flower_1 {
	width: calc(186 * var(--pct-rate));
	margin: calc(358 * var(--pct-rate)) auto auto calc(-24 * var(--pct-rate));
	transform: rotate(45deg) scaleX(-1);
}
.cont_top_flower_1.cont_top_flower img.jinwari.is-animated {
	animation-delay: 1s;
 }
.cont_top_flower_2 {
	width: calc(132* var(--pct-rate));
	margin: calc(250 * var(--pct-rate)) auto auto calc(636 * var(--pct-rate));
	transform: rotate(-26deg);
 }
.cont_top_flower_2.cont_top_flower img.jinwari.is-animated {
	animation-delay: 0.5s;
 }
.cont_top_flower_3 {
	width: calc(124 * var(--pct-rate));
	margin: calc(224 * var(--pct-rate)) auto auto calc(-60 * var(--pct-rate));
	transform: rotate(36deg);
}
.cont_top_flower_3.cont_top_flower img.jinwari.is-animated {
	animation-delay: 0s;
 }
.cont_top_flower_4 {
	width: calc(122 * var(--pct-rate));
	margin: calc(342 * var(--pct-rate)) auto auto calc(610 * var(--pct-rate));
	transform: rotate(-38deg);
}
.cont_top_flower_4.cont_top_flower img.jinwari.is-animated {
	animation-delay: 1.5s;
 }

/*コンテンツBOX共通*/
.cont_box {}
.cont_box_main {
	position: relative;
	width: calc(675 * var(--pct-rate));
	background: no-repeat top left;
	background-size: 100% auto;
}
.cont_box_side_ttl {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(32 / 675 * 100%);
}
.cont_box_hdr {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(52 / 675 * 100%);
}
.cont_box_hdr h2 {
	width: 500;
	font-size: min(calc(55 * var(--vw-rate)), 55px);
}
.cont_box_hdr h2 span {
	display: block;
}
.cont_box_hdr h2 span:nth-of-type(n+2) {
	margin-top: calc(28 / 55 * 1em);
}
.cont_box_hdr_en {
	width: 500;
	font-size: min(calc(30 * var(--vw-rate)), 30px);
	letter-spacing: 0.32em;
	margin-top: calc(44 / 30 * 1em);
}
.cont_box_main p {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(52 / 675 * 100%);
	width: calc(548 / 675 * 100%);
	line-height: calc(45.3543 / 28);
}
.cont_box_link  {
	position: relative;
	padding-top: calc(135 * var(--pct-rate));
}
.cont_box_link a  {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.cont_box_flower {
	position: absolute;
	top: 0;
	left: 0;
}

/*コンテンツmov*/
#cont_mov video {
	width: 100%;
	height: auto;
}
#cont_mov {
	width: 100%;
	height: 0;
	padding-top: calc(754 / 426 * 100%);
	position: relative;
}
#cont_mov iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*コンテンツ1（足羽三山）*/
#cont_1 {
	padding-bottom: calc(148 * var(--pct-rate));
}
#cont_1 .cont_box_side_ttl {
	margin: calc(1752 / 675 * 100%) 0 0 calc(-52 / 675 * 100%);
}
#cont_1 .cont_box_main p {
	margin-top: calc(944 / 675 * 100%);
}
#cont_1 .cont_box_main  {
	margin: 0 0 0 auto;
}
#cont_1 .cont_box_link {
	background: url("../img/cont_1_link_bg.png") no-repeat right bottom;
	background-size: 100% 100%;
}
#cont_1 .cont_box_link a {
	width: calc(255 * var(--pct-rate));
	margin-left: calc(147 * var(--pct-rate));
}
.cont_1_flower_1 {
	width: calc(304 * var(--pct-rate));
	margin: calc(-94 * var(--pct-rate)) auto auto calc(534 * var(--pct-rate));
	transform: rotate(-113deg) scaleX(-1);
}
.cont_1_flower_2 {
	width: calc(294 * var(--pct-rate));
	margin: calc(1668 * var(--pct-rate)) auto auto calc(-124 * var(--pct-rate));
	transform: rotate(37deg) scaleX(-1);
}
.cont_1_flower_3 {
	width: calc(302 * var(--pct-rate));
	margin: calc(2878 * var(--pct-rate)) auto auto calc(540 * var(--pct-rate));
	transform: rotate(-72deg);
}

/*コンテンツ2（羽二重サブレ）*/
#cont_2 {
	padding-bottom: calc(148 * var(--pct-rate));
}
#cont_2 .cont_box_side_ttl {
	margin: calc(1786 / 675 * 100%) 0 0 calc(696 / 675 * 100%);
}
#cont_2 .cont_box_hdr {
	width: calc(383 / 675 * 100%);
	margin-left: calc(292 / 675 * 100%);
}
.cont_2_hdr_prize {
	margin-top: calc(38 / 26 * 1em);
	font-weight: 600;
	font-size: min(calc(26 * var(--vw-rate)), 26px);
	line-height: calc(35 / 26);
	letter-spacing: 0.02em;
	padding: calc(10 / 383 * 100%) calc(14 / 383 * 100%);
	background: url("../img/cont_2_hdr_prize_bg.png") no-repeat center;
	background-size: cover;
}
#cont_2 .cont_box_main p {
	margin-top: calc(936 / 675 * 100%);
}
#cont_2 .cont_box_link {
	background: url("../img/cont_2_link_bg.png") no-repeat left bottom;
	background-size: 100% 100%;
}
#cont_2 .cont_box_link a {
	width: calc(256 * var(--pct-rate));
	margin-left: calc(366 * var(--pct-rate));
}
.cont_2_flower_1 {
	width: calc(272 * var(--pct-rate));
	margin: calc(4 * var(--pct-rate)) auto auto calc(-88 * var(--pct-rate));
	transform: rotate(52deg);
}
.cont_2_flower_2 {
	width: calc(260 * var(--pct-rate));
	margin: calc(1620 * var(--pct-rate)) auto auto calc(542 * var(--pct-rate));
	transform: rotate(-28deg);
}
.cont_2_flower_3 {
	width: calc(208 * var(--pct-rate));
	margin: calc(3044 * var(--pct-rate)) auto auto calc(-26 * var(--pct-rate));
	transform: rotate(62deg) scaleX(-1);
}

/*コンテンツ3（エディブルフラワーロリポップ）*/
#cont_3 {
	padding-bottom: calc(180 * var(--pct-rate));
}
#cont_3 .cont_box_side_ttl {
	margin: calc(1904 / 675 * 100%) 0 0 calc(-52 / 675 * 100%);
}
#cont_3 .cont_box_main p {
	margin-top: calc(1018 / 675 * 100%);
}
#cont_3 .cont_box_main  {
	margin: 0 0 0 auto;
}
#cont_3 .cont_box_link {
	background: url("../img/cont_3_link_bg.png") no-repeat right bottom;
	background-size: 100% 100%;
}
#cont_3 .cont_box_link a {
	width: calc(253 * var(--pct-rate));
	margin-left: calc(147 * var(--pct-rate));
}
.cont_3_flower_1 {
	width: calc(192 * var(--pct-rate));
	margin: calc(-26 * var(--pct-rate)) auto auto calc(642 * var(--pct-rate));
	transform: rotate(-58deg) scaleX(-1);
}
.cont_3_flower_2 {
	width: calc(190 * var(--pct-rate));
	margin: calc(1668 * var(--pct-rate)) auto auto calc(-74 * var(--pct-rate));
	transform: rotate(37deg) scaleX(-1);
}
.cont_3_flower_3 {
	width: calc(196 * var(--pct-rate));
	margin: calc(3068 * var(--pct-rate)) auto auto calc(650 * var(--pct-rate));
	transform: rotate(-73deg);
}

/*コンテンツ4（魅惑のザッハトルテ）*/
#cont_4 {
	padding-bottom: calc(206 * var(--pct-rate));
	color: #fff;
}
#cont_4 .cont_box_side_ttl {
	margin: calc(1956 / 675 * 100%) 0 0 calc(696 / 675 * 100%);
}
#cont_4 .cont_box_hdr {
	width: calc(383 / 675 * 100%);
	margin-left: calc(292 / 675 * 100%);
}
.cont_4_hdr_prize {
	margin-top: calc(24 / 28 * 1em);
	display: flex;
	align-items: center;
}
.cont_4_hdr_prize_txt {
	width: calc(172 / 383 * 100%);
	font-weight: 600;
	line-height: calc(37.75 / 28);
	letter-spacing: 0.1em;
}
.cont_4_hdr_prize_img {
	width: calc(160 / 383 * 100%);
}
#cont_4 .cont_box_main p {
	margin-top: calc(1122 / 675 * 100%);
}
#cont_4 .cont_box_link {
	background: url("../img/cont_4_link_bg.png") no-repeat left bottom;
	background-size: 100% 100%;
}
#cont_4 .cont_box_link a {
	width: calc(254 * var(--pct-rate));
	margin-left: calc(366 * var(--pct-rate));
}
.cont_4_flower_1 {
	width: calc(208 * var(--pct-rate));
	margin: calc(68 * var(--pct-rate)) auto auto calc(-40 * var(--pct-rate));
	transform: rotate(43deg);
}
.cont_4_flower_2 {
	width: calc(208 * var(--pct-rate));
	margin: calc(1720 * var(--pct-rate)) auto auto calc(588 * var(--pct-rate));
	transform: rotate(-42deg);
}
.cont_4_flower_3 {
	width: calc(192 * var(--pct-rate));
	margin: calc(3042 * var(--pct-rate)) auto auto calc(-26 * var(--pct-rate));
	transform: rotate(57deg);
}

/*コンテンツSTORE*/
#cont_store {
	margin: 0 auto;
	width: calc(598 * var(--pct-rate));
}
#cont_store h2 {
	font-weight: 500;
	font-size: min(calc(40 * var(--vw-rate)), 40px);
	text-align: center;
	letter-spacing: 0.04em;
}
#cont_store_1 {
	margin-top: calc(98 / 598 * 100%);
}
#cont_store_1 h3 {
	font-weight: 500;
	font-size: min(calc(45 * var(--vw-rate)), 45px);
	text-align: center;
	letter-spacing: 0.04em;
}
.cont_store_1_img {
	margin-top: calc(66 / 598 * 100%);
}
.cont_store_1_add {
	margin-top: calc(42 / 598 * 100%);
	text-align: center;
	line-height: calc(51.0236 / 28);
}
#cont_store_1 .cont_store_link {
	margin: calc(72 / 598 * 100%) auto 0;
	width: calc(190 / 598 * 100%);
}
.cont_store_2-3 {
	margin-top: calc(66 / 598 * 100%);
	display: flex;
	justify-content: space-between;
}
.cont_store_2-3_box {
	width: calc(284 / 598 * 100%);
}
.cont_store_2-3_box h3 {
	font-weight: 500;
	font-size: min(calc(29 * var(--vw-rate)), 29px);
}
.cont_store_2-3_img {
	margin-top: calc(32 / 284 * 100%);
}
.cont_store_2-3_box address {
	margin-top: calc(28 / 284 * 100%);
	font-size: min(calc(25 * var(--vw-rate)), 25px);
	line-height: calc(38.2677 / 25);
}
.cont_store_2-3 .cont_store_link {
	margin-top: calc(54 / 284 * 100%);
	width: calc(175 / 284 * 100%);
}
#cont_store_soryo {
	margin: calc(112 / 598 * 100%) auto 0;
	width: calc(292 / 598 * 100%);
}

/*コンテンツSNS*/
#cont_sns {
	//padding: calc(200 * var(--pct-rate)) 0 calc(232 * var(--pct-rate));
	padding: calc(200 * var(--pct-rate)) 0 calc(330 * var(--pct-rate));
}
#cont_sns ul {
	display: flex;
	justify-content: center;
	gap: calc(64 * var(--pct-rate));
	width: 100%;
}
#cont_sns ul li {
	width: calc(70 * var(--pct-rate));
}

/*フッター*/
#ftr {
	position: fixed;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 750px;
	margin-left: max(-50% , -375px);
	background: #323232 url("../img/ftr_bg.jpg") no-repeat bottom center;
	background-size: cover;
	padding: min(calc(22 * var(--pct-rate)), 22px) 0;
}
.ftr_inr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(597 * var(--pct-rate));
	margin: 0 auto;
}
.ftr_ols {
	width: calc(181 / 597 * 100%)
}
.ftr_top {
	//width: calc(62 / 597 * 100%);
	width: calc(116 / 597 * 100%);
	margin-top: calc(-48 / 597 * 100%);
}