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

.desc_head {
	height: 20px;
}

.tittle {
	font-size: 16px;
	background: #ECECEC;
	padding: 1em;
}

/*pc.mobile*/

.pc_mobile, .lifestyle, .security, .oem, .corp {
	margin-bottom: 3em;
}

.pc_mobile .main {
	display: flex;
}

.pc_mobile .main .main_img {
	width: 40%;
}

.pc_mobile .main .main_text {
	width: 60%;
	margin-top: 1em;
}

.pc_mobile .main .main_img img {
	width: 100%;
}

/*lifestyle*/

.lifestyle .main {
	display: flex;
	margin-top: 1em;
}

.lifestyle .main .main_img {
	width: 40%;
}

.lifestyle .main .main_text {
	width: 60%;
}

.lifestyle .main .main_img img {
	width: 100%;
}

/*セキュリティ*/

.security .main {
	display: flex;
	margin-top: 1em;
}

.security .main .main_img {
	width: 40%;
}

.security .main .main_text {
	width: 60%;
}

.security .main .main_img img {
	width: 100%;
}

/*OEM*/

.oem .main {
	display: flex;
	margin-top: 1em;
}

.oem .main .main_img {
	width: 40%;
}

.oem .main .main_text {
	width: 60%;
	margin-right: 0.5em;
}

.oem .main .main_img img {
	width: 100%;
}

/*corp*/

.corp .main {
	display: flex;
	margin-top: 1em;
}

.corp .main .main_img {
	width: 40%;
}

.corp .main .main_text {
	width: 60%;
}

.corp .main .main_img img {
	width: 100%;
}


@media screen and (max-width:599px) {
    /*SmartPhone*/

/*pc.mobile*/

.pc_mobile, .lifestyle, .security, .oem, .corp {
	margin-bottom: 3em;
}

.pc_mobile .main {
	display: flex;
	flex-direction: column;
}

.pc_mobile .main .main_img {
	width: 100%;
}

.pc_mobile .main .main_text {
	width: 100%;
	margin-top: 1em;
	text-align: left;
}


/*lifestyle*/

.lifestyle .main {
	flex-direction: column;
}

.lifestyle .main .main_img {
	width: 100%;
}

.lifestyle .main .main_text {
	width: 100%;
	text-align: left;
}

/*セキュリティ*/

.security .main {
	flex-direction: column;
}

.security .main .main_img {
	width: 100%;
}

.security .main .main_text {
	width: 100%;
	text-align: left;
}



/*OEM*/

.oem .main {
	flex-direction: column;
}

.oem .main .main_img {
	width: 100%;
}

.oem .main .main_text {
	width: 100%;
	margin-right: 0;
	text-align: left;
}

/*corp*/

.corp .main {
	flex-direction: column;
}

.corp .main .main_img {
	width: 100%;
}

.corp .main .main_text {
	text-align: left;
	width: 100%;
}

}