@import url("https://use.typekit.net/bxb5gvb.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@300&family=Roboto&display=swap");

:root {
    --mincho: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	--FTWEIGHT_medium: 400;
	--about_ar_logo: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4MC44OCA2Mi41MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNiMDk3NmQ7fS5jbHMtMSwuY2xzLTJ7c3Ryb2tlLXdpZHRoOjBweDt9LmNscy0ye2ZpbGw6IzMzMzt9PC9zdHlsZT48L2RlZnM+PGc+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzEzLjYyLDQ4LjgzbC0yLjM2LDEyLjMyaC02LjI5TDMxNi42OCwwaDkuODdsMTEuNzEsNjEuMTVoLTYuODFsLTIuMzYtMTIuMzJoLTE1LjQ2Wk0zMTQuNSw0Mi45OGgxMy42M2wtNi45LTM1LjI5LTYuNzMsMzUuMjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzY1Ljk1LDBjNC44MywwLDguMzEsMS4xOSwxMC40NCwzLjU4LDIuMTMsMi4zOSwzLjE5LDUuODUsMy4xOSwxMC4zOXY0Ljk4YzAsMy4zOC0uNjEsNi4xMS0xLjgzLDguMjFzLTMuMTQsMy41NS01Ljc3LDQuMzdjMi44LjgyLDQuNzcsMi4zMSw1Ljk0LDQuNSwxLjE2LDIuMTgsMS43NSw0Ljk0LDEuNzUsOC4yNXY5LjUyYzAsMS4zNC4wNiwyLjY0LjE3LDMuODkuMTIsMS4yNS40NiwyLjQsMS4wNSwzLjQ1aC02LjljLS40MS0uODctLjctMS44Mi0uODctMi44NC0uMTctMS4wMi0uMjYtMi41NS0uMjYtNC41OXYtOS42MWMwLTMuNDQtLjc3LTUuODEtMi4zMS03LjEyLTEuNTQtMS4zMS0zLjc0LTEuOTctNi42LTEuOTdoLTQuOHYyNi4xMmgtNi44MVYwaDEzLjYzWk0zNjQuMiwyOC44M2MyLjc0LDAsNC44Ni0uNTcsNi4zOC0xLjcsMS41MS0xLjE0LDIuMjctMy4zNiwyLjI3LTYuNjh2LTUuODVjMC0yLjgtLjU0LTQuODktMS42Mi02LjI5LTEuMDgtMS40LTIuOS0yLjEtNS40Ni0yLjFoLTYuNjR2MjIuNjJoNS4wN1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01Ni40NCw2MS4xNWg0Ljc4di0xMC4zNmMwLTIuMTQtLjctMy45Ni0yLjE0LTUuNTlsLS4zNS0uNC4zNS0uNGMxLjQyLTEuNiwyLjE0LTMuNDksMi4xNC01LjU5di03LjcyYzAtMi4zNC0uODEtNC4yOS0yLjQ4LTUuOTMtMS42NS0xLjY1LTMuNTgtMi40NS01LjkxLTIuNDVzLTQuMjUuOC01LjksMi40NWMtMS42NywxLjY1LTIuNDgsMy41OS0yLjQ4LDUuOTR2MzAuMDdoNC43OHYtMTMuOTdoMy42Yy40OCwwLC45NC4wOSwxLjM4LjI2LjQ1LjE4Ljg0LjQzLDEuMTcuNzYuMzIuMzIuNTguNzEuNzcsMS4xNS4xOS40NC4yOC45My4yOCwxLjQzdjEwLjM2Wk01Mi44NCw0Mi40aC0zLjZ2LTExLjMyYzAtLjUxLjA5LS45OS4yOC0xLjQzLjE5LS40NC40NC0uODMuNzctMS4xNS4zMy0uMzMuNzItLjU4LDEuMTctLjc2Ljg4LS4zNSwxLjg5LS4zNSwyLjc3LDAsLjQ1LjE4Ljg0LjQzLDEuMTcuNzYuMzIuMzIuNTguNzEuNzcsMS4xNS4xOS40NC4yOC45My4yOCwxLjQzdjcuNzJjMCwuOTktLjM1LDEuODUtMS4wNSwyLjU1LS43LjctMS41NiwxLjA1LTIuNTUsMS4wNVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMDcuNDYsNjEuMTVoNC43OFYyNC4wN2gtNS4zOWwtNy4yMSwyNi45NS03LjE3LTI2Ljk1aC01LjM5djM3LjA5aDQuNzh2LTIyLjRsNi4xNywyMi40aDMuMjVsNi4xNy0yMi40djIyLjRaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTQ2LjQ2LDIyLjdjLTIuMzUsMC00LjI5LjgtNS45MywyLjQ1LTEuNjUsMS42NS0yLjQ1LDMuNTktMi40NSw1Ljk0djIzLjEzYzAsMi4zMi44LDQuMjUsMi40NSw1LjksMS42NiwxLjYyLDMuNjEsMi40Miw1LjkzLDIuNDJzNC4yNC0uNzksNS45MS0yLjQyYzEuNjYtMS42NCwyLjQ4LTMuNTcsMi40OC01Ljl2LTIzLjEzYzAtMi4zNC0uODEtNC4yOS0yLjQ4LTUuOTMtMS42NS0xLjY1LTMuNTgtMi40NS01LjkxLTIuNDVaTTE0Ni40Niw1Ny44MWMtLjUxLDAtLjk5LS4xLTEuNDMtLjI5LS40NC0uMTktLjgyLS40NC0xLjE1LS43Ny0uMzMtLjMzLS41OC0uNzItLjc2LTEuMTctLjE3LS40NC0uMjYtLjktLjI2LTEuMzh2LTIzLjEzYzAtMS4wMi4zNS0xLjg4LDEuMDQtMi41Ni42OS0uNjksMS41NS0xLjA0LDIuNTYtMS4wNC40OCwwLC45NC4wOSwxLjM4LjI2LjQ1LjE4Ljg0LjQzLDEuMTcuNzYuMzIuMzIuNTguNzEuNzcsMS4xNS4xOS40NS4yOS45My4yOSwxLjQzdjIzLjEzYzAsLjk5LS4zNSwxLjg1LTEuMDUsMi41NS0uNy43LTEuNTYsMS4wNS0yLjU1LDEuMDVaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTkyLjM4LDYxLjE1aDUuMDdWMjQuMDdoLTQuNzh2MjIuNjRsLTYuODItMjIuNjRoLTUuMTd2MzcuMDloNC43OHYtMjMuMWw2LjkyLDIzLjFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMjIzLjM1LDYxLjE1aDQuNzhWMjQuMDdoLTQuNzh2MzcuMDlaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTUuNDIsNjEuMTVoNC44OWwtNy40My0zNy4wOWgtNS40NEwwLDYxLjE1aDQuODlsMS4zOC03LjExaDcuNzdsMS4zNyw3LjExWk03LjIsNDkuMjZsMi45Ny0xNS4zLDIuOTUsMTUuM2gtNS45MloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yNjcuNyw2MS4xNWg0Ljg5bC03LjQzLTM3LjA5aC01LjQ0bC03LjQzLDM3LjA5aDQuODlsMS4zOC03LjExaDcuNzdsMS4zNyw3LjExWk0yNTkuNDksNDkuMjZsMi45Ny0xNS4zLDIuOTUsMTUuM2gtNS45MloiLz48L2c+PC9zdmc+");
	--color_deep_gray: #333;
}
ul {
	list-style: none;
  }
