@charset "UTF-8";
/* ==========================================================================
Base
========================================================================== */
/*!
 * @acab/reset.css
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* もちろん、より直感的なbox-sizingに設定 */
  margin: 0; /* マージンは0に */
  padding: 0; /* パディングも常に0に */
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important; /* hiddenは非表示を意味します */
}

:where(html) {
  -webkit-text-size-adjust: none; /* iOSのランドスケープでテキストが調整されないようにする */
  color-scheme: dark light; /* ユーザーがダークテーマを好む場合、自動的にダークテーマになる */
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth; /* 何かにフォーカスがある場合のみスムーズスクロール */
  }
}
:where(body) {
  block-size: 100%; /* サファリ以外のブラウザのフォールバック */
  block-size: 100dvb; /* 1dvbは動的ビューポートの長さの1%、100dvbで高さいっぱいに */
  font-family: system-ui, sans-serif; /* timeの代わりにシステムフォントを使用 */
  line-height: 1.5; /* アクセシブルな行の高さ */
  -webkit-font-smoothing: antialiased; /* テキストのレンダリングを改善 */
}

:where(input, button, textarea, select) {
  color: inherit; /* カラーも継承 */
  font: inherit; /* フォーム コントロールは親フォントを継承 */
}

:where(textarea) {
  resize: vertical; /* テキストエリアの水平リサイズを無効に */
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer; /* インタラクティブなものにカーソルを合わせる */
}

:where(:disabled) {
  cursor: not-allowed; /* フォームコントロール無効時のカーソルを許可しない */
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed; /* ラベルにもカーソルを許可しない */
}

:where(button) {
  border-style: solid; /* ボタンのボーダーのスタイルを設定しやすくする */
}

:where(a) {
  text-underline-offset: 0.2ex; /* 下線の上にスペースを追加する */
}

:where(ul, ol) {
  list-style: none; /* ビュレットを削除、必要に応じて手動で追加する */
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block; /* 置換された要素をより予測可能にする */
}

:where(img, picture, svg) {
  block-size: auto; /* アスペクト比を保持 */
  max-inline-size: 100%; /* images should never overflow past the available space */
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word; /* 長い単語は改行 */
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem); /* 見出しの行の高さを減らす */
}

:where(hr) {
  block-size: 0;
  /* より一貫性のある、スタイリッシュなhr */
  border: none;
  -webkit-border-before: 1px solid;
  border-block-start: 1px solid;
  color: inherit;
  overflow: visible;
}

:where(:focus-visible) {
  /* より一貫性のある、カスタマイズ可能なフォーカスのアウトライン */
  outline: 2px solid var(--focus-color, Highlight);
  outline-offset: 2px;
}

/* .visually-hiddenは後のカスケードレイヤーを上書きするために!importantを使用 */
:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
  border: 0 !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

:root {
  --font-family-primary: "YakuHanMP", "Noto Serif JP", serif;
  /*--font-family-secondary: "Spicy Rice", serif;*/
  --color-00-black: #000;
  --color-00-white: #ffffff;
  --color-01-gray: #f7f7f7;
  --color-02-gray: #e8e8e8;
  --color-03-gray: #f2eee7;
  --color-01-brown: #2e160a;
  --color-01-black: #1e1e1e;
  --color-01-beige: #dbd5c1;
  --color-02-beige: #e8e5da;
  --color-03-beige: #f2ebdb;
  --color-01-yellow: #ffe200;
  --color-02-yellow: #eec507;
  --color-03-yellow: #fceca0;
  --color-01-red: #e60012;
  --color-02-red: #9e000c;
  --color-03-red: #c40a19;
  --color-01-blue: #087ef8;
  --color-01-orange: #ed5c00;
  --line-height-l: 1.8;
  --line-height-m: 1.7;
  --line-height-s: 1.4;
  --line-height-xs: 1.3;
}

/* Base
----------------------------------------------------------------- */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
html:has(dialog[open]) {
  overflow: hidden;
}

body {
  background-color: var(--color-00-white);
  color: var(--color-01-black);
  font-family: var(--font-family-primary);
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
}

:where(a) {
  color: inherit;
  text-decoration: none;
}
:where(a):hover {
  text-decoration: none;
}
:where(ol),
:where(ul),
:where(dl) {
  list-style: none;
}

:where(em),
:where(i) {
  font-style: normal;
}

:where(h1),
:where(h2),
:where(h3),
:where(h4),
:where(h5),
:where(h6) {
  font-size: 1.6rem;
  font-weight: normal;
}

:where(p) {
  font-size: 14px;
}
@media print, screen and (min-width:768px) {
  :where(p) {
    font-size: 15px;
  }
}

:where(em) {
  font-weight: bold;
}

:where(img) {
  display: block;
  height: auto;
  width: 100%;
}

:where(button) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}

:where(input) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-00-white);
  border: 1px solid var(--color-03-gray);
}

:where(textarea) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-00-white);
  border: 1px solid var(--color-03-gray);
}

