@charset "UTF-8";

.page-filter .filter-content-01 .notes-01,
.page-filter .filter-content-01 .list-items-01,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .article-01::after { font-size:12px;}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 { font-size:14px;}
.page-filter .features .content-02 .content-items-02,
.page-filter .filter-content-container-01 .content-items-01 .item-03,
.page-filter .filter-content-01 .article-01,
.page-filter .compatible-models-01 .content-header-01 .item-02,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { font-size:16px;}
.page-filter .filter-content-01 .headline-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { font-size:20px;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02,
.page-filter .filter-content-container-01 .main-figure-01 .font-size-s,
.page-filter .filter-content-01 .header-01 .item-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-02 { font-size:14px;}
.page-filter .features .header-01 .item-01,
.page-filter .filter-content-container-01 .content-items-01 .item-01,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01 { font-size:20px;}
.page-filter .features .content-02 .headline-01,
.page-filter .filter-content-01 .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { font-size:26px;}
.page-filter .features .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .headline-01 { font-size:32px;}
.page-filter .filter-content-container-01 .content-items-01 .headline-01,
.page-filter .compatible-models-01 .content-header-01 .item-01 { font-size:42px;}
.page-filter .features .content-01 .text-items-01 .item-02,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01,
.page-filter .filter-ion-01 .main-figure-01 .function-01::before,
.page-filter .filter-ion-01 .main-figure-01 .function-01::after,
.page-filter .filter-ion-01 .main-figure-01 .function-02::before,
.page-filter .filter-ion-01 .main-figure-01 .function-02::after,
.page-filter .filter-ion-01 .main-figure-01 .function-03::before,
.page-filter .filter-ion-01 .main-figure-01 .function-03::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { font-size:16px;}
.page-filter .features .content-02,
.page-filter .features .content-02 .content-items-01 .text-items-01,
.page-filter .filter-content-01,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure { font-size:20px;}
.page-filter .features .content-01 .text-items-01 .item-01 { font-size:26px;}
.page-filter .compatible-models-01 .filter-content-01 .product-list-01 .text-item-01 { display:block; overflow:hidden; position:absolute; text-align:left; left:105%; top:0; width:100%; height:100%;}
.page-filter { width:100%;}
.page-filter .common-content-header-03 { margin-bottom:120px;}
.page-filter .filter-carbon-01 .pagelink-anchor,
.page-filter .filter-ion-01 .pagelink-anchor,
.page-filter .filter-oralcare-01 .pagelink-anchor,
.page-filter .compatible-models-01 .pagelink-anchor { margin-top:10.3687%;}
.page-filter .features { width:100%; position:relative; padding-bottom:11.5207%;}
.page-filter .features::before { opacity:0; transition:opacity 1000ms; transform:translateY(50%) scaleY(0.5); content:""; display:block; background-color:#d5d5d5; width:100%; height:2px; position:absolute; left:0; bottom:0;}
.page-filter .features:has(.content-02.a)::before { opacity:1;}
.page-filter .features .pagelink-anchor { margin-top:-.5760368664%;}
.page-filter .features .header-01 { width:100%;}
.page-filter .features .header-01 .item-01,
.page-filter .features .header-01 .item-02 { width:100%; line-height:1.4; display:block;}
.page-filter .features .header-01 .item-01 { letter-spacing:.1em; color:var(--color-blue-01); padding-bottom:0.05em;}
.page-filter .features .header-01 .item-02 { margin-top:0.1875em; letter-spacing:.1em; color:var(--color-navy-01);}
.page-filter .features .content-01 { width:100%; margin-top:.2304147465%;}
.page-filter .features .content-01>figure { width:33.6406%; display:flow-root;}
.page-filter .features .content-01>figure img { float:left;}
.page-filter .features .content-01 .text-items-01 { width:66.3594%; padding-bottom:4.8387%;}
.page-filter .features .content-01 .text-items-01 .item-01 { letter-spacing:.08em; width:100%; line-height:1.3846; text-align:center; display:flex; justify-content:flex-start;}
.page-filter .features .content-01 .text-items-01 .item-01>p { position:relative; margin-left:5em;}
.page-filter .features .content-01 .text-items-01 .item-01 .underline-01,
.page-filter .features .content-01 .text-items-01 .item-01 .underline-02 { font-weight:600; background-image:linear-gradient(to top, #ffec00 60%, transparent 60%); background-repeat:no-repeat; background-size:100% 38.4615%; background-position:bottom 0.0385em left 0;}
.page-filter .features .content-01 .text-items-01 .item-01 .underline-02 { color:var(--color-blue-01);}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-l,
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-r { width:0.9835em; height:2.6154em; position:absolute; top:50%; left:50%; transform:translate(-50%, -45%);}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-l line,
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-r line { fill:none; stroke:#707070; stroke-miterlimit:4; stroke-width:1px;}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-l { margin-left:-5.8846em;}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-r { margin-left:5.7692em;}
.page-filter .features .content-01 .text-items-01 .item-02 { letter-spacing:.1em; width:81.25%; line-height:1.75;}
.page-filter .features .content-01 .text-items-01 .item-block-01,
.page-filter .features .content-01 .text-items-01 .item-block-02 { width:100%; display:flex; justify-content:space-between; align-items:center; position:relative;}
.page-filter .features .content-01 .text-items-01 .item-block-01::before,
.page-filter .features .content-01 .text-items-01 .item-block-01::after,
.page-filter .features .content-01 .text-items-01 .item-block-02::before,
.page-filter .features .content-01 .text-items-01 .item-block-02::after { position:absolute; top:0; content:""; display:block; background-color:var(--text-base-color); margin-top:8.2465%;}
.page-filter .features .content-01 .text-items-01 .item-block-01::before,
.page-filter .features .content-01 .text-items-01 .item-block-02::before { right:100%; transform:translateY(-50%) scaleY(0.5); height:2px;}
.page-filter .features .content-01 .text-items-01 .item-block-01::after,
.page-filter .features .content-01 .text-items-01 .item-block-02::after { transform:translate(-50%, -50%); font-size:1rem; left:0; width:0.625em; border-radius:0.625em; aspect-ratio:1 / 1;}
.page-filter .features .content-01 .text-items-01 .item-block-01>figure,
.page-filter .features .content-01 .text-items-01 .item-block-02>figure { border-radius:100%; width:16.4931%; aspect-ratio:1 / 1; overflow:hidden; position:relative;}
.page-filter .features .content-01 .text-items-01 .item-block-01>figure img,
.page-filter .features .content-01 .text-items-01 .item-block-02>figure img { width:105.2632%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.page-filter .features .content-01 .text-items-01 .item-block-01 { margin-top:4.5139%;}
.page-filter .features .content-01 .text-items-01 .item-block-01::before { width:15.1042%;}
.page-filter .features .content-01 .text-items-01 .item-block-01::after { margin-left:-15.1042%;}
.page-filter .features .content-01 .text-items-01 .item-block-02 { margin-top:4.1667%;}
.page-filter .features .content-01 .text-items-01 .item-block-02::before { width:25.3472%;}
.page-filter .features .content-01 .text-items-01 .item-block-02::after { margin-left:-25.3472%;}
.page-filter .features .content-02 { width:100%; padding-top:5.3571%; padding-bottom:5.7604%; margin-top:3.4562%; background-color:var(--color-light-gray-01); border-radius:1em;}
.page-filter .features .content-02 .headline-01 { letter-spacing:.05em; color:var(--color-blue-01); width:100%; line-height:1.4;}
.page-filter .features .content-02 .content-items-01 { width:100%; margin-top:3.5714%; display:flex; justify-content:center;}
.page-filter .features .content-02 .content-items-01 .filter-item-01 { width:29.9539%;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(1) { margin-left:.7488479263%;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(2) { margin-left:1.4977%;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(3) { margin-left:-.8064516129%;}
.page-filter .features .content-02 .content-items-01 .figure-items-01,
.page-filter .features .content-02 .content-items-01 .figure-items-02 { width:100%; aspect-ratio:13 / 10; display:flex; justify-content:center;}
.page-filter .features .content-02 .content-items-01 .figure-items-01 figure,
.page-filter .features .content-02 .content-items-01 .figure-items-02 figure { display:flow-root;}
.page-filter .features .content-02 .content-items-01 .figure-items-01 figure img,
.page-filter .features .content-02 .content-items-01 .figure-items-02 figure img { float:left;}
.page-filter .features .content-02 .content-items-01 .figure-items-01 figure { width:86.1538%;}
.page-filter .features .content-02 .content-items-01 .figure-items-02 { align-items:flex-end;}
.page-filter .features .content-02 .content-items-01 .figure-items-02 figure { width:61.5385%;}
.page-filter .features .content-02 .content-items-01 .text-items-01 { width:100%; margin-top:0.3em;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-01,
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02 { display:block; width:100%; line-height:1.4;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-01 { letter-spacing:.05em; color:var(--color-navy-01); margin-bottom:0.175em;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02 { letter-spacing:.05em;}
.page-filter .features .content-02 .content-items-02 { max-width:37.5em; width:90.7834%; margin-top:3.8594%; margin-right:auto; margin-left:auto; line-height:1.75; padding-top:1.9585%; padding-bottom:2.0737%; position:relative;}
.page-filter .features .content-02 .content-items-02::before,
.page-filter .features .content-02 .content-items-02::after { content:""; display:block; position:absolute; left:0; top:0;}
.page-filter .features .content-02 .content-items-02::before { background-image:linear-gradient(to right, #707070 50%, transparent 50%); background-repeat:repeat-x; background-size:4px 2px; width:100%; height:2px; transform:scaleY(0.5);}
.page-filter .features .content-02 .content-items-02::after { background-image:linear-gradient(to bottom, #707070 50%, transparent 50%); background-repeat:repeat-y; background-size:2px 4px; width:2px; height:100%; transform:scaleX(0.5);}
.page-filter .features .content-02 .content-items-02>p { position:absolute; left:0; top:0; width:100%; height:100%;}
.page-filter .features .content-02 .content-items-02>p::before,
.page-filter .features .content-02 .content-items-02>p::after { content:""; display:block; position:absolute; right:0; bottom:0;}
.page-filter .features .content-02 .content-items-02>p::before { background-image:linear-gradient(to right, #707070 50%, transparent 50%); background-repeat:repeat-x; background-size:4px 2px; width:100%; height:2px; transform:scaleY(0.5);}
.page-filter .features .content-02 .content-items-02>p::after { background-image:linear-gradient(to bottom, #707070 50%, transparent 50%); background-repeat:repeat-y; background-size:2px 4px; width:2px; height:100%; transform:scaleX(0.5);}
.page-filter .features .content-02 .content-items-02 strong { position:relative; z-index:1; letter-spacing:.05em; display:block; line-height:1.75; width:calc(100% - 1em); margin-right:auto; margin-left:auto;}
.page-filter .filter-content-container-01 { width:100%;}
.page-filter .filter-content-container-01 .content-items-01 .headline-01 { width:100%; margin-bottom:0.3333em;}
.page-filter .filter-content-container-01 .content-items-01 .item-01,
.page-filter .filter-content-container-01 .content-items-01 .item-02 { display:block; width:100%;}
.page-filter .filter-content-container-01 .content-items-01 .item-01 { letter-spacing:.08em; color:var(--color-blue-01); line-height:1.4;}
.page-filter .filter-content-container-01 .content-items-01 .item-02 { margin-top:0.0952em; letter-spacing:.05em; color:var(--color-navy-01); line-height:1.3;}
.page-filter .filter-content-container-01 .content-items-01 .item-03 { letter-spacing:.03em; display:block; width:100%; line-height:1.75;}
.page-filter .filter-content-container-01 .content-items-02 { display:flex;}
.page-filter .filter-content-container-01 .content-items-03 .figure-item-01 { width:91.8367%; margin-top:4.8469%; display:flow-root;}
.page-filter .filter-content-container-01 .content-items-03 .figure-item-01 img { float:left;}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 { max-width:none; width:17.8571em; margin-top:6.1224%; margin-left:14.0306%;}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 a { height:3em; border-radius:3em;}
.page-filter .filter-content-container-01 .main-figure-01 { width:100%;}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01 { color:var(--color-navy-01); margin-bottom:0.05em; letter-spacing:.03em; line-height:1.4;}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01 * { color:var(--color-navy-01);}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02 { letter-spacing:.05em; line-height:1.4;}
.page-filter .filter-content-container-01 .main-figure-01 .font-size-s { letter-spacing:.05em; line-height:1.4;}
.page-filter .filter-content-01 { grid-column:1/3; width:100%; border-width:1.4px; border-color:var(--color-navy-01); border-style:solid; border-radius:1em; padding-top:5.1843%; padding-bottom:5.1843%;}
.page-filter .filter-content-01.function-01 { order:3;}
.page-filter .filter-content-01.function-02 { order:4;}
.page-filter .filter-content-01 .container-01 { margin-right:auto; margin-left:auto; width:88.442%;}
.page-filter .filter-content-01 .header-01 { width:100%;}
.page-filter .filter-content-01 .header-01 .item-01 { letter-spacing:.03em; text-align:center; width:8.4286em; height:1.7143em; display:flex; justify-content:center; align-items:center; background-color:var(--color-navy-01); color:#fff; line-height:1;}
.page-filter .filter-content-01 .header-01 .item-02 { letter-spacing:.05em; margin-top:0.4615em; display:block; color:var(--color-blue-01); line-height:1.3846;}
.page-filter .filter-content-01 .header-01 .item-02 * { color:var(--color-blue-01);}
.page-filter .filter-content-01 .headline-01 { letter-spacing:.08em; width:100%; line-height:1.4;}
.page-filter .filter-content-01 .headline-01 .color-blue-01 { color:var(--color-blue-01);}
.page-filter .filter-content-01 .headline-01 .color-blue-01 * { color:var(--color-blue-01);}
.page-filter .filter-content-01 .article-01 { text-align:justify; text-justify:inter-ideograph; word-break:break-all; letter-spacing:.05em; line-height:1.75; width:100%;}
.page-filter .filter-content-01 .notes-01 { padding-left:1.1em; line-height:1.75; letter-spacing:.05em; position:relative;}
.page-filter .filter-content-01 .notes-01::before { content:"＊"; position:absolute; left:0; top:0; line-height:1.75;}
.page-filter .filter-content-01 .list-items-01 { width:100%; line-height:1.5;}
.page-filter .filter-content-01 .list-items-01 li { width:100%; letter-spacing:.05em; position:relative; padding-left:1.3em; line-height:1.5;}
.page-filter .filter-content-01 .list-items-01 li::before { position:absolute; left:.2em; top:.45em; line-height:1.5; content:""; display:block; background-color:var(--text-base-color); width:.7em; border-radius:.7em; aspect-ratio:1 / 1;}
.page-filter .filter-carbon-01 { width:100%; padding-top:11.5207%; padding-bottom:11.5207%; position:relative;}
.page-filter .filter-carbon-01::before { opacity:0; transition:opacity 1000ms; transform:translateY(50%) scaleY(0.5); content:""; display:block; background-color:#d5d5d5; width:100%; height:2px; position:absolute; left:0; bottom:0;}
.page-filter .filter-carbon-01:has(.filter-content-01.function-02.a)::before { opacity:1;}
.page-filter .filter-carbon-01 .main-figure-01 { position:relative;}
.page-filter .filter-carbon-01 .main-figure-01 figure { width:50.6369%; margin-top:6.3694%; margin-left:3.6093%; display:flow-root;}
.page-filter .filter-carbon-01 .main-figure-01 figure img { float:left;}
.page-filter .filter-carbon-01 .main-figure-01 .function-01 { position:absolute; top:0; right:0; width:41.6136%; margin-top:14.0127%;}
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after { position:absolute; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before { left:-4.6875em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after { transform:translate(-4.6875em, -50%) scaleY(0.5); height:2px; width:4.375em; left:0; top:0.9688em;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 { position:absolute; top:0; right:0; width:48.4076%; margin-top:62.2081%;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01 { position:absolute; left:0; top:0; width:40.404%; aspect-ratio:40 / 23; transform:translate(-61%, -100%); margin-top:-0.25em;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01::after { position:absolute; top:0; right:0; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01::before { width:100%; height:2px; transform:translateY(-50%) scaleY(0.5);}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01::after { width:2px; height:100%; transform:scaleX(0.5);}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01 span { display:block; position:absolute; left:0; top:0; transform:translate(-50%, -50%); width:0.625em; aspect-ratio:1 / 1;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01 span::before { content:""; display:block; background-color:var(--text-base-color); position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 { margin-top:8.0645%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01 { display:flex; justify-content:space-between; align-items:flex-start;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>article { width:59.8536%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>article .article-01 { margin-top:2.4017%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>figure { width:36.5917%; display:flow-root;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>figure img { float:left;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 { margin-top:3.4562%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01 { width:100%; margin-top:3.2671%; display:flex; justify-content:space-between; align-items:flex-start;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure { width:50.183%; overflow:hidden; border-radius:1em;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure img { float:left;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article { width:44.9556%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .headline-01 { margin-bottom:0.6em;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .headline-01 sup { margin-left:0.25em; position:relative; top:-0.5em; line-height:.1; font-weight:500; font-size:0.6em;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .article-01 { position:relative; text-align:left;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .article-01::after { height:1.8em; width:14.1667em; content:""; display:inline-block; letter-spacing:.05em; line-height:1.75;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .notes-01 { display:inline-block;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01+.header-01 { margin-top:5.3581%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01+.header-01 .item-02 { margin-top:0;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:3.0058%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02>article { width:33.3508%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .figure-items-01 { width:61.6832%; display:flex; justify-content:space-between;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .figure-items-01 figure { display:flow-root; width:47.8814%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .figure-items-01 figure img { float:left;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .list-items-01 { margin-top:1.8296%;}
.page-filter .filter-ion-01 { width:100%; padding-top:11.5207%; padding-bottom:11.5207%; position:relative;}
.page-filter .filter-ion-01::before { opacity:0; transition:opacity 1000ms; transform:translateY(50%) scaleY(0.5); content:""; display:block; background-color:#d5d5d5; width:100%; height:2px; position:absolute; left:0; bottom:0;}
.page-filter .filter-ion-01:has(.filter-content-01.function-02.a)::before { opacity:1;}
.page-filter .filter-ion-01 .main-figure-01 { position:relative;}
.page-filter .filter-ion-01 .main-figure-01 figure { width:51.38%; margin-top:4.6709%; margin-left:2.9724%; display:flow-root;}
.page-filter .filter-ion-01 .main-figure-01 figure img { float:left;}
.page-filter .filter-ion-01 .main-figure-01 .function-01,
.page-filter .filter-ion-01 .main-figure-01 .function-02,
.page-filter .filter-ion-01 .main-figure-01 .function-03 { position:absolute; top:0; right:0;}
.page-filter .filter-ion-01 .main-figure-01 .function-01::before,
.page-filter .filter-ion-01 .main-figure-01 .function-01::after,
.page-filter .filter-ion-01 .main-figure-01 .function-02::before,
.page-filter .filter-ion-01 .main-figure-01 .function-02::after,
.page-filter .filter-ion-01 .main-figure-01 .function-03::before,
.page-filter .filter-ion-01 .main-figure-01 .function-03::after { position:absolute; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-ion-01 .main-figure-01 .function-01 { width:41.8259%; margin-top:13.9066%;}
.page-filter .filter-ion-01 .main-figure-01 .function-01::before { left:-4.6875em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-ion-01 .main-figure-01 .function-01::after { transform:translate(-4.6875em, -50%) scaleY(0.5); height:2px; width:4.375em; left:0; top:0.9688em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 { width:41.8259%; margin-top:37.2611%;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 .text-item-01 { margin-bottom:-0.15em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 .font-size-s { line-height:1; position:relative;}
.page-filter .filter-ion-01 .main-figure-01 .function-02::before { left:-4.6875em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-ion-01 .main-figure-01 .function-02::after { transform:translate(-4.6875em, -50%) scaleY(0.5); height:2px; width:4.375em; left:0; top:0.9688em;}
.page-filter .filter-ion-01 .main-figure-01 .function-03 { width:51.5924%; margin-top:65.8174%;}
.page-filter .filter-ion-01 .main-figure-01 .function-03::before { left:-8.125em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-ion-01 .main-figure-01 .function-03::after { transform:translate(-8.125em, -50%) scaleY(0.5); height:2px; width:7.8125em; left:0; top:0.9688em;}
.page-filter .filter-ion-01 .filter-content-01.function-01 { margin-top:8.0645%;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 { display:grid; grid-template-columns:66.9106% 29.4041%; justify-content:space-between;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .header-01 { grid-column:1/2; grid-row:1/2;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .article-01 { grid-column:1/2; grid-row:2/3; margin-top:1.4375%;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .figure-items-01 { grid-column:2/3; grid-row:1/3;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .figure-items-01 figure { position:relative; aspect-ratio:225 / 176;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .figure-items-01 figure img { position:absolute; left:0; top:0; margin-top:-3.5556%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 { margin-top:3.4562%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 { width:100%; margin-top:3.2671%; display:flex; justify-content:space-between; align-items:flex-start;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article { width:33.3508%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article .list-items-01 { margin-top:6.8359%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article .notes-01 { padding-left:1.3em;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article .notes-01::before { left:.15em;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 .figure-items-01 { width:61.6832%; display:flex; justify-content:space-between;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 .figure-items-01 figure { display:flow-root; width:47.8814%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 .figure-items-01 figure img { float:left;}
.page-filter .filter-oralcare-01 { width:100%; padding-top:11.5207%; padding-bottom:11.5207%; position:relative;}
.page-filter .filter-oralcare-01::before { opacity:0; transition:opacity 1000ms; transform:translateY(50%) scaleY(0.5); content:""; display:block; background-color:#d5d5d5; width:100%; height:2px; position:absolute; left:0; bottom:0;}
.page-filter .filter-oralcare-01:has(.filter-content-01.function-01.a)::before { opacity:1;}
.page-filter .filter-oralcare-01 .content-items-01 .headline-01 { width:11.1905em;}
.page-filter .filter-oralcare-01 .content-items-03 .figure-item-01 { width:45.1531%; margin-left:16.3265%;}
.page-filter .filter-oralcare-01 .content-items-03 .common-button-01 { margin-left:7.1429%;}
.page-filter .filter-oralcare-01 .main-figure-01 { width:121.2314%;}
.page-filter .filter-oralcare-01 .main-figure-01 figure { display:flow-root;}
.page-filter .filter-oralcare-01 .main-figure-01 figure:nth-of-type(1) { width:42.4628%; margin-top:3.9278%; margin-left:14.6497%;}
.page-filter .filter-oralcare-01 .main-figure-01 figure:nth-of-type(2) { position:absolute; left:0; top:0; width:22.9299%; margin-top:44.3737%; margin-left:37.4735%;}
.page-filter .filter-oralcare-01 .main-figure-01 figure img { float:left;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01 { position:absolute; top:0; right:0; width:37.6532%; margin-top:14.1856%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after { position:absolute; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before { left:-5.8125em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after { transform:translate(-5.8125em, -50%) scaleY(0.5); height:2px; width:5.5em; left:0; top:0.9688em;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02 { position:absolute; top:0; left:.350262697%; width:4.1em; margin-top:36.2522%; margin-left:.350262697%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after { position:absolute; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before { right:-4.4375em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after { transform:translate(4.125em, -50%) scaleY(0.5); height:2px; width:4.125em; right:0; top:0.9688em;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 { position:absolute; top:0; right:0; width:37.6532%; margin-top:46.4098%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { position:absolute; left:0; top:0; width:70.3704%; aspect-ratio:152 / 53; transform:translate(-61.5%, -108%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::after { position:absolute; top:0; right:0; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::before { width:100%; height:2px; transform:translateY(-50%) scaleY(0.5);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::after { width:2px; height:100%; transform:scaleX(0.5); transform-origin:top right;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 span { display:block; position:absolute; left:0; top:0; width:0.625em; aspect-ratio:1 / 1; transform:translate(-50%, -50%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 span::before { content:""; display:block; background-color:var(--text-base-color); position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 { margin-top:8.0645%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 { display:flex; justify-content:space-between;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-01 { width:45.0863%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-01 .header-01 { margin-bottom:0.7308em;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-01 .header-01 .item-02 { margin-top:0;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 { width:49.9477%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01 { width:100%; display:flex; justify-content:space-between; align-items:center;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>figure { overflow:hidden; position:relative; aspect-ratio:1 / 1; width:19.3616%; border-radius:100%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>figure img { position:absolute; left:0; top:0; width:100%; height:100%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article { width:76.4521%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01 { letter-spacing:.08em; color:var(--color-navy-01); width:100%; line-height:1.4; margin-top:-0.25em; margin-bottom:0.1em;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01 * { color:var(--color-navy-01);}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-02 { letter-spacing:.05em; margin-left:auto; width:calc(100% - .08em); line-height:1.4;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01+.card-01 { margin-top:3.9246%;}
.page-filter .compatible-models-01 { width:100%; padding-top:11.5207%; position:relative;}
.page-filter .compatible-models-01 .content-header-01 { width:100%; text-align:center; margin-bottom:3.5714%;}
.page-filter .compatible-models-01 .content-header-01 .item-01 { margin-bottom:0.4286em; letter-spacing:.03em; width:100%; line-height:1.3; color:var(--color-navy-01);}
.page-filter .compatible-models-01 .content-header-01 .item-02 { letter-spacing:.08em; width:100%; line-height:1.75;}
.page-filter .compatible-models-01 .filter-content-01 .product-list-01 { width:100%; position:relative; overflow:hidden;}
.page-filter .compatible-models-01 .filter-content-01 .product-list-01 picture { float:left;}
.page-filter .compatible-models-01 .filter-content-01 .product-list-01 img { float:left;}
.page-filter .compatible-models-01 .filter-content-01.function-01 { padding-top:3.4562%; padding-bottom:3.4562%;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { width:100%; margin-bottom:2.125%; display:flex; justify-content:center; line-height:1.3; letter-spacing:.05em;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 * { line-height:1.3;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .headline-items-01 { position:relative; color:var(--color-blue-01); padding-left:1.4969em;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .headline-items-01 * { color:var(--color-blue-01);}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 strong { display:block;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01 { width:1.1508em; display:flow-root; position:absolute; left:0; top:0.1346em;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01 path { fill:var(--color-blue-01);}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01 img { float:left;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01.type-0011 { top:0.4231em;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01.type-0011 path:nth-of-type(1),
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01.type-0011 path:nth-of-type(2) { fill:rgba(63,110,180,0);}
.page-filter .compatible-models-01 .filter-content-01.function-01 .container-01 { width:92.4642%;}
.page-filter .compatible-models-01 .filter-content-01.function-02 { padding-top:2.8802%; padding-bottom:4.6083%; border-width:0; background-color:var(--color-navy-01);}
.page-filter .compatible-models-01 .filter-content-01.function-02 .headline-01 { width:100%; color:#fff; text-align:center; line-height:1.3;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01 { width:90.7834%; padding-top:4.7235%; padding-bottom:3.6866%; margin-top:2.6498%; margin-right:auto; margin-left:auto; border-radius:1em; background-color:#fff; display:flex; justify-content:space-between; align-items:flex-start;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>figure { order:2; width:50.7614%; display:flow-root; margin-right:4.4416%;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>figure img { float:left;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article { order:1; width:36.802%; margin-left:4.4416%;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { letter-spacing:.05em; text-align:justify; text-justify:inter-ideograph; word-break:break-all; margin-bottom:0.65em; width:100%; line-height:1.4;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 .color-blue-01 { color:var(--color-blue-01);}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { letter-spacing:.03em; text-align:justify; text-justify:inter-ideograph; word-break:break-all; width:100%; line-height:1.75;}
.page-filter .compatible-models-01 .filter-content-01+.filter-content-01 { margin-top:2.3041%;}

@media (min-width:768.1px) {
.page-filter .features .content-01 { display:flex; justify-content:space-between; align-items:flex-end;}
.page-filter .features .content-02 { text-align:center;}
.page-filter .filter-content-container-01 { display:grid; grid-template-columns:45.1613% 54.2627%; justify-content:space-between;}
.page-filter .filter-content-container-01 .content-items-01 { grid-column:1/2; grid-row:1/2;}
.page-filter .filter-content-container-01 .content-items-02 { grid-column:2/3; grid-row:1/3;}
.page-filter .filter-content-container-01 .content-items-03 { grid-column:1/2; grid-row:2/3;}
.page-filter .filter-carbon-01 .main-figure-01 figure { position:absolute; left:0; top:0;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .notes-01 { position:absolute; right:0; bottom:.1em;}
.page-filter .filter-ion-01 .main-figure-01 figure { position:absolute; left:0; top:0;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 .font-size-s { top:-0.55em;}
.page-filter .filter-oralcare-01 .content-items-02 { position:relative;}
.page-filter .filter-oralcare-01 .main-figure-01 { height:100%; position:absolute; right:0; top:0;}
.page-filter .filter-oralcare-01 .main-figure-01 figure:nth-of-type(1) { position:absolute; left:0; top:0;}
}

@media (max-width:1400px) {
.page-filter .common-content-header-03 { margin-bottom:8.5714vw;}
}

@media (max-width:1300px) {
.page-filter .filter-ion-01 .main-figure-01 .function-01::before { left:-4.0625em;}
.page-filter .filter-ion-01 .main-figure-01 .function-01::after { transform:translate(-4.0625em, -50%) scaleY(0.5); width:3.75em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02::before { left:-4.0625em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02::after { transform:translate(-4.0625em, -50%) scaleY(0.5); width:3.75em;}
}

@media (max-width:768px) {
.page-filter .common-content-header-03 { margin-bottom:7.8125vw;}
.page-filter .filter-carbon-01 .pagelink-anchor,
.page-filter .filter-ion-01 .pagelink-anchor,
.page-filter .filter-oralcare-01 .pagelink-anchor,
.page-filter .compatible-models-01 .pagelink-anchor { margin-top:13.2743%;}
.page-filter .features { padding-bottom:13.0208vw;}
.page-filter .features::before { transform:translateY(50%) scaleY(0.7);}
.page-filter .features .header-01 { text-align:center;}
.page-filter .features .header-01 .item-01,
.page-filter .features .header-01 .item-02 { line-height:1.3913;}
.page-filter .features .header-01 .item-02 { margin-top:0.2826em;}
.page-filter .features .content-01 { margin-top:7.3746%; width:100%; position:relative;}
.page-filter .features .content-01>figure { width:51.1062%; position:absolute; left:0; top:0; margin-top:2.1316em; margin-left:2.2124%;}
.page-filter .features .content-01 .text-items-01 { width:100%; padding-bottom:0;}
.page-filter .features .content-01 .text-items-01 .item-01 { display:flex; justify-content:center; width:100%; text-align:center; line-height:1.3947;}
.page-filter .features .content-01 .text-items-01 .item-01>p { margin-left:0;}
.page-filter .features .content-01 .text-items-01 .item-01 .underline-01,
.page-filter .features .content-01 .text-items-01 .item-01 .underline-02 { background-size:100% 28.9474%; background-position:bottom 0.1184em left 0;}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-l { margin-left:-5.9474em;}
.page-filter .features .content-01 .text-items-01 .item-01 .decoration-r { margin-left:6em;}
.page-filter .features .content-01 .text-items-01 .item-02 { letter-spacing:.05em; font-size:1rem; line-height:1.75;}
.page-filter .features .content-01 .text-items-01 .item-block-01::before,
.page-filter .features .content-01 .text-items-01 .item-block-02::before { transform:translateY(-50%) scaleY(0.7);}
.page-filter .features .content-01 .text-items-01 .item-block-01::after,
.page-filter .features .content-01 .text-items-01 .item-block-02::after { width:0.5833em;}
.page-filter .features .content-01 .text-items-01 .item-block-01>figure,
.page-filter .features .content-01 .text-items-01 .item-block-02>figure { width:23.4375vw;}
.page-filter .features .content-01 .text-items-01 .item-block-01 { width:44.1406vw; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-top:10.3245%; margin-left:auto;}
.page-filter .features .content-01 .text-items-01 .item-block-01>figure { margin-left:0.5859vw;}
.page-filter .features .content-01 .text-items-01 .item-block-01::before { margin-top:11.849vw; margin-right:-1.3021vw; width:11.7188vw;}
.page-filter .features .content-01 .text-items-01 .item-block-01::after { margin-top:11.849vw; margin-left:-10.4167vw;}
.page-filter .features .content-01 .text-items-01 .item-block-01 .item-02 { white-space:nowrap; margin-top:1.9531vw; width:100%;}
.page-filter .features .content-01 .text-items-01 .item-block-02 { width:100%; margin-top:2.2135vw;}
.page-filter .features .content-01 .text-items-01 .item-block-02>figure { margin-left:8.4635vw;}
.page-filter .features .content-01 .text-items-01 .item-block-02::before { left:0; top:0; width:2px; height:7.8125vw; transform:translate(-50%, -75%) scaleX(0.7); margin-top:0; margin-left:23.0088%;}
.page-filter .features .content-01 .text-items-01 .item-block-02::after { left:0; top:0; margin-top:-5.8594vw; margin-left:23.0088%;}
.page-filter .features .content-01 .text-items-01 .item-block-02 .item-02 { width:60.3245%;}
.page-filter .features .content-02 { padding-top:6.7708vw; padding-bottom:7.8125vw; margin-top:11.0677vw; border-radius:0.8333em;}
.page-filter .features .content-02 .headline-01 { text-align:center; line-height:1.3913;}
.page-filter .features .content-02 .content-items-01 { width:88.2006%; margin-top:6.1198vw; margin-right:auto; margin-left:auto; flex-direction:column; justify-content:flex-start;}
.page-filter .features .content-02 .content-items-01 .filter-item-01 { width:100%; display:flex; justify-content:space-between; align-items:center;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(1) { margin-left:0;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(2) { margin-left:0;}
.page-filter .features .content-02 .content-items-01 .filter-item-01:nth-child(3) { margin-left:0;}
.page-filter .features .content-02 .content-items-01 .filter-item-01+.filter-item-01 { margin-top:3.9714vw;}
.page-filter .features .content-02 .content-items-01 .figure-items-01,
.page-filter .features .content-02 .content-items-01 .figure-items-02 { width:42.1405%;}
.page-filter .features .content-02 .content-items-01 .figure-items-01 { aspect-ratio:63 / 55;}
.page-filter .features .content-02 .content-items-01 .figure-items-01 figure { width:95.6349%;}
.page-filter .features .content-02 .content-items-01 .figure-items-01+.text-items-01 { margin-top:-0.3421em;}
.page-filter .features .content-02 .content-items-01 .figure-items-02 { align-items:center; aspect-ratio:126 / 107;}
.page-filter .features .content-02 .content-items-01 .figure-items-02 figure { width:68.6508%;}
.page-filter .features .content-02 .content-items-01 .figure-items-02+.text-items-01 { margin-top:-0.2632em;}
.page-filter .features .content-02 .content-items-01 .text-items-01 { width:53.01%;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-01 { line-height:1.3947; margin-bottom:0.0658em;}
.page-filter .features .content-02 .content-items-02 { padding-top:3.2552vw; padding-bottom:3.6458vw; margin-top:5.2083vw; width:88.2006%; text-align:center; line-height:1.75;}
.page-filter .features .content-02 .content-items-02::before { background-image:linear-gradient(to right, #707070 50%, transparent 50%); height:0.2em; background-size:0.45em 5px; transform:translateY(-50%) scaleY(0.5);}
.page-filter .features .content-02 .content-items-02::after { background-image:linear-gradient(to bottom, #707070 50%, transparent 50%); width:0.2em; background-size:5px 0.45em; transform:translateX(-50%) scaleX(0.5);}
.page-filter .features .content-02 .content-items-02>p::before { background-image:linear-gradient(to right, #707070 50%, transparent 50%); height:0.2em; background-size:0.45em 5px; transform:translateY(50%) scaleY(0.5);}
.page-filter .features .content-02 .content-items-02>p::after { width:0.2em; background-size:5px 0.45em; background-image:linear-gradient(to bottom, #707070 50%, transparent 50%); transform:translateX(50%) scaleX(0.5);}
.page-filter .features .content-02 .content-items-02 strong { line-height:1.75;}
.page-filter .filter-content-container-01 { display:flex; flex-direction:column;}
.page-filter .filter-content-container-01 .content-items-01 { order:1; width:100%;}
.page-filter .filter-content-container-01 .content-items-01 .item-02 { margin-top:0.05em;}
.page-filter .filter-content-container-01 .content-items-02 { order:2;}
.page-filter .filter-content-container-01 .content-items-03 { order:5; margin-top:7.8125vw; width:100%;}
.page-filter .filter-content-container-01 .content-items-03 .figure-item-01 { margin-top:0; margin-right:auto; margin-left:auto;}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 { width:100%; max-width:21.3333em; margin-top:5.2083vw; margin-right:auto; margin-left:auto;}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 a { height:3.3333em; border-radius:3.3333em;}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01 { margin-bottom:0.1184em;}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02 { line-height:1.5;}
.page-filter .filter-content-01 { padding-top:7.2271%; padding-bottom:7.2271%; border-width:1.4px; border-radius:0.8333em;}
.page-filter .filter-content-01 .container-01 { width:88.5664%;}
.page-filter .filter-content-01 .header-01 .item-01 { width:8.7em; height:1.8em; padding-bottom:0.125em;}
.page-filter .filter-content-01 .header-01 .item-02 { margin-top:0.5526em; line-height:1.3947;}
.page-filter .filter-content-01 .headline-01 { line-height:1.4286;}
.page-filter .filter-content-01 .article-01 { line-height:1.75;}
.page-filter .filter-content-01 .list-items-01 { line-height:1.5;}
.page-filter .filter-content-01 .list-items-01 li { line-height:1.5;}
.page-filter .filter-content-01 .list-items-01 li::before { line-height:1.5;}
.page-filter .filter-carbon-01 { padding-top:13.0208vw; padding-bottom:13.0208vw;}
.page-filter .filter-carbon-01::before { transform:translateY(50%) scaleY(0.7);}
.page-filter .filter-carbon-01 .main-figure-01 figure { width:38.2006%; margin-top:0; margin-left:3.5398%;}
.page-filter .filter-carbon-01 .main-figure-01 .function-01 { width:43.75vw; margin-top:5.0781vw;}
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before { width:0.5833em; top:calc(3.776vw - 0.2917em); left:-16.9271vw;}
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after { width:15.625vw; transform:translate(-16.9271vw, -50%) scaleY(0.4); top:3.776vw; height:4px;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 { width:43.75vw; margin-top:24.2188vw;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after { position:absolute; content:""; display:block; background-color:var(--text-base-color);}
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before { left:-4.6875em; top:0.6563em; border-radius:0.625em; width:0.625em; aspect-ratio:1 / 1; transform:translateX(-50%);}
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after { transform:translate(-4.6875em, -50%) scaleY(0.5); height:2px; width:4.375em; left:0; top:0.9688em;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01 { display:none;}
.page-filter .filter-carbon-01 .content-items-02 { margin-top:3.5156vw;}
.page-filter .filter-carbon-01 .content-items-03 .figure-item-01 { width:94.1003%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 { margin-top:5.7522%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01 { flex-direction:column; align-items:stretch;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>article { width:100%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>article .article-01 { margin-top:2.814%;}
.page-filter .filter-carbon-01 .filter-content-01.function-01 .container-01>figure { width:83.612%; margin-top:6.6647%; margin-right:auto; margin-left:auto;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 { margin-top:3.2552vw;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01 { margin-top:3.9063vw; flex-direction:column; align-items:stretch;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure { width:100%; border-radius:0.8333em;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article { margin-top:3.9063vw; width:100%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .headline-01 { margin-bottom:0.4286em;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .article-01::after { content:none;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .notes-01 { display:block; width:100%; margin-top:1.1719vw;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01+.header-01 { margin-top:7.8125vw;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 { margin-top:3.9063vw; flex-direction:column;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02>article { order:2; margin-top:3.3854vw; width:100%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .figure-items-01 { order:1; width:100%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .figure-items-01 figure { width:47.8261%;}
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-02 .list-items-01 { order:3; margin-top:1.6927vw;}
.page-filter .filter-ion-01 { padding-top:13.0208vw; padding-bottom:13.0208vw;}
.page-filter .filter-ion-01::before { transform:translateY(50%) scaleY(0.7);}
.page-filter .filter-ion-01 .main-figure-01 figure { width:39.233%; margin-top:0;}
.page-filter .filter-ion-01 .main-figure-01 .function-01 { width:53.2448%; margin-top:4.0365vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-01::before { width:0.5833em; top:calc(3.776vw - 0.2917em); left:calc(-12.7604vw - 0.2917em);}
.page-filter .filter-ion-01 .main-figure-01 .function-01::after { width:12.3698vw; transform:translate(-13.6719vw, -50%) scaleY(0.4); height:4px; top:3.776vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 { width:53.2448%; margin-top:17.5781vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 .text-item-01 { margin-bottom:0.1184em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02 .font-size-s { line-height:1.4; margin-left:.25em;}
.page-filter .filter-ion-01 .main-figure-01 .function-02::before { left:-10.3516vw; width:0.5833em; top:3.776vw; transform:translate(-50%, -50%);}
.page-filter .filter-ion-01 .main-figure-01 .function-02::after { width:9.0495vw; transform:translate(-10.3516vw, -50%) scaleY(0.4); height:4px; top:3.776vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-03 { width:63.4218%; margin-top:36.4583vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-03::before { width:0.5833em; top:3.776vw; transform:translate(-50%, -50%); left:-16.9271vw;}
.page-filter .filter-ion-01 .main-figure-01 .function-03::after { width:15.625vw; transform:translate(-16.9271vw, -50%) scaleY(0.4); height:4px; top:3.776vw;}
.page-filter .filter-ion-01 .content-items-02 { margin-top:3.5156vw;}
.page-filter .filter-ion-01 .content-items-03 .figure-item-01 { width:94.1003%;}
.page-filter .filter-ion-01 .filter-content-01.function-01 { margin-top:5.7522%;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 { grid-template-columns:48.495% 45.9866%;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .header-01 { grid-column:1/3;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .article-01 { grid-column:2/3; grid-row:2/3; margin-top:3.5807vw;}
.page-filter .filter-ion-01 .filter-content-01.function-01 .container-01 .figure-items-01 { grid-column:1/2; grid-row:2/3; margin-top:3.5807vw; padding-top:0.5208vw;}
.page-filter .filter-ion-01 .filter-content-01.function-02 { margin-top:3.2552vw;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 { margin-top:4.0365vw; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article { order:2; width:100%; margin-top:3.4505vw;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01>article .list-items-01 { margin-top:1.4323vw;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 .figure-items-01 { order:1; width:100%;}
.page-filter .filter-ion-01 .filter-content-01.function-02 .body-content-01 .figure-items-01 figure { width:47.8261%;}
.page-filter .filter-oralcare-01 { padding-top:13.0208vw; padding-bottom:13.0208vw;}
.page-filter .filter-oralcare-01::before { transform:translateY(50%) scaleY(0.7);}
.page-filter .filter-oralcare-01 .content-items-02 { margin-top:3.5156vw;}
.page-filter .filter-oralcare-01 .content-items-03 .figure-item-01 { width:46.3127%;}
.page-filter .filter-oralcare-01 .main-figure-01 { position:relative;}
.page-filter .filter-oralcare-01 .main-figure-01 figure:nth-of-type(1) { width:38.6431%; margin-top:0; margin-left:1.4749%;}
.page-filter .filter-oralcare-01 .main-figure-01 figure:nth-of-type(2) { width:20.944%; margin-top:37.7581%; margin-left:19.9115%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01 { width:57.2271%; margin-top:5.3097%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before { width:0.5833em; top:3.776vw; left:-11.9792vw; transform:translate(-50%, -50%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after { width:10.6771vw; transform:translate(-11.9792vw, -50%) scaleY(0.4); top:3.776vw; height:4px;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02 { left:auto; right:0; width:50.4425%; margin-top:16.6667%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before { width:0.5833em; top:calc(3.776vw - 0.2917em); left:-13.6719vw; right:auto;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after { left:0; right:auto; width:12.3698vw; transform:translate(-13.6719vw, -50%) scaleY(0.4); top:3.776vw; height:4px;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 { width:56.9322%; margin-top:38.0531%;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { width:49.115%; aspect-ratio:333 / 76; transform:translate(-49.2492%, -106.5789%);}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::before { transform:translateY(-50%) scaleY(0.4); height:4px;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01::after { transform:scaleX(0.4); width:4px;}
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 span { width:0.5833em;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 { margin-top:4.7198%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 { flex-direction:column; justify-content:flex-start;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-01 { width:100%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-01 .header-01 { margin-bottom:0.4737em;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 { margin-top:4.5573vw; margin-right:auto; margin-left:auto; max-width:515.2px; width:100%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>figure { width:21.3509%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article { width:74.3401%;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01 { margin-top:-0.1786em; margin-bottom:0.0714em;}
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01+.card-01 { margin-top:3.2552vw;}
.page-filter .compatible-models-01 { padding-top:13.0208vw;}
.page-filter .compatible-models-01 .content-header-01 { margin-bottom:6.7847%;}
.page-filter .compatible-models-01 .content-header-01 .item-01 { margin-bottom:0.3333em;}
.page-filter .compatible-models-01 .content-header-01 .item-02 { letter-spacing:.05em; line-height:1.75;}
.page-filter .compatible-models-01 .filter-content-01 .product-list-01 { margin-right:auto; margin-left:auto; width:88.5664%;}
.page-filter .compatible-models-01 .filter-content-01.function-01 { padding-top:5.3385vw; padding-bottom:5.3385vw;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { margin-bottom:3.6458vw;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 .icon-filter-type-01 { width:1.1697em;}
.page-filter .compatible-models-01 .filter-content-01.function-01 .container-01 { width:100%;}
.page-filter .compatible-models-01 .filter-content-01.function-02 { padding-top:5.0781vw; padding-bottom:5.2083vw;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01 { width:88.2006%; margin-top:4.1667vw; padding-top:5.2083vw; padding-bottom:5.9896vw; border-radius:0.8333em; flex-direction:column; justify-content:flex-start;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>figure { order:1; width:85.6187%; margin-right:auto; margin-left:auto;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article { order:2; width:85.6187%; margin-top:3.9063vw; margin-right:auto; margin-left:auto;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { line-height:1.4286; margin-bottom:0.4286em;}
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { line-height:1.75;}
.page-filter .compatible-models-01 .filter-content-01+.filter-content-01 { margin-top:3.2552vw;}
}

@media (max-width:768px) and (max-width:768px) {
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before { width:0.5833em; top:calc(3.776vw - 0.2917em); left:-16.9271vw;}
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after { width:15.625vw; transform:translate(-16.9271vw, -50%) scaleY(0.4); top:3.776vw; height:4px;}
}

@media (max-width:450px) {
.page-filter .features .content-01 .text-items-01 .item-block-01 .item-02 { margin-left:-1.5em;}
}

@media (max-width:400px) {
.page-filter .features .content-01 .text-items-01 .item-02 { line-height:1.5;}
.page-filter .features .content-01 .text-items-01 .item-block-02 { margin-top:3.5vw;}
.page-filter .features .content-02 .content-items-02::before { background-size:0.4em 5px; transform:translateY(-50%) scaleY(0.4); background-image:linear-gradient(to right, #707070 55.5556%, transparent 50%);}
.page-filter .features .content-02 .content-items-02::after { background-size:5px 0.4em; transform:translateX(-50%) scaleX(0.4); background-image:linear-gradient(to bottom, #707070 55.5556%, transparent 50%);}
.page-filter .features .content-02 .content-items-02>p::before { background-size:0.4em 5px; transform:translateY(50%) scaleY(0.4); background-image:linear-gradient(to right, #707070 55.5556%, transparent 50%);}
.page-filter .features .content-02 .content-items-02>p::after { background-size:5px 0.4em; transform:translateX(50%) scaleX(0.4); background-image:linear-gradient(to bottom, #707070 55.5556%, transparent 50%);}
}

@media (max-width:320px) {
.page-filter .features .content-02,
.page-filter .features .content-02 .content-items-02,
.page-filter .filter-content-container-01 .content-items-03 .common-button-01,
.page-filter .filter-content-01,
.page-filter .filter-content-01 .article-01,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure,
.page-filter .filter-ion-01 .main-figure-01 .function-01::before,
.page-filter .filter-ion-01 .main-figure-01 .function-01::after,
.page-filter .filter-ion-01 .main-figure-01 .function-02::before,
.page-filter .filter-ion-01 .main-figure-01 .function-02::after,
.page-filter .filter-ion-01 .main-figure-01 .function-03::before,
.page-filter .filter-ion-01 .main-figure-01 .function-03::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { font-size:11px;}
.page-filter .features .content-02 .content-items-02::before,
.page-filter .features .content-02 .content-items-02::after,
.page-filter .features .content-02 .content-items-02>p::before,
.page-filter .features .content-02 .content-items-02>p::after { font-size:18px;}
.page-filter .filter-content-01 .notes-01,
.page-filter .filter-content-01 .list-items-01 { font-size:7px;}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02,
.page-filter .filter-content-container-01 .main-figure-01 .font-size-s,
.page-filter .filter-content-01 .header-01 .item-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-02 { font-size:8px;}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02,
.page-filter .filter-content-container-01 .content-items-01 .item-03,
.page-filter .compatible-models-01 .content-header-01 .item-02,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { font-size:10px;}
.page-filter .features .header-01 .item-01,
.page-filter .filter-content-container-01 .content-items-01 .item-01,
.page-filter .filter-content-01 .headline-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { font-size:12px;}
.page-filter .features .content-01>figure,
.page-filter .features .content-01 .text-items-01 .item-01,
.page-filter .features .content-02 .content-items-01 .text-items-01,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01,
.page-filter .filter-content-01 .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { font-size:16px;}
.page-filter .features .header-01,
.page-filter .features .content-02 .headline-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .headline-01 { font-size:19px;}
.page-filter .filter-content-container-01 .content-items-01 .headline-01,
.page-filter .compatible-models-01 .content-header-01 .item-01 { font-size:25px;}
}

@media (min-width:768.1px) and (max-width:1400px) {
.page-filter .filter-content-01 .notes-01,
.page-filter .filter-content-01 .list-items-01,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>article .article-01::after { font-size:calc(8px + (1vw - 7.68px) * .6329);}
.page-filter .filter-content-container-01 .content-items-03 .common-button-01 { font-size:calc(9px + (1vw - 7.68px) * .7911);}
.page-filter .features .content-02 .content-items-02,
.page-filter .filter-content-container-01 .content-items-01 .item-03,
.page-filter .filter-content-01 .article-01,
.page-filter .compatible-models-01 .content-header-01 .item-02,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { font-size:calc(10px + (1vw - 7.68px) * .9494);}
.page-filter .filter-content-01 .headline-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { font-size:calc(12px + (1vw - 7.68px) * 1.2658);}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02,
.page-filter .filter-content-container-01 .main-figure-01 .font-size-s,
.page-filter .filter-content-01 .header-01 .item-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-02 { font-size:calc(8px + (1vw - 7.68px) * .9494);}
.page-filter .features .header-01 .item-01,
.page-filter .filter-content-container-01 .content-items-01 .item-01,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01 { font-size:calc(11px + (1vw - 7.68px) * 1.4241);}
.page-filter .features .content-02 .headline-01,
.page-filter .filter-content-01 .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { font-size:calc(14px + (1vw - 7.68px) * 1.8987);}
.page-filter .features .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .headline-01 { font-size:calc(18px + (1vw - 7.68px) * 2.2152);}
.page-filter .filter-content-container-01 .content-items-01 .headline-01,
.page-filter .compatible-models-01 .content-header-01 .item-01 { font-size:calc(23px + (1vw - 7.68px) * 3.0063);}
}

@media (min-width:768.1px) and (max-width:1250px) {
.page-filter .features .content-01 .text-items-01 .item-02,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02 .line-01,
.page-filter .filter-ion-01 .main-figure-01 .function-01::before,
.page-filter .filter-ion-01 .main-figure-01 .function-01::after,
.page-filter .filter-ion-01 .main-figure-01 .function-02::before,
.page-filter .filter-ion-01 .main-figure-01 .function-02::after,
.page-filter .filter-ion-01 .main-figure-01 .function-03::before,
.page-filter .filter-ion-01 .main-figure-01 .function-03::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { font-size:calc(10px + (1vw - 7.68px) * 1.2448);}
.page-filter .features .content-02,
.page-filter .features .content-02 .content-items-01 .text-items-01,
.page-filter .filter-content-01,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure { font-size:calc(12px + (1vw - 7.68px) * 1.6598);}
.page-filter .features .content-01 .text-items-01 .item-01 { font-size:calc(16px + (1vw - 7.68px) * 2.0747);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-filter .features .content-02,
.page-filter .features .content-02 .content-items-02,
.page-filter .filter-content-container-01 .content-items-03 .common-button-01,
.page-filter .filter-content-01,
.page-filter .filter-content-01 .article-01,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-01::after,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::before,
.page-filter .filter-carbon-01 .main-figure-01 .function-02::after,
.page-filter .filter-carbon-01 .filter-content-01.function-02 .body-content-01>figure,
.page-filter .filter-ion-01 .main-figure-01 .function-01::before,
.page-filter .filter-ion-01 .main-figure-01 .function-01::after,
.page-filter .filter-ion-01 .main-figure-01 .function-02::before,
.page-filter .filter-ion-01 .main-figure-01 .function-02::after,
.page-filter .filter-ion-01 .main-figure-01 .function-03::before,
.page-filter .filter-ion-01 .main-figure-01 .function-03::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-01::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::before,
.page-filter .filter-oralcare-01 .main-figure-01 .function-02::after,
.page-filter .filter-oralcare-01 .main-figure-01 .function-03 .line-01 { font-size:calc(11px + (1vw - 3.2px) * 2.9018);}
.page-filter .features .content-02 .content-items-02::before,
.page-filter .features .content-02 .content-items-02::after,
.page-filter .features .content-02 .content-items-02>p::before,
.page-filter .features .content-02 .content-items-02>p::after { font-size:calc(18px + (1vw - 3.2px) * .4464);}
.page-filter .filter-content-01 .notes-01,
.page-filter .filter-content-01 .list-items-01 { font-size:calc(7px + (1vw - 3.2px) * 2.0089);}
.page-filter .filter-content-container-01 .main-figure-01 .text-item-02,
.page-filter .filter-content-container-01 .main-figure-01 .font-size-s,
.page-filter .filter-content-01 .header-01 .item-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-02 { font-size:calc(8px + (1vw - 3.2px) * 2.6786);}
.page-filter .features .content-02 .content-items-01 .text-items-01 .item-02,
.page-filter .filter-content-container-01 .content-items-01 .item-03,
.page-filter .compatible-models-01 .content-header-01 .item-02,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-02 { font-size:calc(10px + (1vw - 3.2px) * 3.125);}
.page-filter .features .header-01 .item-01,
.page-filter .filter-content-container-01 .content-items-01 .item-01,
.page-filter .filter-content-01 .headline-01,
.page-filter .filter-oralcare-01 .filter-content-01.function-01 .container-01 .function-items-02 .card-01>article .item-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .content-items-01>article .item-01 { font-size:calc(12px + (1vw - 3.2px) * 3.5714);}
.page-filter .features .content-01>figure,
.page-filter .features .content-01 .text-items-01 .item-01,
.page-filter .features .content-02 .content-items-01 .text-items-01,
.page-filter .filter-content-container-01 .main-figure-01 .text-item-01,
.page-filter .filter-content-01 .header-01,
.page-filter .compatible-models-01 .filter-content-01.function-01 .headline-01 { font-size:calc(16px + (1vw - 3.2px) * 4.9107);}
.page-filter .features .header-01,
.page-filter .features .content-02 .headline-01,
.page-filter .compatible-models-01 .filter-content-01.function-02 .headline-01 { font-size:calc(19px + (1vw - 3.2px) * 6.0268);}
.page-filter .filter-content-container-01 .content-items-01 .headline-01,
.page-filter .compatible-models-01 .content-header-01 .item-01 { font-size:calc(25px + (1vw - 3.2px) * 7.8125);}
}