@charset "UTF-8";

/*
BIOTECH BAY. CSS
Author: Kazuya Tahara(Hdj)
Version: 260902
*/


/*-----------------------------------------------
 __Oem
-----------------------------------------------*/
body {
	background:url(../refer/bg_body_oem.png) repeat-x 0 0;
}
#Wrapper,#Content{
	width: auto;
}
#HEADER{
	margin-left: auto;
	margin-right: auto;
}
#Navi{
	position: static;
	margin-left: auto;
	margin-right: auto;
}
#Content{
	padding-top: 0;
}
#Navi li.NavOem a{
	color: #FFF;
	text-shadow: none;
	cursor: default;
	background:url(../refer/bg_nav_oem.png) no-repeat 0 -50px;
	background-size: 190px;
}

.fade-up {
  opacity: 0;
  transform: translateY(60px);
/*  transition: opacity 0.8s ease, transform 0.8s ease;*/
  transition:  transform 0.8s ease;
}

.fade-up.is-show {
  opacity: 1;
  transform: translateY(0);
}

#Oem .Box section{
	width: 1200px;
	padding-top: 120px;
	padding-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#Oem .Box section * {
	padding-left: 0;
	padding-right: 0;
}
#Oem .SloganBox{
	color: #006796;
	font-size: 20px;
	background: url(../refer/bg_oem.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#Oem .SloganBox section{
	padding-top: 20px;
}
#Oem .SloganBox .Nav{
	display: flex;
	margin-bottom: 80px;
}
#Oem .SloganBox .Nav li{
	color: #006796;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #006796;
}
#Oem .SloganBox .Nav li a{
	display: block;
	color: #006796;
	font-size: 14px;
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	border-radius: 4px;
}
#Oem .SloganBox .Nav li a:hover{
	background-color: rgba(0, 103, 150,0.1);
}
#Oem .SloganBox .Slogan{
	font-size: 48px;
	font-weight: bold;
}
#Oem .SloganBox .Exam{
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 30px;
}
#Oem .SloganBox .BtInq{
	display: inline-block;
	width: 15em;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	padding-bottom: 0;
}
#Oem .SloganBox .BtInq a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: #006796;
	border-radius: 5px;
}
#Oem .SloganBox .BtInq a:hover{
	background-color: rgba(0, 103, 150,0.8);
}
#Oem .ServiceBox{
	background: #FFF url(../refer/ic_oem_service.png) no-repeat 50% 0;
	background-size: 250px;
	padding-bottom: 120px;
}
#Oem .ServiceBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #FFF;  /* むらさき */ 
  border-bottom: 40px solid #FFF;  /* むらさき */ 
}

#Oem .ServiceBox h1{
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .ServiceBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#Oem .ServiceBox .Service{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Oem .ServiceBox .Service li{
	box-sizing: border-box;
	width: 32%;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 5px;
	background: url(../refer/ic_oem_red.png) no-repeat 4px 4px;
	background-size: 15px;
	box-shadow: 0 0 10px rgba(0, 133, 195,0.4);
}
#Oem .ServiceBox .Service li strong{
	display: block;
	color: #0085c3;
  margin-bottom: 15px;
  font-size: 21px;
	}
	#Oem .StrongBox{
		background:#e0ecfb url(../refer/ic_oem_strong.png) no-repeat 50% 0;
		background-size: 240px;
		padding-bottom: 120px;
}
#Oem .StrongBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #e0ecfb;  /* むらさき */ 
  border-bottom: 40px solid #e0ecfb;  /* むらさき */ 
}

	#Oem .StrongBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .StrongBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#Oem .StrongBox .StrongPoint{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Oem .StrongBox .StrongPoint li{
	box-sizing: border-box;
	width: 49%;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 20px;
  background: rgba(248, 248, 248,1.0) url(../refer/ic_oem_orange.png) no-repeat 4px 4px;
	background-size: 15px;
	box-shadow: 0 0 10px rgba(0, 133, 195,0.2);
	border-radius: 5px;
}
#Oem .StrongBox .StrongPoint li strong{
	display: block;
	color: #0085c3;
  margin-bottom: 15px;
  font-size: 18px;
}
#Oem .WorriesBox{
	background: #FFF url(../refer/ic_oem_worries.png) no-repeat 50% 0;
	background-size: 250px;
	padding-bottom: 120px;
}
#Oem .WorriesBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #FFF;  /* むらさき */ 
  border-bottom: 40px solid #FFF;  /* むらさき */ 
}

