@charset "UTF-8";

/**
*
*	/products/scanner/css/index-new_rwd.css
*/

@media screen and (max-width:767px) {

	/* common */
.pc_only {
	display: none !important;
}
.sp_only {
	display: block !important;
}
.common_heading {
	font-size: 2.4rem;
	margin-bottom: 40px;
}

.common_heading.icn01,
.common_heading.icn02{
	padding-top: 40px;
}

.common_heading.icn01 span::before,
.common_heading.icn02 span::before{
	width: 40px;
	height: 40px;
	left: 50%;
	top: -45px;
	transform: translateX(-50%);
}

.common_heading.line span:before {
	left: calc(-60/320*100vw);
	width: calc(50/320*100vw);
}

.common_heading.line span:after {
	right: calc(-60/320*100vw);
	width: calc(50/320*100vw);
}


.common_bnr_col2 ul,
.common_bnr_col2_02 ul,
.common_bnr_col4 ul
{
	flex-wrap: wrap;
	margin-top: -20px;
}

.common_bnr_col2 ul, {
	margin-right: 0;
	margin-left: 0;
}

.common_bnr_col2 ul > li{
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-top: 20px;
}

.common_bnr_col4 ul,
.common_bnr_col2_02 ul {
	margin-right: -10px;
	margin-left: -10px;
}

.common_bnr_col4 ul > li,
.common_bnr_col2_02 ul > li{
	max-width: 50%;
	width: 100%;
	margin-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
}


.common_btn a {
	font-size: 1.4rem;
	padding: 20px 20px;
}

.common_btn a::before {
	right: 1em;
	width: 14px;
	height: 14px;
}

.common_btn a::after {
	top: 48%;
	right: 1.55em;
	width: 2.5px;
	height: 2.5px;
}

.common_btn_col2 {
	margin-top: 40px;
	display: block;
}

.common_btn_col2 > * {
	width: 100%;
	margin: 20px 0 0;
}

/* aside */
.aside {
	display: none;
}


/* section */
.section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section.pickup {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section.pickup::before {
	width: 341px;
	height: 62px;
}
.section.gray,
.section.light_blue,
.section.pickup,
.top_scene_box
{
	margin-right: -15px;
	margin-left: -15px;
}

#contents .container > .container_inner,
.section.gray .section_inr,
.section.light_blue .section_inr,
.section.pickup .section_inr
{
	width: 100%;
	padding: 0 15px;
}

.section.top_scene .section_inr {
	width: 100%;
}

.section:first-child {
	padding-top: 0;
	padding-bottom: 30px;
}


/* メインビジュアル */
	/* ------ mainSection SP ------ */
	#contents .mainSection {
		width: 100%;
		margin: 18px auto 0;
	}
	#contents .mainSection .mainvisual_guide {
		position: relative;
		z-index: 500;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow:hidden;
	}
	#contents .mainSection .mainvisual_guide #pagination_guide {
		position:absolute;
		top:113px;
		z-index:990;
		width: 100%;
	}

	/************ main slider SP ************/
	#contents .mainSection .mainvisual_guide #slide_guide {
		position:relative;
		left:0;
		top:0;
		z-index:980;
		height: auto;
		margin-bottom: 0;
	}
	#contents .mainSection .mainvisual_guide #slide_guide .slick-dots {
		position: unset;
		width: 300px;
		margin: 0 auto;
		padding-top: 30px;
		font-size: 25px;
		font-weight: bold;
	}
	#contents .mainSection .mainvisual_guide #slide_guide .slick-prev {
		top: 37%;
		left: -20px;
		z-index: 1;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left: auto;
	}
	#contents .mainSection .mainvisual_guide #slide_guide .slick-prev:before {
		position: absolute;
	}
	#contents .mainSection .mainvisual_guide #slide_guide .slick-next {
		top: 37%;
		right: 0;
		z-index: 1;
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-right: auto;
	}

	#contents .mainSection .mainvisual_guide #slide_guide .slick-dots #btnPly {
		text-indent: 0;
		/*margin-top: -.15em;*/
	}
	#contents .mainSection .mainvisual_guide #slide_guide .slick-dots #btnPse {
		/*margin-top: -.15em;*/
	}

