@charset "utf-8";

:root {
	/* base */
	--cts-gutter: clamp(20px, -2.212rem + 8.91vw, 65px);/*375-768*/
	--cts-width: 1450px;

	/* font */
	--dp-font-jp: "Noto Sans JP", sans-serif;      
	/* Zen Kaku Gothic New
	Medium 500
	Bold 700
	*/

	--cts-font: "calibri", sans-serif;
	/* calibri
	Regular 400
	Bold 700
	*/

	/* color */
	--color-white-1: #FFFFFF;
	--color-gray-1: #C8C8C8;
	--color-gray-2: #ECECEC;
	--color-gray-3: #707070;
	--color-blue-1: #F3F8FC;
	--color-blue-2: #EEF4FE;
	--color-blue-3: #292DFF;
	--color-blue-4: #22222E;
	--color-blue-5: #141433;
	--color-black-1: #000000;
}

/* LP共通汎用
____________________*/
html {
	scroll-behavior: smooth;
}
body {
	padding-right: 0 !important;
	overflow: visible !important;
}
#container a, #container a span {
    color: inherit;
    text-decoration: none;
}
.pagetop {
	display: none;	
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}
figure {
	margin: 0;
	text-align: center;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.l-header {
    width: 100%;
    background: #fff;
    position: relative;
}
.c-breadcrumb--gray {
	display: flex;
	align-items: center;
}
.bnr_link_win11_wrap {
    margin: 0 auto;
}
.bnr_link_win11 img {
    transition: opacity 0.3s;
    width: 300px;
}
.bnr_link_win11 img:hover {
	opacity: 0.75;
}
.BreadcrumbList_wrap {
	background: #fff;
	position: relative;
    z-index: 2;
}
.footer-wrap {
    background: #fff;
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px), print and (min-width: 768px) {
	.c-breadcrumb__list.u-pc-width,
	.bnr_link_win11_wrap.u-pc-width {
		padding-inline: 30px;
	}
	.bnr_link_win11_wrap.u-pc-width {
		width: auto;
	}
}
@media screen and (max-width: 1000px) {
	.c-breadcrumb--gray {
		display: inherit;
	}
	.bnr_link_win11_wrap {
		width: 100%;
		margin: 10px auto 0;
		padding-block-end: 10px;
	}
	.bnr_link_win11 {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
}
.contents__wrap {
	width: 100%;
	background: var(--cts-color1);
	margin-inline: auto;
	font-size: var(--cts-font-size);
	font-family: var(--dp-font-jp);
	letter-spacing: 0.05em;
	color: var(--color-white1);
}
.contents__wrap img {
	max-width: 100%;
	vertical-align: bottom;
}
.flash:hover {
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .85;
}
@keyframes hover-flash {
	0% {
		opacity: .3;
	}
	100% {
		opacity: .85;
	}
}

/* コンテンツ
____________________*/
::selection {
	color: var(--color-white-1);
	background-color: var(--color-blue-3);
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.contents__wrap {
	color: var(--color-blue-4);
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
.contents__inner {
	width: 100%;
	max-width: var(--cts-width);
	margin-inline: auto;
	padding-inline: var(--cts-gutter);
	box-sizing: border-box;
	position: relative;
}
.ttl-set {
	font-weight: 700;
	text-align: center;
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.ttl-set .ttl-eng {
	color: var(--color-blue-3);
	font-family: var(--cts-font);
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
}
.ttl-set .ttl-h2 {
	font-size: clamp(1.5rem, 0.777vw + 1.318rem, 2.25rem);
}
.ttl-h3 {
	font-size: clamp(1.25rem, 1.036vw + 1.007rem, 2.25rem);
	font-weight: 700;
	line-height: 1.4;
}
.txt-l {
	font-size: clamp(0.875rem, 0.388vw + 0.784rem, 1.25rem);
	font-weight: 700;
	line-height: 1.6;
	margin-top: clamp(0.9375rem, 0.971vw + 0.709rem, 1.875rem);
}
.txt-m {
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
	line-height: 1.7;
	letter-spacing: 0.05em;
	margin-top: clamp(0.625rem, 0.324vw + 0.549rem, 0.9375rem);
}
.btn-link {
    width: 100%;
    max-width: 274px;
    color: var(--color-blue-3);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border: 2px solid var(--color-blue-3);
    padding-block: 15px;

    /* 配置とアニメーションのための共通設定 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative; /* 子要素の絶対配置(absolute)の基準 */
    text-decoration: none;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
    transition: color 0.4s ease; 
}

/* 左から右へ塗る背景色 */
.btn-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    background-color: var(--color-blue-3);
    z-index: -1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s ease;
}

/* ホバー時：背景色を左から右へ展開 */
.btn-link:hover::before {
    transform: scaleX(1);
}

/* マウスアウト時：左から右へ消えて元に戻る */
.btn-link:not(:hover)::before {
    transform: scaleX(0);
    transform-origin: right center;
}

/* ホバー時の文字色 */
.btn-link:hover {
    color: #fff;
}

/* ボーダーで作る「くの字」矢印（右端固定配置） */
.btn-link .arrow {
    position: absolute;
    right: 15px; /* 右端からの距離（好みで調整してください） */
    top: 50%;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    /* Y軸の中央揃えと45度回転を同時に適用 */
    transform: translateY(-50%) rotate(45deg); 
    transition: border-color 0.4s ease;
}
/* ===============================================
	.intro 内の .btn-link 専用スタイル
   =============================================== */

/* 親要素の設定上書き */
.intro .btn-link {
	max-width: 543px;
	color: var(--color-blue-4);
	font-size: clamp(0.8125rem, 0.324vw + 0.737rem, 1.125rem);
	font-weight: 700;
    /* 必要に応じてテキスト配置調整（右余白は矢印用に維持） */
	border-color: var(--color-blue-4);
	border-radius: 9999px;
	padding-block: clamp(1rem, 1.359vw + 0.681rem, 2.3125rem);
	margin-top: 45px;
}
.intro .btn-link::before {
	background: var(--color-blue-4);
}
/* 既存の「くの字」用スタイルをクリア */
.intro .btn-link .arrow {
    position: absolute;
    right: 22%; /* 右端からの距離 */
    top: 50%;
    transform: translateY(-50%); /* 中央寄せ */
    width: 10px;  /* 矢印の横幅 */
    height: 12px; /* 矢印全体の高さ */
    border: none; /* 親のくの字ボーダーを打ち消し */
    background: transparent;
}

/* 1. 中央の縦線 */
.intro .btn-link .arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;                 /* 線の太さ */
    height: 100%;               /* 縦線の長さ */
    background-color: currentColor; /* 文字色と連動 */
}

/* 2. 下向きの「くの字」（先端パーツ） */
.intro .btn-link .arrow::after {
    content: "";
    position: absolute;
    bottom: 0;                  /* 下端に配置 */
    left: 50%;
    width: 11px;                 /* 先端のサイズ */
    height: 11px;
    border-bottom: 2px solid currentColor;
    border-right: 2px solid currentColor;
    
    /* 位置の微調整と45度回転で下向きの「く」にする */
    transform: translateX(-50%) rotate(45deg);
    box-sizing: border-box;
}
.intro .btn-link:hover {
	color: var(--color-white-1);
}
@media (max-width: 768px) {/*-768*/
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.contents__wrap {
	padding-bottom: 0;
}
}
/* mv
____________________*/
.contents--mv {
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* intro
____________________*/
.contents--intro {
	padding-top: clamp(3.75rem, 6.472vw + 2.231rem, 10rem);
	padding-bottom: clamp(3.75rem, 6.472vw + 2.231rem, 10rem);
	background: var(--color-blue-1);
}
.intro .ttl-h2 {
	font-size: clamp(1rem, 1.294vw + 0.696rem, 2.25rem);
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.intro-flex {
	display: flex;
	justify-content: center;
	gap: clamp(1.5625rem, 7.12vw - 0.106rem, 8.4375rem);
	margin-top: clamp(1.875rem, 6.472vw + 0.356rem, 8.125rem);
}
.intro-flex .model-img {
	width: 44%;
	max-width: 575px;
}
.intro-flex .txt-block {
	width: 42%;
	max-width: 545px;
}
.intro-flex .model-name {
	font-size: clamp(1rem, 0.777vw + 0.818rem, 1.75rem);
	line-height: 1.4;
	font-weight: 700;
}
.model-spec {
	display: grid;
	grid-template-columns: clamp(6.55rem, 2.913vw + 5.566rem, 9.0625rem) 1fr;
	/* 行間・列間の余白（gap）を設定 */
	gap: clamp(0.5rem, 0.259vw + 0.439rem, 0.75rem) clamp(0.875rem, 1.165vw + 0.602rem, 2rem);
	align-items: center; /* 縦方向の中央揃え */
	margin-top: clamp(0.9375rem, 1.618vw + 0.558rem, 2.5rem);
}

.model-spec dt {
	font-size: clamp(0.75rem, 0.129vw + 0.720rem, 0.875rem);
	font-weight: 400;
	/* dtそれぞれにボーダーを付与 */
	border: 1px solid var(--color-gray-1);
	padding: clamp(0.1875rem, 0.194vw + 0.142rem, 0.375rem) clamp(0.5rem, 0.259vw + 0.439rem, 0.75rem);
	text-align: center;
}

.model-spec dd {
	font-size: clamp(0.8125rem, 0.194vw + 0.767rem, 1rem);
	font-weight: 400;
	margin: 0; /* dl/ddデフォルトのマージンをリセット */
	padding: 6px 0;
}
@media (max-width: 768px) {/*-768*/
	.intro-flex {
		align-items: center;
		flex-direction: column;
	}
	.intro-flex .txt-block {
		width: 100%;
	}
	.intro-flex .model-name {
		text-align: center;
	}
	.model-spec {
		width: fit-content;
		margin-inline: auto;
	}
}
/* feature
____________________*/
.contents--feature {
	padding-top: clamp(3.75rem, 5.178vw + 2.536rem, 8.75rem);
	padding-bottom: 70px;
}
.feature-item-wrap {
	margin-top: clamp(3.125rem, 3.560vw + 2.290rem, 6.5625rem);
}
.feature-item .inner-flex {
	display: flex;
	align-items: center;
}
.feature-item.win11 .inner-flex {
	gap: clamp(0.9375rem, 4.207vw + -0.049rem, 5rem);
}
.feature-item.i5 {
	margin-top: clamp(2.8125rem, 4.854vw + 1.675rem, 7.5rem);
}
.feature-item.i5 .inner-flex {
	gap: clamp(2.1875rem, 2.913vw + 1.503rem, 5rem);
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.feature-item.weight {
	margin-top: clamp(3.125rem, 6.796vw + 1.532rem, 9.6875rem);
}
.feature-item.weight .inner-flex {
	gap: clamp(1.25rem, 3.883vw + 0.339rem, 5rem);
}
.feature-item.wacom {
	margin-top: clamp(4.6875rem, 5.825vw + 3.322rem, 10.3125rem);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.feature-item.keybord {
	margin-top: clamp(4.375rem, 7.120vw + 2.706rem, 11.25rem);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.feature-item.port {
	margin-top: clamp(4.375rem, 5.502vw + 3.088rem, 9.6875rem);
}
.feature-item.port .inner-flex {
	gap: clamp(0.9375rem, 2.265vw + 0.406rem, 3.125rem);
} 
.feature-item.sensor {
	margin-top: clamp(2.5rem, 5.825vw + 1.135rem, 8.125rem);
}
.feature-item.sensor .inner-flex {
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: clamp(0.9375rem, 4.207vw - 0.048rem, 5rem);
}
.feature-img {
	border-radius: clamp(0.625rem, 1.294vw + 0.322rem, 1.875rem);
	display: block;
	overflow: hidden;
}
.feature-item.win11 .feature-img {
	width: 49%;
	max-width: 640px;
	padding: clamp(0.9375rem, 0.324vw + 0.861rem, 1.25rem) clamp(1.25rem, -0.194vw + 1.483rem, 1.4375rem);
	border: 1px solid var(--color-gray-2);
	box-shadow: 0 4px 12px rgba(236, 236, 236, 0.8);
}
.feature-item.i5 .feature-img {
	width: 31%;
	max-width: 400px;
	background: var(--color-blue-2);
	padding: 5.208333333333334vw;
}
.feature-item.weight .feature-img  {
	width: 49%;
	max-width: 640px;
}
.feature-item.wacom .feature-img {
	width: 58%;
	max-width: 767px;
	margin-top: clamp(1.5625rem, 0.971vw + 1.335rem, 2.5rem);
}
.feature-item.port .feature-img {
	width: 56%;
	max-width: 735px;
	background: var(--color-blue-2);
}
.feature-item.sensor .feature-img {
	width: 31%;
	max-width: 400px;
}
/* PC表示時（ベースの設定） */
.size-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 等幅の2列 */
    gap: 0 3.125vw;                      /* アイテム間の余白 */

    grid-template-areas:
        "a c"
        "b c"; /* cを上下2行にまたがせる */
    margin-top: clamp(1.5625rem, 0.971vw + 1.335rem, 2.5rem);
}
.size-item {
    border-top: 1px solid var(--color-blue-4);
	padding-block: 1.3541666666666667vw;
}
.grid-a { grid-area: a; }
.grid-b { grid-area: b; }
.grid-c { grid-area: c; }
.size-name {
	font-size: clamp(0.6875rem, 0.194vw + 0.642rem, 0.875rem);
	font-weight: 700;
	line-height: 1;
}
.size-number {
	font-size: clamp(1.25rem, 1.294vw + 0.947rem, 2.5rem);
	font-weight: 700;
	line-height: 1;
	margin-top: 5px;
}
.size-item .txt-m + .txt-m {
	margin-top: 0;
}
.txt-note {
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
	line-height: 1.5;
	margin-top: clamp(1.25rem, 1.942vw + 0.795rem, 3.125rem);
}
.feature .ttl-h3.center {
	text-align: center;
}
.feature .txt-l {
	letter-spacing: 0.04em;
}
.feature .txt-l.center {
	text-align: center;
	margin-top: clamp(1.5625rem, 1.294vw + 1.259rem, 2.8125rem);
}
.anchor-wrap {
	width: 100%;
	max-width: 900px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(0.9375rem, 2.913vw + 0.254rem, 3.75rem);
	padding: clamp(2.1875rem, 3.560vw + 1.353rem, 5.625rem) clamp(1.875rem, 1.942vw + 1.420rem, 3.75rem);
	margin-top: clamp(1.5625rem, 2.265vw + 1.031rem, 3.75rem);
	border: 1px solid var(--color-gray-2);
	border-radius: clamp(0.625rem, 1.294vw + 0.322rem, 1.875rem);
    box-shadow: 0 4px 12px rgba(236, 236, 236, 0.8);
}
.anchor-wrap .ttl-h4 {
	font-size: clamp(0.9375rem, 0.583vw + 0.801rem, 1.5rem);
}
.anchor-wrap .btn-link-block {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 0.518vw + 0.879rem, 1.5rem);
	flex: 1;
}
.keybord-wrap {
	width: 100%;
	max-width: 1050px;
	display: flex;
	gap: clamp(1.25rem, 1.942vw + 0.795rem, 3.125rem);
	margin: clamp(1.25rem, 3.236vw + 0.491rem, 4.375rem) auto 0;
}
.keybord-block {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: clamp(0.9375rem, 1.294vw + 0.634rem, 2.1875rem);
}
.keybord-block .ttl-h4 {
	font-size: clamp(0.875rem, 0.388vw + 0.784rem, 1.25rem);
	font-weight: 700;
	line-height: 1.4;
}
.keybord-block .txt-m {
	letter-spacing: -0.05em;
}
.port-list-wrap {
	margin-top: clamp(1.25rem, 0.324vw + 1.174rem, 1.5625rem);
}
.port-list-wrap .ttl-h4 {
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
	width: fit-content;
	padding: clamp(0.125rem, 0.194vw + 0.079rem, 0.3125rem);
	border: 1px solid var(--color-blue-4);
}
.port-list-wrap .ttl-h4:nth-of-type(n+2) {
	margin-top: 2em;
}
/* 黒丸数字用の独自スタイル定義 */
@counter-style black-circled {
	system: numeric;
	symbols: '⓪' '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾';
}

/* 親要素でカウンターをリセット */
.port-list-wrap {
	counter-reset: port-num;
}

/* ol側の標準リストカウンターを無効化 */
.port-list-wrap ol.port-name {
	counter-reset: none !important;
	list-style-type: none !important;
	padding-left: 0;
	margin-top: 10px;
}

.port-list-wrap ol.port-name > li {
	position: relative;
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
	padding-left: 1.8em;
	margin-bottom: 0.5em;
	list-style: none !important;
}

/* li::before でカウンターを増加 */
.port-list-wrap ol.port-name > li::before {
	counter-increment: port-num;
	content: counter(port-num, black-circled); /* 白抜きなら circled-decimal */
	position: absolute;
	left: 0;
	top: 0;
	font-weight: bold;
}
@media (max-width: 768px) {
	.feature-item-wrap {
		max-width: 550px;
		margin-inline: auto;
	}
	.feature-item.port {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.feature-item .inner-flex {
		flex-direction: column;
		align-items: center;
	}
	.feature-item.win11 .inner-flex {
		text-align: center;
	}
	.feature-item.i5 .inner-flex {
		flex-direction: row;
		justify-content: center;
	}
	.feature-item.weight .inner-flex {
		align-items: center;
		flex-direction: column-reverse;
		gap: 0;
	}
	.feature-item.port .inner-flex {
		flex-direction: column-reverse;
		gap: 0;
	}
	.feature-item.sensor .inner-flex {
		flex-direction: row;
		align-items: flex-end;
	}
	.feature-item.win11 .feature-img {
		width: 85.5%;
		max-width: 400px;
	}
	.feature-item.i5 .feature-img {
		width: 58%;
		max-width: 200px;
		background: none;
		padding: 0;
		border-radius: 0;
	}
	.feature-item.weight .feature-img {
		width: 100%;
		margin-top: 20px;
		max-width: 400px;
	}
	.feature-item.wacom .feature-img {
		width: 92.6%;
		max-width: 450px;
	}
	.feature-item.keybord .feature-img {
		width: 154px;
		flex: none;
	}
	.feature-item.port .feature-img {
		width: 100%;
		max-width: 400px;
		margin-top: 20px;
	}
	.feature-item.sensor .feature-img {
		width: 140%;
		max-width: 400px;
	}
	.feature-item.weight .ttl-h3,
	.feature-item.weight .txt-l,
	.feature-item.weight .txt-m,
	.feature-item.port .ttl-h3,
	.feature-item.port .txt-l,
	.feature-item.port .txt-m {
		text-align: center;
	}
    .size-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        grid-template-areas:
            "a b c";
        gap: 0; /* ボーダー位置と綺麗に重ねるため要素間の隙間を0にするか、paddingで間隔調整 */
    }

    .size-item {
        border-top: none; /* スマホでは上の線を消す */
		padding-top: 0;
        padding-inline: 8px; /* 文字が縦線にくっつかないよう内側に左右余白を設定 */
		display: flex;
		flex-direction: column;
		align-items: center;
		letter-spacing: 0.02em;
    }

    /* aとbの右側（最後の要素以外）に縦線を引く */
    .size-item:not(:last-child) {
        border-right: 1px solid var(--color-blue-4);
    }
	.feature-item.wacom .txt-l.center {
		text-align: left;
	}
	.anchor-wrap {
		flex-direction: column;
		align-items: center;
	}
	.anchor-wrap .btn-link-block {
		width: 100%;
		max-width: 274px;
	}
	.keybord-wrap {
		max-width: 400px;
		flex-direction: column;
	}
	.keybord-block {
		width: 100%;
		flex-direction: row;
	}
}
/* line-up
____________________*/
.contents--line-up {
	background: var(--color-blue-1);
	padding-top: clamp(3.75rem, 1.294vw + 3.447rem, 5rem);
	padding-bottom: clamp(4.375rem, 3.883vw + 3.464rem, 8.125rem);
}
.model-wrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
    align-items: start;
	gap: 3.6458333333333335vw;
	margin-top: clamp(1.25rem, 3.236vw + 0.491rem, 4.375rem);
}
.model-wrap .model-img {
    width: 37%;
    max-width: 480px;
	position: sticky;
	top: 3rem;
}
.model-wrap .model-item-wrap {
	width: 55.3%;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.model-item {
	padding: clamp(1.25rem, 0.647vw + 1.098rem, 1.875rem);
	background: var(--color-white-1);
	border-radius: 5px;
}
.model-item .model-name {
	width: 100%;
	color: var(--color-blue-3);
	font-size: clamp(0.875rem, 0.259vw + 0.814rem, 1.125rem);
	text-align: left;
	border-bottom: 1px solid var(--color-blue-5);
	padding-bottom: 10px;
}
.line-up-inner-flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: clamp(1.25rem, 0.647vw + 1.098rem, 1.875rem);
	margin-top: clamp(0.625rem, 0.647vw + 0.473rem, 1.25rem);
}
.line-up-inner-flex .right-block {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: space-between;
	gap: clamp(0.625rem, 0.324vw + 0.549rem, 0.9375rem);
	flex: 1;
}
.line-up-inner-flex .model-catch {
	font-size: clamp(0.75rem, 0.259vw + 0.689rem, 1rem);
	line-height: 1.4;
}
.model-features-list {
	font-size: clamp(0.8125rem, 0.194vw + 0.767rem, 1rem);
	text-align: left;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.model-features-list li {
	position: relative;
	line-height: 1;
}
.model-features-list li::before {
	content: "・";
}
.model-price {
	font-size: clamp(1.0625rem, 0.453vw + 0.956rem, 1.5rem);
	font-weight: 700;
	line-height: 1;
}
.model-price .tax {
	font-size: clamp(0.6875rem, 0.324vw + 0.612rem, 1rem);
}
@media (max-width: 768px) {
	.model-wrap .model-img {
		display: none;
	}
	.model-wrap .model-item-wrap {
        width: 100%;
        max-width: 400px;
        margin-inline: auto;
    }
	.model-item .model-name {
		letter-spacing: 0.03em;
		line-height: 1.4;
		border: none;
		padding-bottom: 0;
	}
	.line-up-inner-flex {
		flex-direction: column;
	}
	.line-up-inner-flex .left-block {
		padding: 15px;
		border: 1px solid var(--color-gray-3);
		border-radius: 5px;
	}
	.line-up-inner-flex .model-catch {
		border-bottom: 1px solid var(--color-blue-5);
		padding-bottom: 5px;
	}
	.line-up-inner-flex .right-block {
		align-items: center;
	}
	.model-price {
		text-align: center;
	}
}