@charset "utf-8";
#products {
	width: 100%;
	height: auto;
	padding: 26px 0 0;
	overflow: hidden;
	position: relative;
}
	.products__inner {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
		.products__amazon {
			width: 90%;
			max-width: 800px;
			height: auto;
			margin: 0 auto 60px;
		}
			.products__amazon__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 10px;
				font-size: 28px;
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.05em;
				text-align: center;
				color: var(--color--yellow);
			}
			.products__amazon__contents {
				width: 100%;
				height: auto;
				padding: 45px 0;
				background-image: url('../image/about/about-concept_image@pc.webp');
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				border-radius: 20px;
				position: relative;
			}
				.products__amazon__contents::before {
					content: '';
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 20px;
					background-color: rgba(118, 35, 31, 0.5);
					border: solid 3px var(--color--red);
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				.products__amazon__btn_wrap {
					width: 267px;
					height: 72px;
					margin: 0 auto 16px;
					position: relative;
					z-index: 2;
				}
					.products__amazon__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 4px;
						background-color: var(--color--white);
						border: solid 1px var(--color--black);
					}
						.products__amazon__btn img {
							width: 151px;
							height: auto;
						}
					@media (any-hover: hover) {
						.products__amazon__btn img {
							transition: .3s;
						}
						.products__amazon__btn:hover img {
							opacity: .7;
						}
					}
				.products__amazon__txt {
					width: 100%;
					height: auto;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.5;
					letter-spacing: 0.05em;
					text-align: center;
					color: var(--color--base);
					position: relative;
					z-index: 2;
				}
		.products__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 40px;
			font-size: 34px;
			font-weight: 700;
			line-height: calc(56 / 34);
			letter-spacing: 0.11em;
			text-align: center;
			color: var(--color--black);
		}
		.products__btn_wrap {
			width: 320px;
			height: 60px;
			margin: 0 auto 40px;
		}
		.products__list__tab {
			display: flex;
			justify-content: flex-start;
			align-items: flex-end;
			width: 90%;
			max-width: 500px;
			height: 70px;
			gap: 3px;
			padding: 0;
			/* margin: 0 auto 15px; */
			margin: 0 auto;
			position: relative;
		}
			.products__list__tab__item {
				display: flex;
				justify-content: center;
				align-items: center;
				/* width: calc(33.333% - 5px); */
				width: 90px;
				height: 55px;
				/* border-radius: 8px; */
				border-radius: 8px 8px 0 0;
				border-bottom: none !important;
				background-color: var(--color--base);
				cursor: pointer;
				position: relative;
				z-index: 2;
				transition: .3s;
			}
			.products__list__tab__item._akairo {
				border: solid 3px var(--color--red);
			}
			.products__list__tab__item._kiiro {
				border: solid 3px var(--color--yellow);
			}
			.products__list__tab__item._aoiro {
				border: solid 3px var(--color--blue);
			}
			.products__list__tab__item.active {
				height: 70px;
			}
			.products__list__tab__item._akairo.active {
				background-color: var(--color--red);
			}
			.products__list__tab__item._kiiro.active {
				background-color: var(--color--yellow);
			}
			.products__list__tab__item._aoiro.active {
				background-color: var(--color--blue);
			}
				.products__list__tab__item svg {
					height: 46px;
					fill: var(--color--black);
				}
				.products__list__tab__item._akairo svg {
					fill: var(--color--red);
				}
				.products__list__tab__item._kiiro svg {
					fill: var(--color--yellow);
				}
				.products__list__tab__item._aoiro svg {
					fill: var(--color--blue);
				}
				.products__list__tab__item.active svg {
					
					fill: var(--color--base);
				}
		@media (any-hover: hover) {
			.products__list__tab__item._akairo:hover {
				background-color: var(--color--red);
			}
			.products__list__tab__item._kiiro:hover {
				background-color: var(--color--yellow);
			}
			.products__list__tab__item._aoiro:hover {
				background-color: var(--color--blue);
			}
				.products__list__tab__item svg {
					transition: .3s;
				}
				.products__list__tab__item:hover svg {
					fill: var(--color--base);
				}
		}
		.products__list {
			width: 90%;
			max-width: 500px;
			height: auto;
			padding: 0 0 96px;
			margin: 0 auto;
		}
			.products__list__item {
				display: none;
				width: 100%;
				height: auto;
			}
			.products__list__item.show {
				display: block;
			}
			.products__list__item:not(:last-of-type) {
				margin-bottom: 50px;
			}
				.products__list__item__image {
					width: 100%;
					height: auto;
					padding: 37px;
					border: solid 3px;
					border-radius: 20px 20px 0 0;
					border-radius: 0;
					background-color: var(--color--base);
					position: relative;
				}
				._akairo .products__list__item__image {
					border-color: var(--color--red);
				}
				._kiiro .products__list__item__image {
					border-color: var(--color--yellow);
				}
				._aoiro .products__list__item__image {
					border-color: var(--color--blue);
				}
					.products__list__item__visual {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
					}
					.products__list__item__package {
						width: calc((137 / 500) * 100%);
						height: auto;
						position: absolute;
						left: 17px;
						bottom: -20px;

						display: none;
					}
				.products__list__item__details {
					width: 100%;
					height: auto;
					border-radius: 0 0 20px 20px;
					padding: 40px 40px 45px;
				}
				._akairo .products__list__item__details {
					background-color: var(--color--red);
				}
				._kiiro .products__list__item__details {
					background-color: var(--color--yellow);
				}
				._aoiro .products__list__item__details {
					background-color: var(--color--blue);
				}
					.products__list__item__details__name {
						height: auto;
						margin: 0 0 10px;
					}
					._akairo .products__list__item__details__name {
						width: 85.2px;
					}
					._kiiro .products__list__item__details__name {
						width: 57.87px;
					}
					._aoiro .products__list__item__details__name {
						width: 67.47px;
					}
					.products__list__item__details__info {
						width: 100%;
						height: auto;
						margin: 0 auto 15px;
					}
						.products__list__item__details__info dt {
							width: 100%;
							height: auto;
							margin: 0 auto 4px;
							font-size: 26px;
							font-weight: 700;
							line-height: calc(37 / 26);
							letter-spacing: 0.07em;
							color: var(--color--white);
						}
						.products__list__item__details__info dd {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 500;
							line-height: calc(25.2 / 14);
							letter-spacing: 0.07em;
							color: var(--color--white);
						}
					.products__list__item__details__spicy {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						column-gap: 15px;
						width: 100%;
						height: auto;
						margin: 0 auto 25px;
					}
						.products__list__item__details__spicy__heading {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 58px;
							height: 26px;
							border-radius: 3px;
							border: solid 1px var(--color--white);
						}
							.products__list__item__details__spicy__heading p {
								font-size: 16px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0.06em;
								color: var(--color--white);
							}
						.products__list__item__details__spicy__score {
							display: flex;
							justify-content: flex-start;
							align-items: center;
							column-gap: 11px;
							flex: 1;
							height: auto;
						}
							.products__list__item__details__spicy__score__item {
								width: 21px;
								height: 21px;
								opacity: .2;
							}
							.products__list__item__details__spicy__score__item._on {
								opacity: 1;
							}
								.products__list__item__details__spicy__score__item svg {
									display: block;
									width: auto;
									height: 100%;
									fill: var(--color--base);
								}
					.products__list__item__details__features__list {
						display: flex;
						flex-direction: column;
						row-gap: 12px;
						width: 100%;
						height: auto;
						margin: 0 auto 25px;
					}
						.products__list__item__details__features__list__item {
							width: 100%;
							height: auto;
						}
							.products__list__item__details__features__list__item dt {
								width: 100%;
								height: auto;
								margin-bottom: 4px;
								font-size: 16px;
								font-weight: 700;
								line-height: 1.5;
								color: var(--color--base);
							}
							.products__list__item__details__features__list__item dd {
								width: 100%;
								height: auto;
								padding: 10px 14px 10px;
								border-radius: 4px;
								background-color: var(--color--base);
								font-size: 14px;
								font-weight: 500;
								line-height: 1.8;
								letter-spacing: 0em;
							}
							.products__list__item__details__features__list__item dd:not(:last-of-type) {
								margin-bottom: 4px;
							}
							._akairo .products__list__item__details__features__list__item dd {
								color: var(--color--red);
							}
							._kiiro .products__list__item__details__features__list__item dd {
								color: var(--color--yellow);
							}
							._aoiro .products__list__item__details__features__list__item dd {
								color: var(--color--blue);
							}
							.products__list__item__details__features__list__item dd.products__list__item__details__features__list__item__line {
								width: 100%;
								height: auto;
								display: none;
							}
								.products__list__item__details__features__list__item dd.products__list__item__details__features__list__item__line svg {
									width: 100%;
									height: auto;
								}
								.products__list__item__details__features__list__item dd.products__list__item__details__features__list__item__line svg {
									fill: var(--color--base);
								}
					.products__list__item__details__usage_example {
						width: 100%;
						height: auto;
						margin: 0 auto 20px;
					}
						.products__list__item__details__usage_example dt {
							width: 120px;
							height: auto;
							margin: 0 0 8px;
						}
						.products__list__item__details__usage_example dd {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 500;
							line-height: calc(20 / 14);
							letter-spacing: 0.07em;
							color: var(--color--white);
						}
					.products__list__item__details__btn_wrap {
						width: 100%;
						height: 50px;
					}
						.products__list__item__details__btn {
							background-color: var(--color--white);
							border: solid 2px var(--color--white);
						}
						._akairo .products__list__item__details__btn {
							color: var(--color--red);
						}
						._kiiro .products__list__item__details__btn {
							color: var(--color--yellow);
						}
						._aoiro .products__list__item__details__btn {
							color: var(--color--blue);
						}
							._akairo .btn .btn__icon__frame {
								border-color: var(--color--red);
							}
								._akairo .btn .btn__icon__arrow {
									fill: var(--color--red);
								}
							._kiiro .btn .btn__icon__frame {
								border-color: var(--color--yellow);
							}
								._kiiro .btn .btn__icon__arrow {
									fill: var(--color--yellow);
								}
							._aoiro .btn__icon__frame {
								border-color: var(--color--blue);
							}
								._aoiro .btn .btn__icon__arrow {
									fill: var(--color--blue);
								}
					@media (any-hover: hover) {
						._akairo .products__list__item__details__btn:hover {
							background-color: var(--color--red);
							color: var(--color--white);
						}
						._kiiro .products__list__item__details__btn:hover {
							background-color: var(--color--yellow);
							color: var(--color--white);
						}
						._aoiro .products__list__item__details__btn:hover {
							background-color: var(--color--blue);
							color: var(--color--white);
						}
							.products__list__item__details__btn:hover .btn__icon__frame {
								border-color: var(--color--white) !important;
							}
								.products__list__item__details__btn:hover .btn__icon__arrow {
									fill: var(--color--white) !important;
								}
					}
		.products__how_to_buy {
			width: 100%;
			height: auto;
			padding: 50px 0 75px;
			background-color: var(--color--lightred);
			position: relative;
		}
			.products__how_to_buy::before {
				content: '';
				display: block;
				width: 100%;
				height: 20px;
				background-image: url('../image/products/how_to_use-edge.svg');
				background-position: center;
				background-repeat: repeat-x;
				background-size: auto 100%;
				position: absolute;
				top: 1px;
				left: 0;
				transform: translate(0%,-100%);
				z-index: 1;
			}
			.products__how_to_buy__obj {
				height: auto;
				position: absolute;
				z-index: 2;
			}
			.products__how_to_buy__obj._01 {
				width: 109.2px;
				top: -43px;
				left: calc((88.7 / 1280) * 100%);
			}
			.products__how_to_buy__obj._02 {
				width: 66px;
				top: 80px;
				left: calc((74 / 1280) * 100%);
			}
			.products__how_to_buy__obj._03 {
				width: 28px;
				top: 177px;
				left: calc((177 / 1280) * 100%);
				transform: rotate(20deg);
			}
			.products__how_to_buy__obj._04 {
				width: 34px;
				bottom: 88px;
				left: calc((116 / 1280) * 100%);
			}
			.products__how_to_buy__obj._05 {
				width: 107.14px;
				top: 56px;
				right: calc((98.3 / 1280) * 100%);
				transform: rotate(19deg);
			}
			.products__how_to_buy__obj._06 {
				width: 37.83px;
				bottom: 4px;
				right: calc((165.4 / 1280) * 100%);
				transform: rotate(41deg);
			}
			.products__how_to_buy__obj._07 {
				width: 30px;
				bottom: 45px;
				right: calc((84.3 / 1280) * 100%);
				transform: rotate(-65deg);
			}
			.products__how_to_buy__obj._08 {
				width: 288px;
				bottom: 81px;
				left: calc((-4 / 1280) * 100%);
				z-index: 1;
			}
			.products__how_to_buy__obj._09 {
				width: 288px;
				top: 33px;
				right: 0;
				z-index: 1;
			}
			.products__how_to_buy__inner {
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
				position: relative;
				z-index: 3;
			}
				.products__how_to_buy__heading {
					width: 100%;
					height: auto;
					margin: 0 auto 15px;
				}
					.products__how_to_buy__heading__en {
						width: 192.52px;
						height: auto;
						margin: 0 auto 6px;
					}
					.products__how_to_buy__heading__ja {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: calc(20 / 16);
						letter-spacing: 0.11em;
						text-align: center;
						color: var(--color--black);
					}
				.products__how_to_buy__txt {
					width: 100%;
					height: auto;
					margin: 0 auto 30px;
					font-size: 14px;
					font-weight: 700;
					line-height: calc(20 / 14);
					letter-spacing: 0.11em;
					text-align: center;
					color: var(--color--black);
				}
				.products__how_to_buy__btn_wrap {
					width: 267px;
					height: 72px;
					margin: 0 auto 16px;
				}
					.products__how_to_buy__btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 100%;
						border-radius: 4px;
						background-color: var(--color--white);
						border: solid 1px var(--color--black);
					}
						.products__how_to_buy__btn img {
							width: 151px;
							height: auto;
						}
					@media (any-hover: hover) {
						.products__how_to_buy__btn img {
							transition: .3s;
						}
						.products__how_to_buy__btn:hover img {
							opacity: .7;
						}
					}
				.products__how_to_buy__links {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: auto;
				}
					.products__how_to_buy__links::after {
						content: '';
						display: block;
						width: 1px;
						height: 12px;
						margin: 0 14px;
						background-color: var(--color--black);
						order: 2;
					}
					.products__how_to_buy__links a {
						font-size: 12px;
						font-weight: 700;
						line-height: calc(15 / 12);
						letter-spacing: 0.11em;
						color: var(--color--black);
					}
					.products__how_to_buy__links a._law {
						order: 1;
					}
					.products__how_to_buy__links a._contact {
						order: 3;
					}
				@media (any-hover: hover) {
					.products__how_to_buy__links a:hover {
						text-decoration: underline;
					}
				}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