/* リード */
/* ------ lead ------ */

.lead_wrap {
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.lead_btn {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.lead_btn + .lead_btn {
	margin-top: 20px;
}

.lead_btn a {
	font-size: 1.4rem;
	padding: 20px 20px;
}

.lead_btn.lead_btn_03 a {
	text-align: center;
}

.lead_btn.lead_btn_03 a::after {
	top: 60%;
}

/* 利用シーンから探す*/
/* ------ top_scene ------ */

.top_scene_lead {
	margin-top: -20px;
	margin-bottom: 40px;
}

.top_scene_lead_item {
	width: calc(50% - 7.5px);
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}

.top_scene_lead_item .img {
	padding-top: 30px;
}

.top_scene_lead_item .img::before {
	height: 13px;
	top: 15px;
}

.top_scene_lead_item .img a figcaption {
	font-size: 1.4rem;
	padding: 8px 5px 20px;
	line-height: 1;
}
.top_scene_lead_item .img a figcaption::after {
	top: 70%;
	right: 0;
	left: 46%;
	width: 8px;
	height: 8px;
	transform: rotate(135deg) translateX(-50%);
}


.top_scene_lead_item:nth-child(even) {
	margin-left: 10px;
}
.top_scene_lead_item:nth-child(odd) {
	margin-left: 0;
}

.top_scene_lead_item .txt {
	font-size: 1.2rem;
}

.top_scene_box {
	padding: 40px 15px;
}
.top_scene_box + .top_scene_box {
	margin-top: 40px;
}

.top_scene_box_heading::before {
	top: 38px;
}
.top_scene_box_heading.heading01 span{
	width: 171px;
	padding-bottom: 18px;
}
.top_scene_box_heading.heading02 span{
	width: 190px;
	padding-bottom: 18px;
}
.top_scene_box_heading.heading03 span{
	width: 165px;
	padding-bottom: 18px;
}

.top_scene_list .top_scene_list_slide {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}
.top_scene_list .top_scene_list_slide .top_scene_list_item {
	width: calc(50% - 5px) !important;
	margin-top: 10px;
}
.top_scene_list .top_scene_list_slide .top_scene_list_item:nth-child(even) {
	margin-left: 10px;
}

.top_scene_list .top_scene_list_slide .top_scene_list_item a {
	margin: 0;
}

.top_scene_list .top_scene_list_slide .top_scene_list_item.new a::before {
	width: 60px;
	padding: 5px;
	font-size: 1.2rem;
}
.top_scene_list .top_scene_list_slide .top_scene_list_item.few a::before {
	width: 60px;
	padding: 5px;
	font-size: 1.2rem;
}

.top_scene_list .detail {
	padding: 20px 10px;
}

.top_scene_list .thumb {
	margin-top: -10px;
	margin-bottom: -20px;
}

.top_scene_list .ttl {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.top_scene_list .lead {
	font-size: 1.2rem;
	bottom: 5px;
	min-height: 30px;
}

.top_scene_list .price {
	padding: 30px 5px;
}

.top_scene_list .price.col2 {
	flex-wrap: wrap;
}

.top_scene_list .price.col2 > *{
	width: 100%;
}

.top_scene_list .price p {
	font-size: 1.2rem;
}

.top_scene_list .price span {
	margin-top: 5px;
	font-size: 1.2rem;
}

.top_scene_list .icon {
	padding: 20px 10px;
}

.top_scene_list .icon > ul {
	margin-top: -5px;
	display: flex;
	flex-wrap: wrap;
	margin-right: -2.5px;
	margin-left: -2.5px;
}
.top_scene_list .icon > ul > li {
	padding-right: 2.5px;
	padding-left: 2.5px;
	width:calc(100% / 3);
	margin-top: 5px;
	box-sizing: border-box;
	margin-left: 0 !important;
}

.top_scene_list .icon > ul > li figure figcaption {
	width: 100%;
	font-size: 1rem;
}

.top_scene_list .more_btn {
	display: block;
	width: 160px;
	margin: 20px auto 0;
	text-align: center;
	color: #005AB4;
	font-size: 1.4rem;
	background: #fff;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,.35);
	cursor: pointer;
}

.top_scene_list .more_btn:focus-visible {
	outline: 2px solid #005AB4;
}


/* スキャナーアプリケーション・ドライバー */
/* ------ top_card ------ */
.top_card ul {
	flex-wrap: wrap;
	margin-top: -20px;
}
.top_card li {
	margin-top: 20px;
	width: calc(166/345*100%);
}
.top_card li:nth-child(odd){
	margin-left: 0;
}
.top_card li:nth-child(even){
	margin-left: 10px;
}
.top_card li .img {
	min-height: initial;
	padding:10px 10px;
}

.top_card li .lead {
	min-height: initial;
	padding: 20px 10px;
}
.top_card li .lead .txt {
	font-size: 1.2rem;
}

.top_card li .btn {
	font-size: 1.4rem;
}

.top_card li .btn::before {
	right: 1em;
	width: 14px;
	height: 14px;
}

.top_card li .btn::after {
	top: 48%;
	right: 1.5em;
	width: 4px;
	height: 4px;
	border-right-width: 1px;
	border-top-width: 1px;
}



/* 法人のお客様 */
/* ------ top_corporation ------ */

.top_corporation_lead {
	padding: 15px 25px;
	max-width: 340px;
	margin-bottom: 35px;
	width: 100%;
}

.top_corporation_lead p{
	font-size: 1.4rem;
	padding-left: 60px;
}

.top_corporation_lead p::before{
	width: 45px;
	height: 45px;
}

.top_corporation_heading {
	font-size: 3.6rem;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.top_corporation_heading::after {
	width: 40px;
}

.top_corporation_col_2 {
	display: block;
}

.top_corporation_col_2 .col:first-child {
	width: 100%;
}
.top_corporation_col_2 .col:last-child {
	margin-top: 25px;
	flex: none;
	margin-left: 0;

}
.top_corporation_btn {
	width: 100%;
	margin-top: 30px;
}

/* 新着情報 */
/* ------ top_news ------ */

.top_news {
	padding: 10px 15px;
}

.top_news_list .date{
	width: 115px;
	font-size: 1.4rem;
}

.top_news_list .ico{
	width: 90px;
	font-size: 1.2rem;
	margin-right: 0;
	padding: 5px;
}

.top_news_list .ico.ico_02{
	background: #FA4794;
}
.top_news_list .ico.ico_03{
	background: #A2D662;
}
.top_news_list .ico.ico_04{
	background: #FFB54A;
}
.top_news_list .ico.ico_05{
	background: #5876FF;
}
.top_news_list .ico.ico_06{
	background: #836FE6;
}
.top_news_list .ico.ico_07{
	background: #EA546A;
}
.top_news_list .ico.ico_08{
	background: #01CBF1;
}
.top_news_list .ico.ico_09{
	background: #4191E8;
}

.top_news_list .txt{
	margin-top: 10px;
	flex: none;
	width: 100%;
}

}



@media screen and (max-width:575px) {
/* リード */
/* ------ lead ------ */
.lead_btn.lead_btn_03 a {
	text-align: left;
}
}

@media screen and (max-width:374px) {

.xs_only  {
	display: block !important;
}


/* リード  */
/* lead */
.lead_btn.lead_btn_03 a {
	text-align: center;
}

/* section */
.section.pickup::before {
	width: 290px;
	height: 58px;
}

}