@charset "UTF-8";
/* =======================
add.css
========================== */

/***********************
top
************************/
/* bnrs */
@media print,screen and (max-width:767px){
.mainBnrBlock{text-align:center;padding:20px 0 0;}
.mainBnrBlock img{max-width:calc(100% - 24px);height:auto;}
.mainBnrBlock .col2 li + li {
	margin-top: 20px;
}
}

@media print,screen and (min-width:768px){
/* bnrs */
.mainBnrBlock{text-align:center;padding:20px 0 60px;}
.mainBnrBlock .col2 {
	display: flex;
	justify-content: center;
}
.mainBnrBlock .col2 li + li {
	margin-left: 50px;
}

/* mainvisual */
.mainBox .pos1,.mainBox .pos2{position:absolute;width:142px;bottom:8px;z-index:10;}
.mainBox .pos1{right:8px;}
.mainBox .pos2{left:8px;}
.mainBox .pos1 img,.mainBox .pos2 img{overflow:hidden;width:142px;height:auto;}

/* Offices and Development Centers */
#officeMap{background-image:url(https://www.ostechnology.co.jp/-/media/ost/jp/Images/office/bg_office.png?20201001);}
#officeBranch #btnBranch05 {top: 424px;left: 204px;}
#officeBranch #btnBranch07 {top: 300px;left: 58px;}
#officeBranch #btnBranch20{top:399px;left:208px;}
#officeBranch #btnBranch22 {width:50px;top:183px;left:375px;}
#officeBranch #btnBranch23 {width:56px;top:408px;left:642px;}
#officeBranch #btnBranch24 {width:55px;top:130px;left:340px;}
#officeBranch #btnBranch25 {width:64px;top:138px;left:474px;}
#officeSales #btnSales18 {width:84px;top:138px;left:478px;}
#officeSales #btnSales13 {top: 251px;left: 800px;}
#officeSales #btnSales25 {top:347px;left:172px;}
#officeSales #btnSales29 {width:42px;top:160px;left:560px;}
#officeSales #btnSales30 {width:70px;top:386px;left:528px;}
#officeSales #btnSales31 {width:60px;top:158px;left:349px;}
#officeSales #btnSales32 {width:120px;top:417px;left:513px;}
#officeSales #btnSales33 {width: 70px;left: 172px;top: 323px;}
#officeSales #btnSales34 {width: 70px;left: 38px;top: 274px;}
#officeSales #btnSales35 {width: 70px;top: 273px;left: 750px;}
#officeDevelopment #btnDevelopment02 {top:383px;left:632px;}
#officeDevelopment #btnDevelopment03 {width:118px;top:63px;left:120px;}
#officeDevelopment #btnDevelopment05 {top:374px;left:172px;}
}

/***********************
ethics
************************/
#ethics .articleTtl { font-weight: bold;}
@media print,screen and (min-width: 768px) {#ethics .articleTtl { font-size: 1.1rem; }}
@media screen and (min-width: 560px) {#ethics .breakSP{display: none;}}
@media print {#ethics .breakSP{display: none;}}

/***********************
engineer
************************/
@media print,screen and (min-width: 768px) {
#result.noToggle {padding-top: 90px;}
}
#result.noToggle h3{
	display: block;
	font-weight: bold;
}
#result.noToggle h3 span {color: #22a5db;}
#result.noToggle #resultList {
	display: block;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#resultList .caption{font-weight: bold;}

/***********************
margin
************************/
.cmnBlock01 {
	display: block;
	min-height: 1%;
}
.cmnBlock02 {
	display: block;
	min-height: 1%;
}
.cmnBlock01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.cmnBlock02:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* !ethics
---------------------------------------------------------- */
.cmnBlock01 {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 1072px;
}
.cmnBlock02 {
	margin: 0 auto 50px;
	width: 100%;
	max-width: 1072px;
}
.cmnBlock01 .cmnTitle01 {
	margin: 40px 0 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #333;
	font-size: 271%;
	font-weight: bold;
	text-align: center;
}
.cmnBlock02 .cmnTitle02 {
	margin: 40px 0 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #333;
	font-size: 271%;
	font-weight: bold;
	text-align: center;
}
.innerBox01 {
	margin: 0 auto;
	width: 980px;
}
.innerBox02 {
	margin: 0 auto;
	width: 950px;
	font-size: 16px;
}
.listTxtMargin {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
}
.listTxtMargin li {
	margin-bottom: 10px;
	margin-right: 5px;
	width: 230px;
}
.listMargin {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 20px auto 0;
}
.listMargin li {
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 225px;
	background-color: #fff;
}
.listMargin a {
	text-align: left;
	text-decoration: none;
	width: 100%;
	display: table;
	/* border: 1px solid #0275ce; */
	background: url(/-/media/BREXA-Technology/img/common/logo-pdf.png) no-repeat 195px center;
	height: 100%;
}
.listMargin a .cell {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal !important;
	padding: 8px 32px 8px 10px;
	height: 60px;
	font-size: 14px;
	
}

.marginTitle{
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 190px;
	font-size: medium;
}
/*
.listMargin {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 670px;
	margin: 20px auto 0;
}
.listMargin li {
	margin-bottom: 20px;
	font-size: 90%;
	margin-right: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 200px;
}
.listMargin a {
	text-align: center;
	text-decoration: none;
	width: 100%;
	max-width: 200px;
	display: table;
	border: 1px solid #0275ce;
	background: url(/-/media/OS-TECHNOLOGY/jp/Images/common/ico_pdf01.png) no-repeat 172px center;
	height: 100%;
	font-size: 90%;
}
.listMargin a .cell {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal !important;
	padding: 8px 32px 8px 10px;
}
*/

@media screen and (max-width: 767px){
	.clearfix {
		display: block;
		min-height: 1%;
	}
	.clearfix:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}

	/* common */
	.cmnBlock01 {
		/*! padding: 0 15px; */
	}
		.cmnBlock02 {
		/*! padding: 0 15px; */
	}
	.cmnBlock01 .cmnTitle01 {
		margin: 30px 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #333;
		font-size: 157%;
		font-weight: bold;
		text-align: center;
	}
	.cmnBlock02 .cmnTitle02 {
		margin: 30px 0;
		padding-bottom: 20px;
		border-bottom: 1px solid #333;
		font-size: 157%;
		font-weight: bold;
		text-align: center;
	}
	/* .innerBox01 {width: 100%;} */
	.innerBox01 {width: 100%;align-content: center;}
	/* .innerBox02 {width: 100%;} */
	.listMargin a .cell {font-size: 14px;display: table-cell;vertical-align: middle;font-weight: normal !important;padding: 8px 32px 8px 10px;height: 60px;color: black;}
	.innerBox02 {width: 97%;text-align: center;font-size: 16px;}
	.listMargin li {margin-bottom: 20px; margin-right: 10px; margin-left: 10px; width: 100%; max-width: 350px; background-color: #fff;}
	.listMargin a {text-align: left; text-decoration: none; width: 100%; display: table; background: url(/-/media/BREXA-Technology/img/common/logo-pdf-sp.png) no-repeat 316px center; height: 100%;
}
}