
/* レジモ物販システム トップ */

.regimo_retail_page_link{
	gap: 25px 0;
	margin-top: 40px;
}
.regimo_retail_page_link .item{
	text-align: center;
	background-color: #000;
	aspect-ratio: 400 / 186;
	width: 100%;
	height: 100%;
	color: #fff;
}
.regimo_retail_page_link .item a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}
.regimo_retail_page_link .item img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.regimo_retail_page_link .item a:hover img{
	opacity: .7;
}
.regimo_retail_page_link .item .box{
	position: absolute;
	inset: 0;
	width: max-content;
	height: max-content;
	margin: auto;
}
.regimo_retail_page_link .item h3{
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.regimo_retail_page_link .item .click{
	display: inline-block;
	border: solid 1px #fff;
	text-align: center;
	padding: 0 25px;
	margin: 5px auto 0;
	font-size: 1.0625rem;
	letter-spacing: 0.1em;

	font-family: var(--font_en);
	font-weight: 400;
	font-style: normal;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	.regimo_retail_page_link{
		justify-content: center;
		gap: 50px;
		margin-top: 100px;
	}
	.regimo_retail_page_link .item{
		width: calc((100% - 50px) / 2);
	}
	.regimo_retail_page_link .item h3{
		font-size: 1.25rem;
	}
	.regimo_retail_page_link .item .click{
		padding: 0 30px;
		font-size: 1.25rem;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	.regimo_retail_page_link{
		gap: 15px;
		margin-top: 40px;
	}
	.regimo_retail_page_link .item{
		aspect-ratio: 400 / 186;
		width: calc((100% - 15px) / 2);
	}
	.regimo_retail_page_link .item h3{
		font-size: 1rem;
	}
	.regimo_retail_page_link .item .click{
		padding: 0 10px;
		font-size: .875rem;
	}
}


/* 在庫システム、発注システム */
.inventory_read,
.order_read,
.pos_read{
	text-align: center;
	font-size: 1.875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: rgb(var(--color_main));
	line-height: 1;
}
.inventory_read .square_brackets_inner,
.order_read .square_brackets_inner,
.pos_read .square_brackets_inner{
	padding: 5px 60px 10px;
}

.inventory_head_area,
.order_head_area{
	width: 100vw;
	margin: 30px calc(50% - 50vw) 0;
}

.inventory .section_box,
.order .section_box,
.pos .section_box{
	margin-top: 50px;
}
.inventory .section_box_wrap,
.order .section_box_wrap,
.pos .section_box_wrap{
	gap: 30px 0;
}
.inventory .section_box_wrap ul,
.order .section_box_wrap ul,
.pos .section_box_wrap ul{
	gap: 5px 0;
	margin: 10px 0 0;
}
.inventory .section_box_wrap li,
.order .section_box_wrap li,
.pos .section_box_wrap li{
	width: 100%;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: .75rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
}
.inventory .section_box_wrap li .circle,
.order .section_box_wrap li .circle,
.pos .section_box_wrap li .circle{
	color: rgb(var(--color_main));
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* 在庫システム、発注システム PC */
	.inventory_read,
	.order_read,
	.pos_read{
		font-size: 2.625rem;
	}

	.inventory_head_area,
	.order_head_area{
		width: 100%;
		margin: 30px 0 0;
	}

	.inventory .section_box,
	.order .section_box,
	.pos .section_box{
		margin-top: 100px;
	}
	.inventory .section_box_wrap,
	.order .section_box_wrap,
	.pos .section_box_wrap{
		gap: 0;
		margin-top: 35px;
	}
	.inventory .section_box_wrap .item_left,
	.order .section_box_wrap .item_left,
	.pos .section_box_wrap .item_left{
		width: 58.8%;
	}
	.inventory .section_box_wrap ul,
	.order .section_box_wrap ul,
	.pos .section_box_wrap ul{
		gap: 15px 0;
		margin: 0;
	}
	.inventory .section_box_wrap li,
	.order .section_box_wrap li,
	.pos .section_box_wrap li{
		font-size: 1rem;
	}
	.inventory .section_box_wrap .item_right,
	.order .section_box_wrap .item_right,
	.pos .section_box_wrap .item_right{
		width: 34.8%;
	}
	.inventory .section_box_wrap .item_right img,
	.order .section_box_wrap .item_right img{
		aspect-ratio: 296 / 214;
		object-fit: cover;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	/* 在庫システム、発注システム TAB */
	.inventory .section_box_wrap,
	.order .section_box_wrap,
	.pos .section_box_wrap{
		gap: 30px 0;
	}
	.inventory .section_box_wrap .item_left,
	.inventory .section_box_wrap .item_right,
	.order .section_box_wrap .item_left,
	.order .section_box_wrap .item_right,
	.pos .section_box_wrap .item_left,
	.pos .section_box_wrap .item_right{
		width: 100%;
	}
}

/* レジシステム */
.pos_read .small{
	display: block;
	margin-bottom: 5px;
	font-size: .9375rem;
	font-weight: 500;
}
.pos_head_area{
	background: url(../images/regimo-retail/pos/pos_head_bg_sp.jpg) 0 0 no-repeat;
	background-size: cover;
	width: 100vw;
	margin: 30px calc(50% - 50vw) 0;
	padding: 30px calc(50vw - 50%);
}
.pos_head_area img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.pos_head_cap{
	text-align: center;
	font-size: .875rem;
	color: rgb(var(--color_main));
	font-weight: 500;
}
.pos_img01{
	width: 100%;
}
.pos_card_area{}
.pos_card_area .card:not(:first-of-type){
	margin-top: 50px;
}
.pos_card_area .card:first-of-type{
	margin-top: 20px;
}

.pos .card_title {
	border: solid 2px rgb(var(--color_main));
	padding: 4px 10px 5px;
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.4;
	color: rgb(var(--color_main));
}
.pos_card_area img{
	display: block;
	width: 80%;
	margin: 0 auto;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* レジシステム PC */
	.pos_read .small{
		font-size: 1.25rem;
	}
	.pos_head_area{
		background: url(../images/regimo-retail/pos/pos_head_bg.jpg) 0 0 no-repeat;
		background-size: cover;
		width: 100%;
		margin: 30px 0px 0px;
		padding: 50px 60px 40px;
	}
	.pos_head_area img{
		width: 520px;
		max-width: 100%;
	}
	.pos_head_cap{
		margin-top: 10px;
		font-size: 1.25rem;
		line-height: 1.6;
	}
	.pos_img01{
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.pos_card_area{}
	.pos_card_area .card:not(:first-of-type){
		margin-top: 50px;
	}
	.pos_card_area .card:first-of-type{
		margin-top: 40px;
	}

	.pos .card_title {
		font-size: 1.25rem;
	}
	.pos_card_area img{
		width: 100%;
		margin: 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	/* レジシステム TAB */
	.pos_img01{
		aspect-ratio: 486 / 300;
	}
	.pos_card_area img{
		width: 80%;
		margin: 0 auto;
	}
}



/* 共通 */industry-specific-system
/*POS HEAD2エリア*/
.pos_head2_area{
	margin-bottom: 50px;
}
.pos_head2_area .read_txt{
	margin-bottom: 20px;
	font-size: 0.687rem;
}
.pos_head2_area img{
	width: 100%;
	height: auto;
}

@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* 共通 PC */

	/*POS HEAD2エリア PC*/
	.pos_head2_area{
		margin-bottom: 90px;
	}
	.pos_head2_area .read_txt{
		margin-bottom: 70px;
		font-size: 1.125rem;
	}
	.pos_head2_area img{
		display: block;
		max-width: 698px;
		margin: 0 auto;
	}
}

/* ASMOシステム */
 .pos_head2_wrap{
	gap: 30px 0;
	margin: 0 auto 30px;
}
.pos_head2_wrap .item{}
.pos_head2_wrap .item_left{}
.pos_head2_wrap .item_left h2{
	font-size: 1.125rem;
	color: rgb(var(--color_main));
	line-height: 1.4;
	font-weight: 700;
}
.pos_head2_wrap .item_left p{
	margin-top: 1.5em;
}
.pos_head2_wrap .item_right{
	gap: 0 20px;
}
.pos_head2_wrap .item_right img{
	width: calc((100% - 20px) / 2);
	height: auto;
}

@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/* ASMOシステム PC */
	.pos_head2_wrap{
		align-items: flex-start;
		gap: 0;
		margin: 0 auto 80px;
	}
	.pos_head2_wrap .item{}
	.pos_head2_wrap .item_left{
		width: 58%;
	}
	.pos_head2_wrap .item_left h2{
		font-size: 1.5625rem;
	}
	.pos_head2_wrap .item_left p {
		margin-top: 2.5em;
		line-height: 2.2;
	}
	.pos_head2_wrap .item_right{
		align-items: flex-start;
		gap: 25px 0;
		width: 34%;
	}
	.pos_head2_wrap .item_right img{
		width: 100%;
		height: auto;
	}


}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	/* ASMOシステム TAB */
	.pos_head2_wrap{
		gap: 30px 0;
		margin: 0 auto 30px;
	}
	.pos_head2_wrap .item_left{
		width: 100%;
	}
	.pos_head2_wrap .item_right{
		gap: 0 20px;
		width: 100%;
	}
	.pos_head2_wrap .item_right img{
		width: calc((100% - 20px) / 2);
		height: auto;
	}



}