img {
	width: 100%;
}
.about_ar {
	font-feature-settings: "palt";
    letter-spacing: 0.05rem;
}
.about_ar-hero-texts {
	margin-top: 3rem;
	
}
.about_ar-hero-texts-title {
	font-size: 0;
	width: 19rem;
	margin: 0 auto;
}
.about_ar-hero-texts-title:before{
	content: var(--about_ar_logo);
}
.about_ar-hero-texts-copy {
	font-size: 1.55rem;
	text-align: center;
	margin-top: 1.75rem;
	letter-spacing: 0.1rem;
}
.about_ar-hero-bg {
	margin-top: 2.4rem;
}
.about_ar-hero-image {
	margin-top: -10rem;
	padding: 0 4rem;
}
.about_ar-article {
	padding-bottom: 6rem;
}
.about_ar-article-section {
	margin-top: 40px;
	position: relative;
}
.about_ar-article-section-heading {
	color: var(--color_deep_gray);
	font-weight: var(--font-weight-medium);
	font-size: 20px;
	display: block;
	text-align: center;
}
.about_ar-article-section-heading-inner {
	letter-spacing: 0.15rem;
}
.about_ar-article-section-about-li {
	margin-top: 28px;
}
.about_ar-article-section-about-li-heading {
	font-size: 18px;
	text-align: center;
	font-weight: var(--font-weight-medium);
	letter-spacing: 0.1rem;
}
.about_ar-article-section-about-li-image {
	padding: 0 2.5rem;
	background: linear-gradient(180deg, transparent 0%, transparent 50%, #f5f5f5 50%, #f5f5f5 100%);
	margin-top: 20px;
}
.about_ar-article-section-about-li-caption {
	font-size: var(--font-size__small);)
	-font-size__small;
	line-height: 1.6;
	padding: 12px 2.5rem 28px;
	background: #f5f5f5;
}
.about_ar-article-section-step {
	counter-reset: step_number 0;
}
.about_ar-article-section-step-li {
	margin-top: 28px;
}
.about_ar-article-section-step-li-process {
	font-size: 18px;
	counter-increment: step_number 1;
	font-weight: var(--FTWEIGHT_bold);
	padding: 0 2.5rem;
	letter-spacing: 0.1rem;
}
.about_ar-article-section-step-li-process:after {
	display: inline-block;
	content: counter(step_number, decimal-leading-zero);
	font-size: 24px;
	margin-left: 0.75rem;
}
.about_ar-article-section-step-li-image {
	padding: 0 2.5rem;
	background: linear-gradient(180deg, transparent 0%, transparent 50%, #f5f5f5 50%, #f5f5f5 100%);
	margin-top: 1.5rem;
}
.about_ar-article-section-step-li-heading {
	font-size: 18px;
	font-weight: var(--font-weight-medium);
	text-align: center;
	line-height: 1.75;
	background: #f5f5f5;
	padding-top: 20px;
	letter-spacing: 0.15rem;
}
.about_ar-article-section-step-li-caption {
	line-height: 1.8;
	padding: 20px 2.5rem 28px;
	background: #f5f5f5;
	font-size: var(--font-size__small);
}
.about_ar-article-section-operating-spec {
	padding: 0 2.5rem;
}
.about_ar-article-section-operating-spec-dl {
	margin-top: 28px;
}
.about_ar-article-section-operating-spec-dl-dt {
	font-size: 18px;
	font-weight: var(--font-weight-medium);
	border-bottom: 1px solid #666;
	padding-bottom: 0.5rem;
}
.about_ar-article-section-operating-spec-dl-dd {
	font-size: 13px;
	line-height: 2;
	margin-top: 12px;
}
.about_ar-article-section-operating-spec-dl-dd .__bold {
	font-weight: var(--FTWEIGHT_bold);
}
.about_ar-article-section-operating-notes {
	padding: 0 2.5rem;
	margin-top: 4.5rem;
}
.about_ar-article-section-operating-notes-heading {
	font-weight: var(--font-weight-medium);
	border-bottom: 1px solid #666;
	font-size: 18px;
	padding-bottom: 0.5rem;
}

.about_ar-article-section-operating-notes-ul {
	padding-left: 0.75rem;
	margin-top: 12px;
}
.about_ar-article-section-operating-notes-ul-li {
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.75;
}
.about_ar-article-section-operating-notes-ul-li::marker {
	content: "・";
}

.about_ar .ar-product-list .nav-content {
	margin: 10px 0 20px;
}

.about_ar .ar-product-list .nav-content .nav-list li {
	margin-right: 10px;
}

.about_ar .ar-product-list .nav-content .nav-list li:last-child {
	margin-right: 0;
}

.about_ar .ar-product-list .nav-content .nav-list li a {
	border-radius: 4px;
	font-weight: var(--font-weight-medium);
	line-height: normal;
	letter-spacing: 0.36px;
	color: var(--color__gray-555);
	border: 1px solid var(--color__gray-555);
}

.about_ar .ar-product-list .nav-content.nav-content-tab .nav-list li.active a {
	color: var(--color__white);
}


.about_ar .ar-product-list .ar-product-list-content .ar-product-list-category:nth-child(n+2) {
	display: none;
}


.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item-wrapper {
	display: flex;
	gap: 20px 0px;
	flex-wrap: wrap;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item {
	width: calc(50% - 5px);
	margin-right: 10px;
	position: relative;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item a {
	text-decoration: none;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item.hide {
	display: none;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item:nth-child(even) {
	margin-right: 0;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .produc-image-wraper {
	margin-bottom: 10px;
	position: relative;
	font-size: 0;
	aspect-ratio : 1 / 1;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item.product-out-of-stock .produc-image-wraper img {
	opacity: 0.3;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .produc-image-wraper .out-of-stock {
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
 	text-align: center;
	color: var(--color__white);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	background: var(--color__gray-777);
	line-height: normal;
	width: 100%;
	font-size: var(--font-size__small);
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .product-copy {
	font-weight: var(--font-weight-medium);
	color: var(--color__gray-555);
	font-style: normal;
	line-height: 19.2px;
	letter-spacing: 0.84px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .product-name {
	color: var(--color__gray-AAA);
	font-size: var(--font-base__size);
	font-style: normal;
	line-height: 22.4px;
	letter-spacing: 0.98px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .product-price {
	color: var(--color__gray-777);
	font-size: var(--font-size__large);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: normal;
	letter-spacing: 0.75px;
}

.about_ar .ar-product-list  .search-more-button-container {
	margin-top: 40px;
}

.about_ar .ar-product-list  .search-more-button-container .search-total-count-container {
	text-align: center;
}

.about_ar .ar-product-list  .search-more-button-container .search-more-button {
	margin: 10px auto 0;
	display: block;
}


@media screen and (min-width: 640px) {
	.__page_contents {
		max-width: none;
	}
	.__page_contents_left {
		display: none;
	}
	.breadcrumb {
		max-width: 986px;
		margin: 0 auto;
	}
	.__max_width {
		max-width: 1090px;
		margin: 0 auto;
	}
	.about_ar-hero {
		position: relative;
	}
	.about_ar-hero-texts {
		position: absolute;
		margin-top: 0;
        top: 3.5rem;
		padding: 0 3.5rem;
        left: 50%;
		transform: translateX(-50%);
		max-width: 1050px;
		width: 100%;
	}
	.about_ar-hero-texts-title {
		margin: 0 0 0 auto;
	}
	.about_ar-hero-texts-copy {
		text-align: right;
	}
	.about_ar-hero-bg {
		margin-top: 0;
		background: url('/item/s/v2/images/ar/main_bg_pc2.webp?t=1') no-repeat center center;
		background-size: cover;
		height: 26rem;
	}
	.about_ar-hero-image {
		max-width: 650px;
		margin-left: auto;
		margin-right: auto;
	}
	.about_ar-article-section-heading {
		font-size: 32px;
		line-height: 40px;
	}
	.about_ar-article-section#about:after {
		content: "";
		position: absolute;
		display: block;
		top: 20rem;
		left: 0;
		width: 100vw;
		height: calc(100% - 20rem);
		background: #f6f6f6;
		z-index: -1;
	}
	.about_ar-article-section-about {
		display: flex;
		margin-top: 60px;
	}
	.about_ar-article-section-about-li {
		width: 33.33%;
		margin: 0;
		padding: 0.75rem;
	}
	.about_ar-article-section-about-li-heading {
		font-size: 18px;
		letter-spacing: 0.05rem;
	}
	.about_ar-article-section-about-li-image {
		margin-top: 20px;
		padding: 0;
	}
	.about_ar-article-section-about-li-caption {
		font-size: 14px;
		padding: 16px 0 40px;
	}
	.about_ar-article-section#usage:after {
		content: "";
		position: absolute;
		display: block;
		top: 21rem;
		left: 0;
		width: 100vw;
		height: calc(100% - 21rem);
		background: #f6f6f6;
		z-index: -1;
	}
	.about_ar-article-section-step {
		display: flex;
		margin-top: 60px;
	}
	.about_ar-article-section-step-li {
		width: 33.33%;
		padding: 0.75rem;
		margin-top: 0;
	}
	.about_ar-article-section-step-li-process {
		font-size: 18px;
		padding: 0;
	}
	.about_ar-article-section-step-li-process:after {
		font-size: 24px;
	}
	.about_ar-article-section-step-li-image {
		padding: 0;
	}
	.about_ar-article-section-step-li-heading {
		font-size: 18px;
		padding-top: 1.7rem;
	}
	.about_ar-article-section-step-li-caption {
		font-size: 14px;
		padding: 16px 0 40px;
	}
	.about_ar-article-section-operating {
		max-width: 720px;
		margin: 0 auto;
	}
	.about_ar-article-section-operating-spec {
		display: flex;
		padding: 0;
		margin: 60px -1.5rem 0;
	}
	.about_ar-article-section-operating-spec-dl {
		width: 50%;
		padding: 0 1.5rem;
	}
	.about_ar-article-section-operating-spec-dl:first-of-type,
	.about_ar-article-section-operating-spec-dl {
		margin-top: 0;
		padding-top: 0;
	}
	.about_ar-article-section-operating-spec-dl-dt {
		font-size: 18px;
	}
	.about_ar-article-section-operating-spec-dl-dd {
		font-size: 14px;
		margin-top: 20px;
	}
	.about_ar-article-section-operating-spec-dl-dd .__supplement {
		font-size: 14px;
		display: inline-block;
		line-height: 1.7;
	}
	.about_ar-article-section-operating-notes-heading {
		font-size: 1rem;
	}
	.about_ar-article-section-operating-notes {
		margin-top: 40px;
		padding: 0;
	}
	.about_ar-article-section-operating-notes-ul {
		margin-top: 1rem;
	}
	.about_ar-article-section-operating-notes-ul-li {
		font-size: 14px;
	}
	.about_ar-article-section {
	    margin-top: 80px;
	}
}

@media only screen and (min-width: 1280px) {
	.about_ar .ar-product-list .content-title {
		font-size: 24px;
		line-height: normal;
		letter-spacing: 1.68px;
	}

	.about_ar .ar-product-list .nav-content {
		margin: 20px 0;
	}

	.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item {
		margin-right: 20px;
		width: calc(25% - 15px);
	}

	.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item:nth-child(even) {
		margin-right: 20px;
	}

	.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item:nth-child(4n) {
		margin-right: 0px;
	}

	.about_ar .ar-product-list .ar-product-list-content .ar-product-list-item .produc-image-wraper .out-of-stock {
		font-size: var(--font-base__size);
		padding: 12px;
	}
}