/*-------------------------------------------*/
/*CSS*/
/*-------------------------------------------*/
#product section .imageright figure img.top_micro {
	margin-top: 3rem !important;
}

/*比較*/
#product section.contents .flexBox{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:6rem;
}
#product section.contents .flexBox:last-child{
	margin-bottom:0;
}

#product section.contents .flexBox div{
	width:calc(100% / 2 - 2rem);
}
#product section.contents .flexBox figure{
	margin-top: 1rem;
}
#product section.contents .flexBox div img{
	width:100%;
}
#product section.contents .arrow{
	width:2.5rem;
	height:auto;
	margin:auto;
}

/*各装飾文字*/
#product section .spanbox{
	display:flex;
}
#product section.contents h3 span {
	/*font-size:1.6rem;*/
}
#product span.new {
    background-color: #e50000;
    padding: 0 1rem;
    color: #fff;
    font-size: 1.1rem;
    margin-right: 0.8rem;
    display: inline !important;
}
#product section span.patent{
	display:inline-block;
	background-color:#fff;
	color:rgba(229,0,0,1.0);
	border:1px solid rgba(229,0,0,1.0);
	padding:0 1rem 0;
	margin:0 0.2rem 0 1rem;
	font-size:80%;
	position:relative;
	top:-2px;
}
#product section span.application{
	background-color:#fff;
	color:rgba(0,94,184,1.0);
	border:1px solid rgba(0,94,184,1.0);
	padding:0 1rem 0;
	margin:0 1rem 0 0rem;
	font-size:80%;
	position:relative;
	top:-2px;
	display:inline-flex;
	justify-content:center;
	height: 2.6rem;
	align-items:center;
}
#product section span.problem,
#product section span.solution,
#product section span.before,
#product section span.after {
	color:#fff;
	height: 2.6rem;
	text-align:center;
	margin-right:0.8rem;
	top: -2px;
	position: relative;
	min-width:6.2rem;
	font-size:80%;
	padding:0 1rem 0;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}
#product section span.problem,
#product section span.solution{
	width: 6em;
}

#product section span.before,
#product section span.after {
	padding:0 1rem;
}
#product section span.before,
#product section span.problem {
	background-color:#999;
}

#product section span.after,
#product section span.solution {
	background-color:#005eb8;
}
#product section span.other {
	background-color:rgba(247,171,0,1.0);
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

/*-------------------------------------------*/
/*タブレット*/
/*-------------------------------------------*/
@media (min-width:769px) and (max-width:1080px) {
}

/*-------------------------------------------*/
/*モバイル向け*/
/*-------------------------------------------*/
@media screen and (max-width:768px) {
	/*比較用*/
	#product section.contents .flexBox{
		margin-bottom:0rem;
		
	}
	#product section.contents .flexBox div{
		width:100%;
	}
	#product section.contents .flexBox div:nth-of-type(1){
		order:1;
	}
	#product section.contents .flexBox div:nth-of-type(3){
		order:2;
	}
	#product section.contents .flexBox div:nth-of-type(5){
		order:3;
	}
	#product section.contents .flexBox div:nth-of-type(7){
		order:4;
	}
	#product section.contents .flexBox img.arrow:nth-of-type(1){
		order:5;
		margin:2.4rem auto;
		transform:rotate(90deg)
	}
	#product section.contents .flexBox div:nth-of-type(2){
		order:6;
	}
	#product section.contents .flexBox div:nth-of-type(4){
		order:7;
	}
	#product section.contents .flexBox div:nth-of-type(6){
		order:8;
	}
	#product section.contents .flexBox div:nth-of-type(8){
		order:9;
	}
}