/*デジタルサイネージ*/
.scene_wrap{
	gap: 20px 0;
	width: 100%;
}
.scene_wrap .item{
	width: 100%;
}
.scene_wrap .item h3{
	text-align: center;
	background-color: rgb(var(--color_blue));
	border-radius: 6px;
	padding: 2px 5px 4px;
	color: #fff;
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.15em;
}
.scene_wrap .item img{
	width: 100%;
	height: auto;
	margin-top: 5px;
}

.komarigoto_wrap{
	gap: 20px 0;
}
.komarigoto_wrap .item{
	position: relative;
	width: 100%;
}
.komarigoto_wrap .item .head_wrap{
	align-items: center;
	gap: 0 10px;
}
.komarigoto_wrap .item img.face{
	width: 24%;
}
.komarigoto_wrap .item h3{
	position: relative;
	width: 72%;
	font-size: .8125rem;
	font-weight: 700;
	line-height: 1.4;
	color: rgb(var(--color_main));
}
.komarigoto_wrap .item img.line_img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.komarigoto_wrap .item p{
	letter-spacing: 0.05em;
	line-height: 1.6;
}

.soudan_link{
	width: 100%;
	margin-top: 30px;
}
.soudan_link a{
	display: block;
	position: relative;
	background-color: rgb(var(--color_main));
	text-align: center;
	width: 100%;
	padding: 15px 10px 17px;
	font-size: .9375rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	line-height: 1;
	color: #fff;
}
.soudan_link a:hover{
	background-color: rgba(var(--color_main),0.9);
	text-decoration: none;
	color: #fff;
}
.soudan_link a .arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	height: max-content;
	margin: auto 0;
	font-size: 8px;
	letter-spacing: 0.5em;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/*デジタルサイネージ PC*/
	.scene_wrap{
		justify-content: flex-start;
		align-items: flex-start;
		gap: 0 34px;
	}
	.scene_wrap .item{
		width: calc((100% - 34px) / 2);
	}
	.scene_wrap .item h3{
		border-radius: 6px;
		padding: 4px 10px 6px;
	}
	.scene_wrap .item img{
		width: 100%;
		height: auto;
		margin-top: 5px;
	}

	.komarigoto_wrap{
		gap: 40px 0;
	}
	.komarigoto_wrap .item{
		padding-left: 130px;
	}
	.komarigoto_wrap .item .head_wrap{
		display: contents;
	}
	.komarigoto_wrap .item img.face{
		position: absolute;
		top: 0;
		left: 0;
		width: 106px;
		height: auto;
	}
	.komarigoto_wrap .item h3{
		width: 100%;
		font-size: 1.3125rem;
	}
	.komarigoto_wrap .item img.line_img{}

	.soudan_link{
		width: 568px;
		max-width: 100%;
		margin: 80px auto 0;
	}
	.soudan_link a{
		padding: 35px 10px 37px;
		font-size: 1.375rem;
	}
	.soudan_link a .arrow{
		right: 30px;
		font-size: 11px;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	/* デジタルサイネージ TAB */
	.scene_wrap{
		gap: 30px 0;
	}
	.scene_wrap .item{
		width: 100%;
	}
}

/*iPhone／iPad／Androidアプリ*/
.mobileapps_head_area{
	gap: 20px 0;
	background: url(../images/business-solutions/mobile-apps/mobileapps_head_bg_sp.jpg) 0 0 no-repeat;
	background-size: cover;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 20px;
	padding: 30px calc(50vw - 50%);
}
.mobileapps_head_area .item{
	width: 100%;
	padding: 0 4%;
}
.mobileapps_head_area .item_left{
	position: relative;
	z-index: 1;
}
.mobileapps_head_area .item_left h2{
	color: #fff;
}
.mobileapps_head_area .item_left h2 span{
	display: block;
}
.mobileapps_head_area .item_left h2 .en{
	font-size: 2.6875rem;
	line-height: 1;
	text-shadow: 0 0 15px rgb(var(--color_main)),0 0 15px rgb(var(--color_main));
}
.mobileapps_head_area .item_left h2 .jp{
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.4;
	text-shadow: 0 0 10px rgb(var(--color_main)),0 0 10px rgb(var(--color_main));
}
.mobileapps_head_area .item_left p{
	position: relative;
	margin-top: 25px;
	font-size: .875rem;
	line-height: 2;
	font-weight: 500;
	text-shadow:
				0 0 10px #fff,
				0 0 10px #fff,
				0 0 10px #fff,
				0 0 10px #fff;
}
.mobileapps_head_area .item_left p span{
	position: relative;
	z-index: 1;
}
.mobileapps_head_area .item_left p::before{
	/*説明文裏側のぼかし*/
	position: absolute;
	top: -10px;
	left: -30px;
	font-size: 6rem;
	color: #fff;
	text-shadow: 0 0 5px #fff;
	filter: blur(25px);
	line-height: 120px;
	letter-spacing: -0.5em;
	z-index: 0;
	content: "●●●\a●\a●";
}
.mobileapps_head_area .item_right{
	position: relative;
	z-index: 2;
}
.mobileapps_head_area .item_right img{
	display: block;
	width: 75%;
	height: auto;
	margin: 0 auto;
}