#Oem .WorriesBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .WorriesBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .WorriesBox .Worries{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	background-color: rgba(255, 255, 255,0.1);
}
#Oem .WorriesBox .Worries li{
	box-sizing: border-box;
	width: 31%;
	font-size: 20px;
	font-weight: bold;
	color: #0085c3;
	margin-right: 2%;
	margin-bottom: 20px;
	padding: 30px;
	border-radius: 5px;
	background: url(../refer/ic_oem_pink.png) no-repeat 4px 4px;
	background-size: 15px;
	box-shadow: 0 0 10px rgba(0, 133, 195,0.2);
}
#Oem .EquipmentBox{
	background: #e0ecfb url(../refer/ic_oem_equipment.png) no-repeat 50% 0px;
	background-size: 500px;
}
#Oem .EquipmentBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #e0ecfb;  /* むらさき */ 
  border-bottom: 40px solid #e0ecfb;  /* むらさき */ 
}
#Oem .EquipmentBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .EquipmentBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .EquipmentBox .Equipment{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Oem .EquipmentBox .Equipment li{
	box-sizing: border-box;
	width: 32%;
	font-size: 16px;
	padding: 30px;
	margin-bottom: 20px;
	background-color: #FFF;
	border-radius: 5px;
	background:#FFF url(../refer/ic_oem_green.png) no-repeat 4px 4px;
	background-size: 15px;
	box-shadow: 0 0 10px rgba(0, 133, 195,0.2);
}
#Oem .EquipmentBox .Equipment li strong{
	display: block;
	color: #0085c3;
  margin-bottom: 15px;
  font-size: 21px;
	}
#Oem .FlowBox{
	background: #FFF url(../refer/ic_oem_flow.png) no-repeat 50% 0;
	background-size: 400px;
	padding-bottom: 120px;
}
#Oem .FlowBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #FFF;  /* むらさき */ 
  border-bottom: 40px solid #FFF;  /* むらさき */ 
}

#Oem .FlowBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .FlowBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .FlowBox .Flow{
	display: flex;
	justify-content: space-between;
}
#Oem .FlowBox .Flow li{
	box-sizing: border-box;
	width: 24%;
	font-size: 16px;
	padding: 30px 15px;
	background: #FFF url(../refer/ic_oem_blue.png) no-repeat 4px 4px;
	background-size: 15px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 133, 195,0.2);
	position: relative;
}
#Oem .FlowBox .Flow li::after{
	width: 30px;
	height: 50px;
	content: "";
	background: url(../refer/ic_oem_flow02.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	right: -24px;
	top: 37%;
	z-index: 100;
}
#Oem .FlowBox .Flow li:last-child:after{
	display: none;
}
#Oem .FlowBox .Flow li .Num{
	display: block;
	font-size: 30px;
  font-weight: bold;
  color: #007da8;
	text-align: center;
}
#Oem .FlowBox .Flow li strong{
	display: block;
	font-size: 18px;
  font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#Oem .QualityBox{
	background: #e0ecfb url(../refer/ic_oem_quality.png) no-repeat 50% 0;
	background-size: 350px;
}
#Oem .QualityBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #e0ecfb;  /* むらさき */ 
  border-bottom: 40px solid #e0ecfb;  /* むらさき */ 
}
#Oem .QualityBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .QualityBox .Lead{
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .QualityBox .Exam{
	width: 900px;
	font-size: 24px;
	line-height: 1.8;
	margin:0 auto 30px;
}
#Oem .InqBox{
	color: #FFF;
	background: #00a1d7 url(../refer/ic_oem_inq.png) no-repeat 50% 0;
	background-size: 140px;
}
#Oem .InqBox::before{
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: -80px;
  border-top: 40px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #00a1d7;  /* むらさき */ 
  border-bottom: 40px solid #00a1d7;  /* むらさき */ 
}

#Oem .InqBox h2{
	height: auto;
	font-size: 44px;
	text-align: center;
	margin-bottom: 20px;
}
#Oem .InqBox .Lead{
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .InqBox .BtInq{
	width: 260px;
	text-align: center;
	padding-bottom: 0;
	margin: 0 auto 30px;
	background-color: #FFF;
	border-radius: 5px;
}
#Oem .InqBox .BtInq a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #005579;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-radius: 5px;
}
#Oem .InqBox .Exam{
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 30px;
}
#Oem .FootBox{
	color: #FFF;
	background-color: #00a1d7;
}
#Oem .FootBox section{
	padding-top: 20px;
	padding-bottom: 20px;
}
#Oem .FootBox .Copy,
#Oem .FootBox .Privacy{
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
}
#Oem .FootBox .Privacy a{
	color: #FFF;
	text-decoration: underline;
}
#Oem .FootBox .PageTop{
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	font-size: 1px;
	text-indent: -9999px;
	padding: 0;
	background: #006796 url(../refer/ic_oem_pagetop.png) no-repeat 50% 50%;
	background-size: 16px;
	position: fixed;
	right: 40px;
	bottom: 40px;
}
#Oem .FootBox .PageTop a{
	display: block;
	width: 100%;
	height: 100%;
}
#Oem .FootBox .PageTop a:hover{
	background-color: rgba(255, 255, 255,0.2);
}