/* products */
#products {
	padding: 20px 0 0;
}
	.products__inner {
		position: relative;
		z-index: 2;
	}
		.products__amazon {
			width: calc((335 / 375) * 100%);
			margin: 0 auto 30px;
		}
			.products__amazon__heading {
				margin-bottom: 4px;
				font-size: 16px;
			}
			.products__amazon__contents {
				padding: 25px 0 20px;
				background-image: url('../image/about/about-concept_image@sp.webp');
				border-radius: 10px;
			}
				.products__amazon__contents::before {
					border-radius: 10px;
					border: solid 2px var(--color--red);
				}
				.products__amazon__btn_wrap {
					height: 56px;
					margin: 0 auto 16px;
				}
					.products__amazon__btn {
						padding-top: 2px;
					}
						.products__amazon__btn img {
							width: 120px;
						}
				.products__amazon__txt {
					font-size: 16px;
				}
		.products__heading {
			margin: 0 auto 26px;
			font-size: 18px;
			line-height: calc(30 / 18);
			letter-spacing: 0.04em;
			filter: drop-shadow(1px 1px 1px var(--color--base))
					drop-shadow(1px -1px 1px var(--color--base))
					drop-shadow(-1px 1px 1px var(--color--base))
					drop-shadow(-1px -1px 1px var(--color--base));
		}
		.products__btn_wrap {
			margin: 0 auto 25px;
		}
		.products__list__tab {
			width: calc((335 / 375) * 100%);
			height: 60px;
		}
			.products__list__tab__item {
				width: 80px;
				height: 46px;
			}
			.products__list__tab__item.active {
				height: 60px;
			}
				.products__list__tab__item svg {
					height: 36px;
				}
		.products__list {
			width: calc((335 / 375) * 100%);
			padding: 0 0 64px;
		}
				.products__list__item__image {
					width: 100%;
					padding: 22px;
					border-radius: 0;
				}
					.products__list__item__visual {
						height: auto;
					}
					.products__list__item__package {
						width: calc((92 / 335) * 100%);
						left: calc((8 / 335) * -100%);
						bottom: -15px;
						display: none;
					}
				.products__list__item__details {
					width: 100%;
					border-radius: 0 0 10px 10px;
					padding: 25px 30px 30px;
				}
					.products__list__item__details__name {
						margin: 0 0 15px;
					}
					._akairo .products__list__item__details__name {
						width: calc((67.404 / 375) * 100vw);
						max-width: 101.16px;
					}
					._kiiro .products__list__item__details__name {
						width: calc((44.208 / 375) * 100vw);
						max-width: 66.312px;
					}
					._aoiro .products__list__item__details__name {
						width: calc((50.244 / 375) * 100vw);
						max-width: 75.366px;
					}
					.products__list__item__details__info {
						margin: 0 auto 20px;
					}
						.products__list__item__details__info dt {
							margin: 0 auto 5px;
							font-size: 20px;
							line-height: calc(30 / 20);
						}
						.products__list__item__details__info dd {
							line-height: calc(23.2 / 14);
						}
					.products__list__item__details__spicy {
						column-gap: 14px;
						padding: 0 0 10px;
						margin: 0 auto 20px;
					}
						.products__list__item__details__spicy__heading {
							width: 50px;
							height: 24px;
						}
							.products__list__item__details__spicy__heading p {
								font-size: 14px;
							}
						.products__list__item__details__spicy__score {
							column-gap: 10px;
						}
					.products__list__item__details__usage_example {
						margin: 0 auto 12px;
					}
						.products__list__item__details__usage_example dd {
							line-height: calc(23.2 / 14);
						}
					.products__list__item__details__btn_wrap {
						height: 45px;
					}

		.products__how_to_buy {
			padding: 28px 0 56px;
		}
			.products__how_to_buy__obj._01 {
				width: 80px;
				top: -43px;
				left: -28px;
			}
			.products__how_to_buy__obj._02 {
				display: none;
			}
			.products__how_to_buy__obj._03 {
				width: 28px;
				top: initial;
				bottom: 52px;
				left: 10px;
			}
			.products__how_to_buy__obj._04 {
				display: none;
			}
			.products__how_to_buy__obj._05 {
				display: none;
			}
			.products__how_to_buy__obj._06 {
				width: 37.83px;
				bottom: 4px;
				right: -45px;
			}
			.products__how_to_buy__obj._07 {
				display: none;
			}
			.products__how_to_buy__obj._08 {
				width: 186.34px;
				margin-left: -90px;
				bottom: 32px;
				left: 50%;
				transform: translate(-100%,0%);
			}
			.products__how_to_buy__obj._09 {
				width: 186.34px;
				margin-right: -75px;
				top: 11px;
				right: 50%;
				transform: translate(100%,0%);
				z-index: 1;
			}
			.products__how_to_buy__inner {
				width: calc((335 / 375) * 100%);
			}
				.products__how_to_buy__heading {
					margin: 0 auto 24px;
				}
					.products__how_to_buy__heading__en {
						width: 125.14px;
					}
				.products__how_to_buy__txt {
					margin: 0 auto 20px;
				}
				.products__how_to_buy__btn_wrap {
					margin: 0 auto 20px;
				}
}

/* SP ================================================== */
@media all and (max-width: 500px){

}