/* ---------------------------------------
   商品紹介のベース
------------------------------------------ */
#products .pc{ display: none; }
#products .page-title{ margin-bottom: 1.25em; }
/* 商品紹介のヘッド */
.products-content{
	margin-top: 18vw;
	padding-top: 18vw;
	border-top: solid 1px var(--gray); }
.products-head__img img{ width: 100%; }
.products-head__textbox{
	line-height: 2.25;
	padding-top: 8vw;
	line-height: 1.8889; }
.products-head__title{
	margin-bottom: 0.675em;
	font-size: 1.714285rem; }
@media screen and (min-width:480px) {
	.products-head__title{ font-size: 2.25rem; }
}
@media screen and (min-width:768px) {
	#products .page-title{ margin-bottom: 2.5em; }
	.products-head__item{ width: 50%; }
	.products-head__textbox{
		padding-right: 60px;
		padding-top: 0; }
	#products .sp{ display: none; }
	#products .pc{ display: block; }
	/* 商品紹介のヘッド */
	.products-head{
		flex-direction: row-reverse;
		flex-wrap: wrap;
		display: flex; }
}
/* ---------------------------------------
   商品紹介 #products
------------------------------------------ */
.products-list{
	gap: 6vw 3vw;
	flex-wrap: wrap;
	display: flex; }
.products-list__item{ width: calc((100% - 3vw) / 2); }
.products-list__title{
	align-items: center;
	padding: 0.5em 0 0.75em;
	display: flex;
	font-size: 1.25rem; }
.products-list__title .inner{
	display: inline-block;
	margin-right: 1em; }
.products-list__icon{
	transition: .2s;
	padding: 0.25em 0.375em;
	align-items: center;
	display: flex;
	margin-left: auto;
	background: #9898a4; }
.products-list__text{ font-size: 0.925rem; }
.products-content__bottom{ text-align: center; }
.products-content__bottom .bana-link + .bana-link{ margin-top: 4vw; }
@media screen and (min-width:480px) {
	.products-list{ gap: 60px 30px; }
	.products-list__item{ width: calc((100% - 30px) / 2); }
	.products-content__bottom .bana-link + .bana-link{ margin-top: 45px; }
}
@media screen and (min-width:768px) {
	.products-list{ gap: 60px; }
	.products-list__item{ width: calc((100% - 120px) / 3); }
	.products-list__item a:hover .products-list__icon{ background: var(--main); }
	.products-list__text{ font-size: 0.8125rem; }
	.products-content__bottom .content-button02:hover{ background: var(--main); }
	.products-content__bottom .bana-link + .bana-link{ margin-top: 60px; }
}