.mobile_apps_os{
	margin-top: 15px;
}
.mobile_apps_os th,
.mobile_apps_os th.head,
.mobile_apps_os th{
	vertical-align: middle;
}
.mobile_apps_os th.head{
	background-color: rgba(var(--color_main),0.2);
	font-size: 1.0625rem;
	color: rgb(var(--color_main));
}
.mobile_apps_os td{
	background-color: rgba(var(--color_main),0.08);
	text-align: left;
}
.mobile_apps .txt01{
	margin-top: 5px;
	font-size: .6875rem;
}

.mobile_apps .kinou_box:not(:first-of-type){
	margin-top: 50px;
}
.mobile_apps .kinou_box .box{
	background-color: #ebebef;
	margin-top: 15px;
}
.mobile_apps .kinou_box ul{
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1px 1em;
	margin: 0 0 0 0.2em;
	padding: 10px 20px;
}
.mobile_apps .kinou_box li{
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: .6875rem;
	letter-spacing: 0.05em;
}
.mobile_apps .kinou_box li .circle{
	color: #7f8199;
}
@media screen and (min-width: 769px) { /* PC用 メディアクエリー */
	/*iPhone／iPad／Androidアプリ PC*/
	.mobileapps_head_area{
		gap: 0 40px;
	background: url(../images/business-solutions/mobile-apps/mobileapps_head_bg.jpg) 0 0 no-repeat;
		background-size: cover;
		width: 100%;
		margin: 0 auto 60px;
		padding: 50px 50px 0;
	}
	.mobileapps_head_area .item{
		width: calc((100% - 40px) / 2);
		padding: 0;
	}
	.mobileapps_head_area .item_left{}
	.mobileapps_head_area .item_left h2 .en{
		font-size: 4rem;
	}
	.mobileapps_head_area .item_left h2 .jp{
		font-size: 2.625rem;
		line-height: 1.2;
	}
	.mobileapps_head_area .item_left p{
		margin-top: 35px;
		font-size: .9375rem;
		letter-spacing: 0.075em;
	}
	.mobileapps_head_area .item_left p::before{
		/*説明文裏側のぼかし*/
		top: 6px;
		left: -30px;
		font-size: 8rem;
		text-shadow: 0 0 5px #fff;
		filter: blur(40px);
		line-height: 80px;
		content: "●●●●\a●●●";
	}
	.mobileapps_head_area .item_right{
		padding: 70px 0 20px;
	}
	.mobileapps_head_area .item_right img{
		display: block;
		width: 380px;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.mobile_apps_os th.head{
		text-align: left;
	}
	.mobile_apps_os td{
		font-size: .9375rem;
	}
	.mobile_apps .txt01{
		font-size: .9375rem;
	}

	.mobile_apps .kinou_box:not(:first-of-type){
		margin-top: 110px;
	}
	.mobile_apps .kinou_box .box{
		margin-top: 30px;
	}
	.mobile_apps .kinou_box ul{
		gap: 2px 1.5em;
		padding: 15px 90px 20px 40px;
	}
	.mobile_apps .kinou_box li{
		font-size: 1rem;
	}

}
@media screen and (min-width: 768px) and (max-width: 959px) { /* Tablet用 メディアクエリー */
	/* iPhone／iPad／Androidアプリ TAB */
	.mobileapps_head_area{
		gap: 30px 0;
		padding: 30px;
	}
	.mobileapps_head_area .item_left{
		width: 100%;
	}
	.mobileapps_head_area .item_left h2 .en{
		font-size: 3.75rem;
	}
	.mobileapps_head_area .item_left h2 .jp{
		font-size: 2rem;
	}
	.mobileapps_head_area .item_left p{
		font-size: .875rem;
	}
	.mobileapps_head_area .item_left p br{
		display: none;
	}
	.mobileapps_head_area .item_right{
		width: 100%;
		padding: 0;
	}
	.mobileapps_head_area .item_right img{
		display: block;
		width: 70%;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.mobile_apps .kinou_box:not(:first-of-type){
		margin-top: 70px;
	}
}