@charset "UTF-8";
@media screen and (min-width:1000px){ /* pc */

#contents h2 {
	width: 100%;
	max-width: 640px;
	margin: 0 auto 30px;
}
.contentsLink {
	display: table;
	width: 100%;
	max-width: 500px;
	margin: 0 auto 10px;
}
.contentsLink li {
	display: table-cell;
	text-align: right;
}
.contentsLink li:first-child {
	text-align: left;
}
.contentsLink li a {
	font-size: 24px;
	color: #3651a7;
}
.kv {
	width: 100%;
	max-width: 640px;
	margin: 0 auto 20px;
}

/* feature
-----------------------------------*/

#feature {
	margin: 0 0 10px;
}
#feature h3 {
	background: url(../images/company/business/oem/feature_bg.jpg) no-repeat top center;
	width: 100%;
	border: none;
	text-align: center;
	padding: 110px 0;
	margin: 0 0 10px;
	color: #FFFFFF;
	font-size: 50px;
}
.featureContents {
	padding: 40px 10px;
	color: #555;
	position: relative;
	height: 343px;
}
.featureContents .left {
	position: absolute;
	top: 50px;
}
.featureContents .right {
	position: absolute;
	left: 50%;
	top: 52px;
}
.featureContents .img {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.featureContents h4 {
	font-size: 40px;
	text-align: center;
	margin: 20px 0;
	width: 500px;
}
.featureContents .tx {
	text-align: center;
	width: 480px;
	font-size: 16px;
}
.feature01, 
.feature03, 
.feature05 {
	background: #f2f8ff;
}
.feature01 .left{
	top: 70px;
	padding: 0 10px;
	max-width: 480px;
}
.feature02 .right {
	top: 120px;
	padding: 0 10px;
	max-width: 480px;
}
.feature03 .left {
	top: 80px;
	padding: 0 10px;
	max-width: 480px;
}
.feature04 .right {
	top: 80px;
	padding: 0 10px;
	max-width: 480px;
}
.feature05 .left {
	top: 90px;
	padding: 0 10px;
	max-width: 480px;
}

/* flow
-----------------------------------*/

#flow h3 {
	background: url(../images/company/business/oem/flow_bg.jpg) no-repeat top center;
	width: 100%;
	border: none;
	text-align: center;
	padding: 110px 0;
	margin: auto;
	color: #FFFFFF;
	font-size: 50px;
}
.step {
	padding: 30px 0;
	text-align: center;
	border-bottom: #e5e5e5 1px solid;
	color: #555;
}
.step h4 {
	font-size: 16px;
	color: #3651a7;
}
.step h4 span {
	font-size: 20px;
	font-weight: bold;
}
.step .tx {
	max-width: 760px;
	margin: 0 auto;
	padding: 15px 0 0;
}
.step8 {
	border: none;
}
.step8 .img {
	display: table;
	width: 40%;
	max-width: 600px;
	margin: 0 auto;
}

.toggleSwitch{
	background: url(../images/company/business/oem/arrow_close.png) no-repeat center bottom;
	background-size: 24px;
	padding: 0 0 26px;
	cursor: pointer;
}
.toggleSwitch.active{
	background: url(../images/company/business/oem/arrow_open.png) no-repeat center bottom;
	background-size: 24px;
	padding: 0 0 26px;
	cursor: pointer;
}

/* contactLink
-----------------------------------*/
#contactLink{
    width: 100%;
    margin: 0 auto;
    text-align: center;
	width: 700px;
	margin: 0 auto;
}
#contactLink a{
    display: block;
    border: 2px solid #E5E5E5;
    padding: 26px 0;
}
#contactLink a:hover {
    border: 2px solid #ffaa93;
    color: #000;
}

}