.visually-hidden {
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

@media print, screen and (max-width:767px) {
  .pc-only {
    display: none !important;
  }
}
@media print, screen and (min-width:768px) {
  .sp-only {
    display: none !important;
  }
}
/* ==========================================================================
Layout
========================================================================== */
/* ==========================================================================
Components
========================================================================== */
@media print, screen and (min-width:768px) {
	.inner{
		 max-width: 1600px;
		 margin: 0 auto;
	}
}
.c-hero {
  background-color: var(--color-00-white);
  position: relative;
}
.c-hero__inner {
  aspect-ratio: 750/1152;
  background-image: url(../images/hero-background-sp.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width:768px) {
  .c-hero__inner {
    aspect-ratio: 3200/2352;
    background-image: url(../images/hero-background-pc.webp);
    margin: 0 auto;
    max-width: 1600px;
  }
}
.c-hero__logo {
	position: absolute;
	top: 0;
  	left: 2.66vw;
  	width: 20.26vw;
}

@media print, screen and (min-width:768px) {
  .c-hero__logo {
  	left: clamp(153.6px, 20vw, 320px);
  	width: clamp(72.96px, 9.5vw, 152px);
  }
}
.c-hero__logo img {
}
.c-hero__title {
	width: 89.33vw;
	margin: -4vw auto 4vw;
}
@media print, screen and (min-width:768px) {
  .c-hero__title {
    width: clamp(323.04px, 89.73vw, 673px);
	margin: clamp(-24px, -6.66vw, -50px) auto clamp(14.4px, 1.87vw, 30px);
  }
}

.c-bg__gray{
	background: url("../images/cts_bk_top_sp.webp"),
				url("../images/cts_bk_bottom_sp.webp");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
	background-size: contain, contain;
	background-color: var(--color-01-gray);
}
@media print, screen and (min-width:768px) {
	.c-bg__gray{
	background: url("../images/cts_bk_top_pc.webp"),
				url("../images/cts_bk_bottom_pc.webp");
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
	background-size: contain, contain;
	background-color: var(--color-01-gray);
	}	
}
.c-lineup{
	padding-top: 19.46vw;
	letter-spacing: 0.3em;
	text-align: center;
}
@media print, screen and (min-width:768px) {
	.c-lineup{
		padding-top: clamp(70.08px, 9.12vw, 146px);
	}		
}
.c-lineup h2{
	font-size: 5.33vw;
	font-weight: 600;
}
@media print, screen and (min-width:768px) {
	.c-lineup h2{
	font-size: clamp(19.2px, 2.5vw, 40px);
	}
}
.c-lineup .c-lineup-dot{
  	aspect-ratio: 654/6;
	width: 87.33vw;
	margin: 4vw auto;
}
@media print, screen and (min-width:768px) {
	.c-lineup .c-lineup-dot{
		width: clamp(313.92px, 40.87vw, 654px);
		margin: clamp(14.4px, 4vw, 30px)  auto;
	}
}
.c-lineup p:first-of-type{
	font-size: 4vw;
	line-height: var(--line-height-m);
}
@media print, screen and (min-width:768px) {
	.c-lineup p:first-of-type{
		font-size: clamp(14.4px, 4vw, 30px);
	}	
}
.c-lineup__cts{
	margin: 11.46vw 0 0;
	padding-bottom:  7.33vw;
	position: relative;
}
@media print, screen and (min-width:768px) {
	.c-lineup__cts{
		margin: clamp(38.4px, 5vw, 80px) 0 0;
		padding-bottom: clamp(43.2px, 5.62vw, 90px);
	}
}
.c-lineup__cts-ttl{
	aspect-ratio: 180/113;
	width: 24vw;
	margin: 0 auto 5.86vw;
}
@media print, screen and (min-width:768px) {
	.c-lineup__cts-ttl{
		width: clamp(86.4px, 11.25vw, 180px);
		margin: 0 auto clamp(21.12px, 2.75vw, 44px);
	}
}
.c-lineup__cts-fukidashi{
	width: 22.66vw;
	position: absolute;
	top: 8vw;
	right: 12vw;
}
@media print, screen and (min-width:768px) {
	.c-lineup__cts-fukidashi{
		width: clamp(82.56px, 10.75vw, 172px); 
		top: clamp(24px, 3.125vw, 50px);
		right: clamp(245.76px, 32vw, 512px); 
	}	
}
.c-lineup__cts p{
	font-weight: 600;
}
.c-lineup__cts p:first-of-type{
	font-size: 5.33vw;
	line-height: 1;
	margin-bottom: 2vw;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts p:first-of-type{
		font-size: clamp(19.2px, 2.5vw, 40px); 
		margin-bottom: clamp(7.2px, 0.93vw, 15px);
	}
}
.c-lineup__cts p:nth-of-type(2){
	font-size: 6vw;
	line-height: 1;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts p:nth-of-type(2){
	font-size: clamp(21.6px, 2.81vw, 45px); 
	}
}
.c-lineup__cts p:nth-of-type(2) span{
	color: var(--color-01-orange);
	font-size: 9.33vw ;
	vertical-align: -1vw;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts p:nth-of-type(2) span{
		font-size: clamp(33.6px, 4.37vw, 70px);
		vertical-align: -5px;
	}
}
.c-lineup__cts ul{
	width: 90.66vw;
	margin: 8vw auto 0;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts ul{
		width: clamp(451.2px, 58.75vw, 940px);
		margin: clamp(28.8px, 3.75vw, 60px) auto 0;
	}	
}
.c-lineup__cts ul li{
	width: 44vw;
	margin: 0 auto 2.66vw;
	border: #d8d8d8 1px solid;
	border-radius: 20px;
	padding: 3.33vw 0 8vw;
	letter-spacing: 0.15em;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts ul li{
		width: clamp(144px, 18.75vw, 300px);
		margin: 0 auto clamp(9.6px, 1.25vw, 20px);
		padding: clamp(11.52px, 1.5vw, 24px) 0 clamp(28.8px, 3.75vw, 60px);
	}
}
.c-lineup__cts ul li:hover{
	opacity: 0.7;
}
.c-lineup__cts ul li img{
	aspect-ratio: 117/171;
	width: 15.6vw;
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.2));	
	margin: 0 auto 2vw;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts ul li img{
		width: clamp(56.16px, 7.31vw, 117px);
		margin: 0 auto clamp(9.6px, 1.25vw, 20px);
	}	
}
.c-lineup__cts ul li p:first-of-type{
	font-size: 2.666vw;
	font-weight: 600;
	line-height: var(--line-height-xs);
}
@media print, screen and (min-width:768px){
	.c-lineup__cts ul li p:first-of-type{
		font-size: clamp(9.6px, 1.25vw, 20px);
	}
}
.c-lineup__cts ul li p:first-of-type span{
	font-size: 3.8vw;
	letter-spacing: 0;
}
@media print, screen and (min-width:768px){
	.c-lineup__cts ul li p:first-of-type span{
		font-size: clamp(12.48px, 1.62vw, 26px);
    letter-spacing: -0.07em;
	}
}
.c-lineup__cts ul li.item01 span, .c-lineup__cts ul li.item02 span{
	letter-spacing: 0.05em !important;
}
.c-lineup__cts ul li.item01{
	background: url("../images/lineup_link_prod_01.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}
.c-lineup__cts ul li.item02{
	background: url("../images/lineup_link_prod_02.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}
.c-lineup__cts ul li.item03{
	background: url("../images/lineup_link_prod_03.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}
.c-lineup__cts ul li.item04{
	background: url("../images/lineup_link_prod_04.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}
.c-lineup__cts ul li.item05{
	background: url("../images/lineup_link_prod_05.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}
.c-lineup__cts ul li.item06{
	background: url("../images/lineup_link_prod_06.webp") no-repeat bottom left / contain;
	background-color: var(--color-00-white);
	filter: drop-shadow( 5px 5px 10px rgba(0,0,0,0.1));
}

.c-product{
  color: var(--color-01-brown);
}
@media print, screen and (min-width:768px){
	.c-product{
		margin-bottom: clamp(76.8px, 10vw, 160px);
	}
}
.c-product__disc{
	position: relative;
	margin-top: 4vw;
}
@media print, screen and (min-width:768px){
	.c-product__disc{
		margin-top: 0;
	}
}
.c-product__disc img{
	position: absolute;	
}
.c-product__disc p{
	font-size: 3.73vw;
	font-weight: 400;	
}
@media print, screen and (min-width:768px){
	.c-product__disc p{
		font-size: clamp(11.04px, 1.437vw, 23px);
	}
}
.c-product__disc.prod01{
	background: url("../images/product-back01_sp.webp") no-repeat top right / 77.6vw;
	min-height: 108.53vw;
}
.c-product__disc.prod01 img{
	aspect-ratio: 169/707;
	width: 22.4vw;
	top: 5.33vw;
	left: 8.66vw;
}
.c-product__disc.prod01 p{
	padding: 108.53vw 4vw 0;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod01{
		background: url("../images/product-back01_pc.webp") no-repeat top right clamp(124.8px, 16.25vw, 260px) / clamp(371.04px, 48.31vw, 773px);
		min-height: clamp(384.48px, 50.06vw, 801px);
	}
	.c-product__disc.prod01 img{
		width: clamp(81.12px, 10.56vw, 169px);
		top: clamp(19.2px, 2.5vw, 40px);
		left: clamp(230.4px, 30vw, 480px);
	}
  .c-product__disc.prod01 p{
      padding: 0;
  }
  .c-product__disc.prod01 p img{
    aspect-ratio: 115 / 553;
    width: clamp(55.2px, 7.18vw, 115px);
    top: clamp(19.2px, 2.5vw, 40px);
    left: clamp(152.16px, 19.81vw, 317px);
  }
	/*.c-product__disc.prod01 p{
	padding: 0;
	position: absolute;
	top: clamp(19.2px, 2.5vw, 40px);
	left: clamp(153.6px, 20vw, 320px);
	writing-mode: vertical-rl;
	}*/
}
.c-product__disc.prod02{
	background: url("../images/product-back02_sp.webp") no-repeat top left / 78vw;
	min-height: 109.2vw;
}
.c-product__disc.prod02 img{
	aspect-ratio: 174/683;
	width: 23.2vw;
	top: 6.4vw;
	right: 8.53vw;
}
.c-product__disc.prod02 p{
	padding: 109.2vw 4vw 0;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod02{
		background: url("../images/product-back02_pc.webp") no-repeat top left clamp(124.8px, 16.25vw, 260px) / clamp(368.64px, 48vw, 768px);
		min-height: clamp(385.92px, 50.25vw, 804px);
	}
	.c-product__disc.prod02 img{
		width: clamp(83.52px, 10.87vw, 174px);
		top: clamp(22.08px, 2.87vw, 46px);
		right: clamp(153.6px, 20vw, 320px);
	}
  .c-product__disc.prod02 p{
      padding: 0;
  }
  .c-product__disc.prod02 p img{
    aspect-ratio: 105 / 731;
    width: clamp(50.4px, 6.56vw, 105px);
    top: clamp(22.08px, 2.87vw, 46px);
    right: clamp(250.08px, 32.56vw, 521px);
  }
	/*.c-product__disc.prod02 p{
	padding: 0;
	position: absolute;
	top: clamp(22.08px, 2.87vw, 46px);
	right: clamp(249.6px, 32.5vw, 520px);
	writing-mode: vertical-rl;
	}*/
}
.c-product__disc.prod03{
	background: url("../images/product-back03_sp.webp") no-repeat top right / 77.46vw;
	min-height: 108.2vw;
}
.c-product__disc.prod03 img{
	aspect-ratio: 166/736;
	width: 22.13vw;
	top: 4.8vw;
	left: 9.33vw;
}
.c-product__disc.prod03 p{
	padding: 108.2vw 4vw 0;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod03{
		background: url("../images/product-back03_pc.webp") no-repeat top right clamp(124.8px, 16.25vw, 260px) / clamp(370.56px, 48.43vw, 775px);
		min-height: clamp(384.96px, 50.12vw, 802px);
	}
	.c-product__disc.prod03 img{
		width: clamp(83.52px, 10.87vw, 174px);
		top: clamp(17.28px, 2.25vw, 36px);
		left: clamp(223.2px, 29.06vw, 465px);
	}
  .c-product__disc.prod03 p{
      padding: 0;
  }
  .c-product__disc.prod03 p img{
    aspect-ratio: 105 / 630;
    width: clamp(50.4px, 6.56vw, 105px);
    top: clamp(17.28px, 2.25vw, 36px);
    left: clamp(155.52px, 20.25vw, 324px);
  }
	/*.c-product__disc.prod03 p{
	padding: 0;
	position: absolute;
	top: clamp(17.28px, 2.25vw, 36px);
	left: clamp(155.52px, 20.25vw, 324px);
	writing-mode: vertical-rl;
	}*/
}
.c-product__disc.prod04{
	background: url("../images/product-back04_sp.webp") no-repeat top left / 77.73vw;
	min-height: 108.26vw;
}
.c-product__disc.prod04 img{
	aspect-ratio: 173/730;
	width: 23.06vw;
	top: 4vw;
	right: 8vw;
}
.c-product__disc.prod04 p{
	padding: 108.26vw 4vw 0;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod04{
		background: url("../images/product-back04_pc.webp") no-repeat top left clamp(124.8px, 16.25vw, 260px) / clamp(371.04px, 48.31vw, 773px);
		min-height: clamp(383.52px, 49.93vw, 799px);
	}
	.c-product__disc.prod04 img{
		width: clamp(83.04px, 10.81vw, 173px);
		top: clamp(9.6px, 1.25vw, 20px);
		right: clamp(153.6px, 20vw, 320px);
	}
  .c-product__disc.prod04 p{
      padding: 0;
  }
  .c-product__disc.prod04 p img{
    aspect-ratio: 65 / 756;
    width: clamp(31.2px, 4.06vw, 65px);
    top: clamp(9.6px, 1.25vw, 20px);
    right: clamp(254.4px, 33.12vw, 530px);
  }
	/*.c-product__disc.prod04 p{
	padding: 0;
	position: absolute;
	top: clamp(9.6px, 1.25vw, 20px);
	right: clamp(249.6px, 32.5vw, 520px);
	writing-mode: vertical-rl;
	}*/
}
.c-product__disc.prod05{
	background: url("../images/product-back05_sp.webp") no-repeat top right / 77.33vw;
	min-height: 108.26vw;
}
.c-product__disc.prod05 img{
	aspect-ratio: 169/692;
	width: 22.53vw;
	top: 4vw;
	left: 8vw;
}
.c-product__disc.prod05 p{
	padding: 108.26vw 4vw 0;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod05{
		background: url("../images/product-back05_pc.webp") no-repeat top right clamp(124.8px, 16.25vw, 260px) / clamp(370.56px, 48.43vw, 775px);
		min-height: clamp(383.04px, 49.87vw, 798px);
	}
	.c-product__disc.prod05 img{
		width: clamp(81.12px, 10.56vw, 169px);
		top: clamp(9.6px, 1.25vw, 20px);
		left: clamp(223.2px, 29.06vw, 465px);
	}
  .c-product__disc.prod05 p{
      padding: 0;
  }
  .c-product__disc.prod05 p img{
    aspect-ratio: 105 / 698;
    width: clamp(50.4px, 6.56vw, 105px);
    top: clamp(9.6px, 1.25vw, 20px);
    left: clamp(155.52px, 20.25vw, 324px);
  }
	/*.c-product__disc.prod05 p{
	padding: 0;
	position: absolute;
	top: clamp(9.6px, 1.25vw, 20px);
	left: clamp(155.52px, 20.25vw, 324px);
	writing-mode: vertical-rl;
	}*/
}
.c-product__disc.prod06{
	background: url("../images/product-back06_sp.webp") no-repeat top left / 78vw;
	min-height: 109.6vw;
}
.c-product__disc.prod06 img{
	aspect-ratio: 166/725;
	width: 22.13vw;
	top: 4vw;
	right: 8vw;
}
.c-product__disc.prod06 p{
	padding: 109.6vw 4vw 0;
	margin-bottom: 20vw;
}
@media print, screen and (min-width:768px){
	.c-product__disc.prod06{
		background: url("../images/product-back06_pc.webp") no-repeat top left clamp(124.8px, 16.25vw, 260px) / clamp(370.56px, 48.43vw, 775px);
		min-height: clamp(388.8px, 50.62vw, 810px);
	}
	.c-product__disc.prod06 img{
		width: clamp(79.68px, 10.37vw, 166px);
		top: clamp(9.6px, 1.25vw, 20px);
		right: clamp(153.6px, 20vw, 320px);
	}
  .c-product__disc.prod06 p{
      padding: 0;
      margin-bottom: 0;
  }
  .c-product__disc.prod06 p img{
    aspect-ratio: 105 / 719;
    width: clamp(50.4px, 6.56vw, 105px);
    top: clamp(9.6px, 1.25vw, 20px);
    right: clamp(254.4px, 33.12vw, 530px);
  }
	/*.c-product__disc.prod06 p{
	padding: 0;
	position: absolute;
	top: clamp(9.6px, 1.25vw, 20px);
	right: clamp(249.6px, 32.5vw, 520px);
	writing-mode: vertical-rl;
	margin-bottom: 0;
	}*/
}

.c-kanshu{
  background: url(../images/kanshu_img_sp.webp) no-repeat;
  background-size: contain;
  padding-top: 74.26vw;
  margin-bottom: 12.66vw;
}
.c-kanshu p{
  width: 92vw;
  margin: 0 auto;
  border: var(--color-02-gray) 5px solid;
  background-color: var(--color-00-white);
  padding: 6.66vw 0;
  font-size: 3.46vw;
  text-align: center;
}

@media print, screen and (min-width:768px){
    .c-kanshu{
      background: url(../images/kanshu_img_pc.webp) no-repeat;
      background-size: contain;
      padding-top: clamp(261.6px, 34.06vw, 545px);
      margin-bottom: clamp(43.2px, 5.62vw, 90px);
    }
    .c-kanshu p{
      width: clamp(480px, 62.5vw, 1000px);
      padding: clamp(19.2px, 2.5vw, 40px) 0;
      font-size: clamp(11.52px, 1.5vw, 24px);
    }
}


.c-point{
  margin-bottom: 6.66vw;
  text-align: center;
}
@media print, screen and (min-width:768px){
  .c-point{
    margin-bottom: 0;
  }
}
.c-point__cts-ttl {
  aspect-ratio: 180 / 113;
  width: 24vw;
  margin: 0 auto 7.33vw;
}
@media print, screen and (min-width:768px) {
	.c-point__cts-ttl{
		width: clamp(86.4px, 11.25vw, 180px);
		margin: 0 auto clamp(28.8px, 3.75vw, 60px);
	}
}
.c-point__ttl-icon{
  aspect-ratio: 93 / 30;
  width: clamp(44.64px, 5.81vw, 93px);
  margin: 0 auto clamp(16.8px, 2.18vw, 35px);
}
@media print, screen and (min-width:768px) {
  .c-point__ttl-icon{

  }
}
.c-point__cts p:first-of-type{
    font-size: 6.66vw;
    font-weight: 600;
    line-height: var(--line-height-s);
    letter-spacing: 0.1em;
}
@media print, screen and (min-width:768px){
  .c-point__cts p:first-of-type{
    font-size: clamp(24px, 3.12vw, 50px);
  } 
}
.c-point__cts p:nth-of-type(2){
  width: 86.66vw;
  margin: 0 auto 4vw;
  border: var(--color-02-gray) 5px solid;
  background-color: var(--color-00-white);
  padding: 4vw;
  text-align: left;
  font-size: 3.73vw;
}
@media print, screen and (min-width:768px){
  .c-point__cts p:nth-of-type(2){
    width: clamp(432px, 56.25vw, 900px);
    margin: 0 auto clamp(26.4px, 3.43vw, 55px);
    padding: clamp(14.4px, 1.87vw, 30px);
    text-align: center;
    font-size: clamp(11.52px, 1.5vw, 24px);
  }
}
.c-point__cts.point01 .c-point__img{
    width: 45.33vw;
    margin: 5.33vw auto 2.66vw;
}
@media print, screen and (min-width:768px){
  .c-point__cts.point01 .c-point__img{
    width: clamp(155.04px, 20.18vw, 323px);
    margin: clamp(19.2px, 2.5vw, 40px) auto clamp(14.4px, 1.87vw, 30px);
  }
}
.c-point__cts.point02 .c-point__img{
    width: 80.93vw;
    margin: 2.66vw auto;
}
@media print, screen and (min-width:768px){
  .c-point__cts.point02 .c-point__img{
    width: clamp(277.92px, 36.18vw, 579px);
    margin: clamp(19.2px, 2.5vw, 40px) auto clamp(14.4px, 1.87vw, 30px);
  }
}
.c-point__cts.point03 .c-point__img{
    width: 64.4vw;
    margin: 6.66vw auto 2.66vw;
}
@media print, screen and (min-width:768px){
  .c-point__cts.point03 .c-point__img{
    width: clamp(231.84px, 30.18vw, 483px);
    margin: clamp(19.2px, 2.5vw, 40px) auto clamp(14.4px, 1.87vw, 30px);
  }
}
.c-point__cts.point04 .c-point__img{
    width: 45.6vw;
    margin: 4vw auto 2.66vw;
}
@media print, screen and (min-width:768px){
  .c-point__cts.point04 .c-point__img{
    width: clamp(164.16px, 21.37vw, 342px);
    margin: clamp(19.2px, 2.5vw, 40px) auto clamp(14.4px, 1.87vw, 30px);
  }
}
.c-point__cts.point02, .c-point__cts.point04{
    padding: 13.6vw 0;
    margin-bottom: 8vw;
}
@media print, screen and (min-width:768px){
  .c-point__cts.point02, .c-point__cts.point04 {
     padding: clamp(52.8px, 6.87vw, 110px) 0 clamp(38.4px, 5vw, 80px);
     margin-bottom: clamp(28.8px, 3.75vw, 60px);
  }
}


.c-recipe{
  margin-bottom: 20vw;
  text-align: center;
}
@media print, screen and (min-width:768px){
 .c-recipe{
    margin-bottom: clamp(57.6px, 7.5vw, 120px);
 }       
}
.c-recipe__cts-ttl {
  aspect-ratio: 180 / 113;
  width: 24vw;
  margin: 0 auto 9.33vw;
}
@media print, screen and (min-width:768px) {
	.c-recipe__cts-ttl{
		width: clamp(86.4px, 11.25vw, 180px);
		margin: 0 auto clamp(33.6px, 4.37vw, 70px);
	}
}
.c-recipe .c-recipe__cts-ttl-txt{
  font-size: 6.66vw;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6.66vw;
}
@media print, screen and (min-width:768px){
  .c-recipe .c-recipe__cts-ttl-txt{
    font-size: clamp(29.54px, 3.85vw, 50px);
    margin-bottom: clamp(26.4px, 3.43vw, 55px);
  } 
}
.c-recipe ul.recipe01{
  background: url(../images/recipe_img_01.webp) no-repeat top center / 85.46vw;
  padding-top: 61.33vw;
  margin-bottom: 4vw;
}
@media print, screen and (min-width:768px){
 .c-recipe ul.recipe01{
  background: url(../images/recipe_img_01.webp) no-repeat top left clamp(83.52px, 10.87vw, 174px) / clamp(285.12px, 37.12vw, 594px);
  padding-top: clamp(48px, 6.25vw, 100px);
  padding-left: clamp(379.2px, 49.37vw, 790px);
  min-height: clamp(196.32px, 25.56vw, 409px);
  margin-bottom: 0;
  } 
}
.c-recipe ul.recipe02{
  background: url(../images/recipe_img_02.webp) no-repeat top center / 85.46vw;
  padding-top: 64.26vw;
  margin-bottom: 8vw;
}
@media print, screen and (min-width:768px){
 .c-recipe ul.recipe02{
  background: url(../images/recipe_img_02.webp) no-repeat top left clamp(393.6px, 51.25vw, 820px) / clamp(293.76px, 38.25vw, 612px);
  padding-top: clamp(54.24px, 7.06vw, 113px);
  padding-left: clamp(148.8px, 19.37vw, 310px);
  min-height: clamp(207.36px, 27vw, 432px);
  margin-bottom: 0;
  margin-top: clamp(-24px, -3.12vw, -50px);
  } 
}
.c-recipe ul.recipe03{
  background: url(../images/recipe_img_03.webp) no-repeat top center / 85.46vw;
  padding-top: 59.6vw;
}
@media print, screen and (min-width:768px){
 .c-recipe ul.recipe03{
  background: url(../images/recipe_img_03.webp) no-repeat top left clamp(72px, 9.375vw, 150px) / clamp(304.32px, 39.62vw, 634px);
  padding-top: clamp(51.36px, 6.68vw, 107px);
  padding-left: clamp(379.2px, 49.37vw, 790px);
  min-height: clamp(204px, 26.56vw, 425px);
  margin-bottom: 0;
  margin-top: clamp(-19.2px, -2.5vw, -40px);
  } 
}
.c-recipe ul li{
    width: 90.66vw;
    margin: 0 auto 1.33vw;
    padding: 2vw 0;
    background-color: var(--color-03-gray);
    border-radius: 5px;
    font-size: 3.46vw;
    position: relative;
    letter-spacing: -0.03em;
}
.c-recipe ul:nth-of-type(3) li:nth-child(1){
  padding-left: 8vw;
}
@media print, screen and (min-width:768px){
  .c-recipe ul li{
    width: clamp(240px, 31.25vw, 500px);
    margin: 0 0 clamp(4.8px, 0.62vw, 10px);
    padding: clamp(16.8px, 2.18vw, 35px) 0;
    font-size: clamp(11.52px, 1.5vw, 24px);
    text-align: left;
    line-height: var(--line-height-xs);
  }  
}
@media print, screen and (min-width:768px){
  .c-recipe ul:nth-of-type(1) li:nth-child(1){
    padding-left: clamp(51.36px, 6.68vw, 107px);
  }
  .c-recipe ul:nth-of-type(1) li:nth-child(2){
    padding-left: clamp(11.52px, 1.5vw, 24px);
  }
  .c-recipe ul:nth-of-type(2) li:nth-child(1){
    padding-left: clamp(52.32px, 6.81vw, 109px);
    padding-right: clamp(40.5px, 5.62vw, 90px);
    padding-top: clamp(9.6px, 1.25vw, 20px);
    padding-bottom: clamp(9.6px, 1.25vw, 20px);
    text-align: center !important;
  }
  .c-recipe ul:nth-of-type(2) li:nth-child(2){
    padding-left: clamp(4.8px, 6.25vw, 10px);
    padding-right: clamp(40.5px, 5.62vw, 90px);
    padding-top: clamp(9.6px, 1.25vw, 20px);
    padding-bottom: clamp(9.6px, 1.25vw, 20px);
    text-align: center !important;
  }
  .c-recipe ul:nth-of-type(3) li:nth-child(1){
    padding-left: clamp(48px, 6.25vw, 100px);
    padding-right: clamp(9.6px, 1.25vw, 20px);
    padding-top: clamp(9.6px, 1.25vw, 20px);
    padding-bottom: clamp(9.6px, 1.25vw, 20px);
    text-align: center !important;
  }
  .c-recipe ul:nth-of-type(3) li:nth-child(2){
    padding-left: clamp(9.6px, 1.25vw, 20px);
    padding-right: clamp(40.5px, 5.62vw, 90px);
    padding-top: clamp(9.6px, 1.25vw, 20px);
    padding-bottom: clamp(9.6px, 1.25vw, 20px);
    text-align: center !important;
  }
}
.c-recipe ul li:last-of-type{
  margin-bottom: 0;
}
.c-recipe ul li img{
   width: 12.13vw; 
}
@media print, screen and (min-width:768px){
 .c-recipe ul li img{
    width: clamp(49.92px, 6.5vw, 104px);
 } 
}
.c-recipe ul li:nth-child(1) img{
  position: absolute;
  top: -4vw;
  left: -1.2vw;
  z-index: 99;
}
.c-recipe ul li:nth-child(2) img{
  position: absolute;
  top: -4vw;
  right: -1.2vw;
  z-index: 99;
}
@media print, screen and (min-width:768px){
  .c-recipe ul li:nth-child(1) img{
    top: clamp(-7.2px, -0.93vw, -15px);
    left: clamp(-3.84px, -0.5vw, -8px);
  }
  .c-recipe ul li:nth-child(2) img{
    top: clamp(-7.2px, -0.93vw, -15px);
    right: clamp(-3.84px, -0.5vw, -8px);
  }  
}

.c-set{
  text-align: center;
  padding-bottom: 18.26vw;
  margin-bottom: 9.33vw;
}
@media print, screen and (min-width:768px) {
 .c-set{
    padding-bottom: clamp(72px, 9.37vw, 150px);
    margin-bottom: clamp(34.56px, 4.37vw, 70px);
 } 
}
.c-set__cts-ttl {
  aspect-ratio: 180 / 113;
  width: 24vw;
  margin: 0 auto 8vw;
}
@media print, screen and (min-width:768px) {
	.c-set__cts-ttl{
		width: clamp(86.4px, 11.25vw, 180px);
		margin: 0 auto clamp(24px, 3.125vw, 50px);
	}
}
.c-set__cts-ttl-txt{
  font-size: 6.66vw;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4vw;
}
@media print, screen and (min-width:768px){
  .c-set__cts-ttl-txt{
    font-size: clamp(29.54px, 3.85vw, 50px);
    margin-bottom: clamp(14.4px, 1.87vw, 30px);
  } 
}
.c-set__cts-lead{
  font-size: 3.73vw;
  line-height: var(--line-height-l);
  margin-bottom: 1.33vw;
}
@media print, screen and (min-width:768px){
  .c-set__cts-lead{
    font-size: clamp(11.52px, 3.2vw, 24px); 
    margin-bottom: clamp(14.4px, 1.87vw, 30px);
  }
}
.c-set__cts-lead + img{
  aspect-ratio: 481 / 273;
  width: 74vw;
  margin: 0 auto 10vw;
}
@media print, screen and (min-width:768px){
 .c-set__cts-lead + img{
    width: clamp(230.88px, 30.06vw, 481px);
    margin: 0 auto clamp(24px, 5vw, 80px);
 } 
}
.c-set__setlist{
  padding: 0 4vw;
}
@media print, screen and (min-width:768px){
 .c-set__setlist{
   padding: 0;
   width: clamp(480px, 62.5vw, 1000px); 
   margin: 0 auto;
   display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
 } 
}
.c-set__setlist > div{
    width: 100%;
    border-radius: 10px;
    border: var(--color-02-gray) 3px solid;
    background-color: var(--color-00-white);
    padding-bottom: 5.33vw;
    margin-bottom: 10vw;
}
@media print, screen and (min-width:768px){
  .c-set__setlist > div{
    width: clamp(235.2px, 30.62vw, 490px);
    padding-bottom: clamp(14.4px, 1.87vw, 30px);
    margin-bottom: clamp(24px, 5vw, 80px);
  }
  .c-set__setlist > div:last-child, .c-set__setlist > div:nth-last-child(2){
    margin-bottom: 0;
  }
}
.c-set__setlist > div h3{
  width: 80vw;
  margin: -5vw auto 0;
}
@media print, screen and (min-width:768px){
 .c-set__setlist > div h3{
    width: clamp(201.6px, 26.25vw, 420px);
    margin: clamp(-30px, -1.87vw, -14.4px) auto 0;
 } 
}
.c-set__setlist > div .txt{
    font-size: 3.06vw;
    line-height: var(line-height-s);
    margin: 4vw 0;
}
@media print, screen and (min-width:768px){
  .c-set__setlist > div .txt{
    font-size: clamp(9.6px, 1.25vw, 20px);
    margin: clamp(14.4px, 1.87vw, 30px) 0;
  } 
}
.c-set__setlist > div:nth-of-type(1) img.pkg{
  aspect-ratio: 226 / 106;
  width: 42.93vw;
  margin: 0 auto;
}
.c-set__setlist > div:nth-of-type(2) img.pkg{
  aspect-ratio: 302 / 106;
  width: 57.33vw;
  margin: 0 auto;
}
.c-set__setlist > div:nth-of-type(3) img.pkg{
  aspect-ratio: 378 / 106;
  width: 71.73vw;
  margin: 0 auto;
}
.c-set__setlist > div:nth-of-type(4) img.pkg{
  aspect-ratio: 454 / 106;
  width: 86.13vw;
  margin: 0 auto;
}
@media print, screen and (min-width:768px){
 .c-set__setlist > div:nth-of-type(1) img.pkg{
  width: clamp(108.48px, 14.12vw, 226px);
  margin: 0 auto;
  }
.c-set__setlist > div:nth-of-type(2) img.pkg{
  width: clamp(144.96px, 18.87vw, 302px);
  margin: 0 auto;
  }
.c-set__setlist > div:nth-of-type(3) img.pkg{
  width: clamp(181.44px, 23.62vw, 378px);
  margin: 0 auto;
  }
.c-set__setlist > div:nth-of-type(4) img.pkg{
  width: clamp(217.92px, 28.37vw, 454px);
  margin: 0 auto; 
  }
}

.c-set__setlist > div .naiyou_ttl{
  width: 80vw;
  background-color: var(--color-03-gray);
  font-size: 3.066vw;
  line-height: 1;
  padding: 1.2vw 0;
  margin: 4vw auto 0;
}
@media print, screen and (min-width:768px){
  .c-set__setlist > div .naiyou_ttl{
    width: clamp(211.2px, 27.5vw, 440px);
    font-size: clamp(8.64px, 1.12vw, 18px);
    padding: clamp(4.8px, 0.62vw, 10px); 0;
    margin: clamp(9.6px, 1.25vw, 20px) auto 0;
  }
}
.c-set__setlist > div ul{
  width: 80vw;
  margin: 2.66vw auto;
  text-align: left;
}
@media print, screen and (min-width:768px){
 .c-set__setlist > div ul{
    width: clamp(211.2px, 27.5vw, 440px);
    margin: clamp(14.4px, 1.87vw, 30px) auto;
 } 
}
.c-set__setlist > div ul li{
  font-size: 3.06vw;
  line-height: var(line-height-xs);
}
@media print, screen and (min-width:768px){
 .c-set__setlist > div ul li{
  font-size: clamp(8.64px, 1.12vw, 18px);
 }
}
.c-set__setlist > div .set_btn{
  width: 80vw; 
  margin: 0 auto; 
}
.c-set__setlist > div .set_btn.btn02{
	margin-top: 2vw;
}
@media print, screen and (min-width:768px){
 .c-set__setlist > div .set_btn{
    width: clamp(211.2px, 27.5vw, 440px);
    filter: drop-shadow(0px 5px 0px rgba(168,168,168,1.0));
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
 } 
  .c-set__setlist > div .set_btn.btn02{
  	margin-top: 15px;
  }
 .c-set__setlist > div .set_btn:hover{
    /*opacity: 0.7;*/
    filter: none;
    -webkit-transform: translateY(clamp(2.4px, 0.31vw, 5px));
    transform: translateY(clamp(2.4px, 0.31vw, 5px));
 }
}

.c-comment{
  margin-bottom: 10.66vw;
}
@media print, screen and (min-width:768px){
  .c-comment{
    margin-bottom: clamp(43.2px, 5.625vw, 90px);
  }
}
.c-comment h2{
  font-size: 6.66vw;
  font-weight: 600;
  line-height: var(--line-height-s);
  text-align: center;
  margin-bottom: clamp(29.54px, 3.85vw, 50px);
}
@media print, screen and (min-width:768px){
  .c-comment h2{
    font-size: clamp(29.54px, 3.85vw, 50px);
    margin-bottom: clamp(35.45px, 4.62vw, 60px);
  }
}
.c-comment h2 span{
   background-color: var(--color-03-gray);
   padding: 0 1.36vw; 
}
.c-comment__cts{
  padding: 0 8vw;
  text-align: center;
}
@media print, screen and (min-width:768px){
 .c-comment__cts{
    padding: 0;
    text-align: left;
    margin-bottom: clamp(29.54px, 3.85vw, 50px);
 } 
}
.c-comment__cts.cts01{
  background: url(../images/kanshu_comment_img01.webp) no-repeat top center / 92.66vw;
  padding-top: 77.33vw;
}
@media print, screen and (min-width:768px){
  .c-comment__cts.cts01{
    background: url(../images/kanshu_comment_img01.webp) no-repeat top right clamp(80.16px, 10.43vw, 167px) / clamp(333.6px, 43.43vw, 695px);
    padding: clamp(14.4px, 1.875vw, 30px) 0 0 clamp(144px, 18.75vw, 300px);
    min-height: clamp(248.64px, 32.37vw, 518px);
  }  
}
.c-comment__cts.cts02{
  background: url(../images/kanshu_comment_img02.webp) no-repeat top center / 90.53vw;
  padding-top: 77.33vw;
}
@media print, screen and (min-width:768px){
  .c-comment__cts.cts02{
    background: url(../images/kanshu_comment_img02.webp) no-repeat top left clamp(55.2px, 7.18vw, 115px) / clamp(325.92px, 42.43vw, 679px);
    padding: clamp(20.64px, 2.68vw, 43px) 0 0 clamp(379.2px, 49.37vw, 790px);
    min-height: clamp(249.6px, 32.5vw, 520px);
  }  
}
.c-comment__cts h3{
  font-size: 4.666vw;
  font-weight: 600;
  margin-bottom: 2.666vw;
}
.c-comment__cts h3::after{
  content: '';
  display: block;
  width: 100%;
  height: 0.666vw;
  background-image: url(../images/kanshu_com_line_sp.webp);
  background-size: contain;
  vertical-align: top;
  margin-top: 2.666vw;
}
@media print, screen and (min-width:768px){
  .c-comment__cts h3{
    font-size:clamp(16.8px, 2.18vw, 35px);
    margin-bottom: clamp(9.6px, 1.25vw, 20px);
    padding-left: clamp(7.2px, 0.93vw, 15px);
 }
 .c-comment__cts h3.line01::after{
    content: '';
    display: block;
    width: clamp(232.8px, 30.31vw, 485px);
    height: clamp(2.4px, 0.31vw, 5px);
    background-image: url(../images/kanshu_com_line01_pc.webp);
    background-size: contain;
    vertical-align: top;
    margin-top: clamp(9.6px, 1.25vw, 20px);
    margin-left: clamp(-7.2px, -0.93vw, -15px);
  }
 .c-comment__cts h3.line02::after{
    content: '';
    display: block;
    width: clamp(242.4px, 31.56vw, 505px);
    height: clamp(2.4px, 0.31vw, 5px);
    background-image: url(../images/kanshu_com_line02_pc.webp);
    background-size: contain;
    vertical-align: top;
    margin-top: clamp(9.6px, 1.25vw, 20px);
    margin-left: clamp(-7.2px, -0.93vw, -15px);
  }
}
.c-comment__cts p{
    margin-bottom: 8vw;
    font-size: 3.46vw;
    font-weight: 600;
    line-height: var(--line-height-l);
    letter-spacing: -0.03em;
}
@media print, screen and (min-width:768px){
  .c-comment__cts p{
    margin-bottom: clamp(24px, 3.125vw, 50px);
    font-size: clamp(9.6px, 1.25vw, 20px);
    padding-left: clamp(7.2px, 0.93vw, 15px);
    filter: drop-shadow(0px 0px 10px rgba(255,255,255,1));
    letter-spacing: 0.03em;
  }
}

.c-about{
  padding-bottom: 16.93vw;
  /*margin-bottom: 10.66vw;*/
}
@media print, screen and (min-width:768px){
  .c-about{
    margin-bottom: clamp(43.2px, 5.62vw, 90px);
    padding-bottom: clamp(57.6px, 7.5vw, 120px);
  }
}
.c-about__cts-ttl {
  aspect-ratio: 180 / 113;
  width: 24vw;
  margin: 0 auto 8vw;
}
@media print, screen and (min-width:768px){
	.c-about__cts-ttl{
		width: clamp(86.4px, 11.25vw, 180px);
		margin: 0 auto clamp(24px, 3.125vw, 50px);
	}
}
.c-about__logo{
  aspect-ratio: 673/223;
  width: 89.73vw;
  margin: 0 auto 5.33vw; 
}
@media print, screen and (min-width:768px){
  .c-about__logo{
    width: clamp(323.04px, 42.06vw, 673px);
    margin: 0 auto clamp(21.6px, 2.81vw, 45px);
  }
}
.c-about__img{
  aspect-ratio: 591/274;
  width: 87.86vw;
  margin: 0 auto 5.33vw; 
}
@media print, screen and (min-width:768px){
  .c-about__img {
    width: clamp(413.76px, 53.87vw, 862px);
    margin-bottom: clamp(21.6px, 2.81vw, 45px);
  }
}
.c-about p{
  font-size: 3.73vw;
  line-height: 1.6;
  text-align: center; 
}
@media print, screen and (min-width:768px){
  .c-about p{
    font-size: clamp(12px, 1.56vw, 25px);
    line-height: var(--line-height-l);
  }
}


.c-flow {
  padding: 12.82vw 5.13vw 15.38vw;
  position: relative;
}
@media print, screen and (min-width:768px) {
  .c-flow {
    padding: 0 clamp(29.54px, 3.85vw, 50px) clamp(59.08px, 7.69vw, 100px);
  }
}

@media print, screen and (min-width:768px) {
  .c-flow__inner {
    margin: 0 auto;
    width: clamp(465.6px, 60.62vw, 970px);
  }
}

.c-flow h2{
  font-size: 6.66vw;
  font-weight: 600;
  text-align: center;
}
@media print, screen and (min-width:768px) {
  .c-flow h2{
    font-size: clamp(29.54px, 3.85vw, 50px);
  } 
}

.c-flow__list {
  display: grid;
  gap: 2.56vw;
  grid-template-columns: 1fr;
  margin-top: 10.66vw;
}
@media print, screen and (min-width:768px) {
  .c-flow__list {
    gap: clamp(17.72px, 2.31vw, 30px);
    grid-template-columns: repeat(4, 1fr);
    margin-top: clamp(96px, 12.5vw, 200px);
  }
}
.c-flow__item {
  background-color: var(--color-01-gray);
  margin-left: 20.51vw;
  padding: 4vw;
  position: relative;
}
@media print, screen and (min-width:768px) {
  .c-flow__item {
    margin: 0;
    padding: clamp(40.8px, 5.31vw, 85px) clamp(11.82px, 1.54vw, 20px) clamp(23.63px, 3.08vw, 40px);
  }
}
.c-flow__item:after {
  background-color: var(--color-01-orange);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  display: block;
  height: 2.56vw;
  left: -14.62vw;
  position: absolute;
  top: 25.64vw;
  width: 5.13vw;
}
@media print, screen and (min-width:768px) {
  .c-flow__item:after {
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    height: clamp(14.18px, 1.85vw, 24px);
    left: auto;
    right: clamp(-23px, -1.77vw, -13.59px);
    top: clamp(41.35px, 5.38vw, 70px);
    width: clamp(8.27px, 1.08vw, 14px);
  }
}
.c-flow__item:last-child:after {
  display: none;
}
.c-flow__item-title {
  font-size: 4.1vw;
  font-weight: 600;
  border-bottom: var(--color-01-black) 0.666vw dotted;
  padding-bottom: 1.33vw;
  margin-bottom: 1.33vw;
}
@media print, screen and (min-width:768px) {
  .c-flow__item-title {
    font-size: clamp(11.52px, 1.5vw, 24px);
    border-bottom: var(--color-01-black) clamp(2.4px, 0.31vw, 5px) dotted;
    text-align: center;
    padding-bottom: clamp(4.8px, 6.25vw, 10px);
    margin-bottom: clamp(4.8px, 6.25vw, 10px);
    letter-spacing: 0;
  }
}

.c-flow__item-text {
  font-size: 3.59vw;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media print, screen and (min-width:768px) {
  .c-flow__item-text {
    font-size: clamp(8.64px, 1.12vw, 18px);
    margin-top: clamp(2.95px, 0.38vw, 5px);
    line-height: var(--line-height-m);
  }
}
.c-flow__icon {
  display: block;
  left: -20.51vw;
  position: absolute;
  top: 0;
  width: 17.95vw;
}
@media print, screen and (min-width:768px) {
  .c-flow__icon {
    left: clamp(19.2px, 2.5vw, 40px);
    top: clamp(-100px, -6.25vw, -48px);
    width: clamp(67.2px, 8.75vw, 140px);
  }
}
.c-flow__icon-step {
  display: block;
  font-size: 4.23vw;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
@media print, screen and (min-width:768px) {
  .c-flow__icon-step {
    font-size: clamp(11.52px, 1.5vw, 24px);
  }
}
.c-flow__icon-image {
  margin: 1.28vw auto 0;
  width: 17.95vw;
}
@media print, screen and (min-width:768px) {
  .c-flow__icon-image {
    margin-top: clamp(2.95px, 0.38vw, 5px);
    width: clamp(67.2px, 8.75vw, 140px);
  }
}


.c-footer {
  background-color: var(--color-00-black);
  color: var(--color-00-white);
  padding: 3.85vw 3.85vw 25.64vw;
  position: relative;
}
@media print, screen and (min-width:768px) {
  .c-footer {
    padding: clamp(11.82px, 1.54vw, 20px) clamp(11.82px, 1.54vw, 20px) clamp(59.08px, 7.69vw, 100px);
  }
}
.c-footer__copyright {
  font-size: 3.33vw;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
@media print, screen and (min-width:768px) {
  .c-footer__copyright {
    font-size: clamp(8.27px, 1.08vw, 14px);
  }
}

.c-video {
  aspect-ratio: 16/9;
  margin: 6.41vw auto 0;
  position: relative;
  width: 82.05vw;
}
@media print, screen and (min-width:768px) {
  .c-video {
    margin-top: clamp(29.54px, 3.85vw, 50px);
    width: clamp(378.09px, 49.23vw, 640px);
  }
}
.c-video::before {
  aspect-ratio: 16/9;
  background-color: var(--color-02-yellow);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  width: 100%;
  z-index: 0;
}
.c-video iframe {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.c-cta {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  height: 17.33vw;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
  width: 100%;
  z-index: 100;
}
@media print, screen and (min-width:768px) {
  .c-cta {
    height: clamp(48px, 6.25vw, 100px);
  }
}
.c-cta.-is-scrolled {
  opacity: 1;
  pointer-events: auto;
}
.c-cta__inner {
  height: 100%;
  position: relative;
  width: 100%;
}
@media print, screen and (min-width:768px) {
  .c-cta__inner {
    margin: 0 auto;
    width: clamp(480px, 62.5vw, 1000px);
  }
}
.c-cta__button {
  bottom: 3.85vw;
  margin: 0 auto;
  position: absolute;
  right: 1.92vw;
  width: 45.33vw;
}
  .c-cta__button a span{
    filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
  }
@media print, screen and (min-width:768px) {
  .c-cta__button {
    bottom: clamp(10.04px, 1.31vw, 17px);
    right: clamp(10.04px, 1.31vw, 17px);;
    /*left: calc(50% - clamp(236.31px, 30.77vw, 400px) / 2);*/
    /*right: auto;*/
    width: clamp(288px, 37.5vw, 600px);
  }
}
.c-cta__button::before {
  background-color: var(--color-02-red);
  border-radius: 2.56vw;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 1.28vw;
  width: 100%;
  z-index: -1;
}
@media print, screen and (min-width:768px) {
  .c-cta__button::before {
    border-radius: 10px;
    top: clamp(4.73px, 0.62vw, 8px);
  }
}
.c-cta__button-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-red);
  border-radius: 1.33vw;
  color: var(--color-00-white);
  cursor: pointer;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3.46vw 2.56vw 3.33vw 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media print, screen and (min-width:768px) {
  .c-cta__button-link {
    border-radius: 10px;
    padding: clamp(8.64px, 1.12vw, 18px) clamp(5.91px, 0.77vw, 10px) clamp(8.64px, 1.12vw, 18px);
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
  }
  .c-cta__button-link:hover {
    -webkit-transform: translateY(clamp(3.54px, 0.46vw, 6px));
    transform: translateY(clamp(3.54px, 0.46vw, 6px));
  }
}
.c-cta__button-link::after {
  background-image: url(../images/icon_arrow.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 3.2vw;
  position: absolute;
  right: 3.2vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.56vw;
  filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
}
@media print, screen and (min-width:768px) {
  .c-cta__button-link::after {
    height: clamp(12.96px, 1.68vw, 27px);
    right: clamp(43.2px, 5.62vw, 90px);
    width: clamp(12.96px, 1.68vw, 27px);
  }
}
.c-cta__button-text {
  font-size: 3.6vw;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.1;
}
@media print, screen and (min-width:768px) {
  .c-cta__button-text {
    font-size: clamp(16.32px, 2.125vw, 34px);
  }
}
.c-cta .c-cta__image1,
.c-cta .c-cta__image2,
.c-cta .c-cta__image3,
.c-cta .c-cta__image4,
.c-cta .c-cta__image5,
.c-cta .c-cta__image6 {
  aspect-ratio: 234/342;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.2vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image1,
  .c-cta .c-cta__image2,
  .c-cta .c-cta__image3,
  .c-cta .c-cta__image4,
  .c-cta .c-cta__image5,
  .c-cta .c-cta__image6 {
    width: clamp(26.4px, 3.43vw, 55px);
  }
}
.c-cta .c-cta__image1 {
  background-image: url(../images/lineup_prod_01.webp);
  left: 3.46vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image1 {
    left: clamp(8.16px, 1.06vw, 17px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}
.c-cta .c-cta__image2 {
  background-image: url(../images/lineup_prod_02.webp);
  left: 11.06vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image2 {
    left: clamp(36px, 4.68vw, 75px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}
.c-cta .c-cta__image3 {
  background-image: url(../images/lineup_prod_03.webp);
  left: 18.66vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image3 {
    left: clamp(63.84px, 8.31vw, 133px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}
.c-cta .c-cta__image4 {
  background-image: url(../images/lineup_prod_04.webp);
  left: 26.26vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image4 {
    left: clamp(91.68px, 11.93vw, 191px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}
.c-cta .c-cta__image5 {
  background-image: url(../images/lineup_prod_05.webp);
  left: 33.86vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image5 {
    left: clamp(119.52px, 15.56vw, 249px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}
.c-cta .c-cta__image6 {
  background-image: url(../images/lineup_prod_06.webp);
  left: 41.46vw;
  top: 3.33vw;
}
@media print, screen and (min-width:768px) {
  .c-cta .c-cta__image6 {
    left: clamp(147.36px, 19.18vw, 307px);
    top: clamp(5.28px, 0.68vw, 11px);
  }
}