@charset "utf-8";
/* CSS Document */


.duoscan_con.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 3em 0;
}

.duoscan_con.flexbox .headline1 span em{
    background-color: #d62626;
    color: #fff;
    margin-left: 8px;
    border-radius: 7px;
    font-size: 13px;
    padding: 2px 5px;
}
.duoscan_con.flexbox .img{
	width: 40%;
}
.duoscan_con.flexbox .text{
	width: 53%;
}


@media screen and (max-width: 900px) {
	.duoscan_con.flexbox .img{width: 60%; display:block; margin: 0 auto}
	.duoscan_con.flexbox .text{width: 100%; display: block;}
}
@media screen and (max-width: 780px) {
	.duoscan_con.flexbox .img{width: 75%; display:block; margin: 0 auto}
}
@media screen and (max-width: 600px) {
	.duoscan_con.flexbox .img{width: 90%; display:block; margin: 0 auto}
}


.duoscanBlock .feature-box{
	display: flex;
	flex-wrap: wrap;
}
.duoscanBlock .feature-box li{
	width: 25%;
	max-width: 200px;
	
}
.duoscanBlock .feature-box2{
}
.duoscanBlock .feature-box2 p{
}
.duoscanBlock .feature-box2 p.img-scope{
	text-align: center;
	margin: 3em 0 7em 0;
}

.duoscanBlock .feature-box3{
}
.duoscanBlock .feature-box3 ul{
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto 7em auto;
	justify-content: space-between;
}
.duoscanBlock .feature-box3 ul li{
	width: 48%;	
}
.duoscanBlock .feature-box3 ul li.full{
	width: 100%;
	padding-top: 4em;
}

@media screen and (max-width: 700px) {
	.duoscanBlock .feature-box3 ul{
		margin: 0 auto 1em auto;
		
	}	
		.duoscanBlock .feature-box3 ul li{
		width: 83%;
        text-align: center;
        margin: 0 auto 3em auto;
	}
	.duoscanBlock .feature-box3 ul li.full{
		padding-top: 1em;
		width: 83%;
        text-align: center;
        margin: 0 auto 3em auto;
	}
	}



.duoscanBlock .feature-box3 ul li.full .flexBox{
	display: flex;
	flex-wrap: wrap;
}
.duoscanBlock .feature-box3 ul li.full .flexBox .txt{
	width: 60%;
}
.duoscanBlock .feature-box3 ul li.full .flexBox .img{
	width: 30%;
}

@media screen and (max-width: 700px) {
		.duoscanBlock .feature-box3 ul li.full .flexBox .txt{
			width: 100%;
		}
		.duoscanBlock .feature-box3 ul li.full .flexBox .img{
		width: 50%;
        text-align: center;
        padding-top: 3em;
        margin: 0 auto;

	}
	}

.duoscan-usageBlock{
	background-color: #e3f2f1;
	padding: 2.5em 0 4em 0;
}
.duoscan-usageBlock .ttl{
	background-color: #aed8d6;
	text-align: center;
	font-weight: 600;
	padding: 8px 0 5px 0;
	font-size: 20px;	
}
.duoscan-usage{
	padding-top: 2.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.duoscan-usage p{
	width: 23%;
	max-width: 242px;
}

	@media screen and (max-width: 700px) {
		.duoscan-usage{width: 85%; margin: 0 auto;}
		.duoscan-usage p{width: 45%; margin-bottom: 2em;}
	}




.duoscan-spec{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;	
}
.duoscan-spec div{
	width: 45%;
	
}

	@media screen and (max-width: 700px) {
		.duoscan-spec div{width: 100%;}
	}