/* *****************************************************************************
OEM
***************************************************************************** */
article {
	padding-top:110px;
	margin-bottom:200px;
}
article h1 {
	text-align:center;
	margin-bottom:60px;
}
article section h1 {
	margin-bottom:75px;
}



/* *****************************************************************************
FLOW
***************************************************************************** */
#section_flow {
	background-color:#191919;
	color:#fff;
	padding-bottom:120px;
	margin-bottom:125px;
}
#section_flow .section_header {
	margin-bottom:100px;
	min-height:45.573vw;
}
#section_flow .section_header img {
	width:100%;
}
#section_flow .subsection {
	width:465px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/oem/arrow.png) center bottom no-repeat;
	padding-bottom:38px;
	margin-bottom:30px;
}
#section_flow .subsection:last-child {
	background:none;
	padding-bottom:0px;
}
#section_flow .subsection h2 {
	border-bottom:solid 1px rgba(255,255,255,0.5);
	font-size:21px;
	padding-bottom:3px;
	margin-bottom:20px;
	font-weight:normal;
	text-align:center;
	position:relative;
}
#section_flow .subsection h2:before {
	content:'STEP';
	position:absolute;
	bottom:10px;
	left:0px;
	font-family: 'Barlow', sans-serif;
	font-size:11px;
	line-height:1;
}
#section_flow .subsection h2:after {
	content:'1';
	position:absolute;
	bottom:8px;
	left:35px;
	font-family: 'Barlow', sans-serif;
	font-size:20px;
	line-height:1;
}
#section_flow .subsection:nth-child(4) h2:after {
	content:'2';
}
#section_flow .subsection:nth-child(5) h2:after {
	content:'3';
}
#section_flow .subsection:nth-child(6) h2:after {
	content:'4';
}
#section_flow .subsection:nth-child(7) h2:after {
	content:'5';
}

#section_flow .subsection p {
	font-size:0.875rem;
	line-height:1.9;
}



/* *****************************************************************************
ポートフォリオ
***************************************************************************** */
#section_portfolio {
	margin-bottom:135px;
}
article section#section_portfolio h1 {
	margin-bottom:60px;
}
#section_portfolio .section_header {
	margin-bottom:105px;
}
#section_portfolio .section_header img{
	width:100%;
}
#section_portfolio .section_body{
	width:864px;
	margin-left:auto;
	margin-right:auto;
}
#section_portfolio h1{
	text-align:center;
	margin-bottom:50px;
}
#section_portfolio ul {
	list-style-type:none;
}
#section_portfolio li {
	float:left;
	width:268px;
	margin-right:30px;
	margin-bottom:45px;
}
#section_portfolio li:nth-child(3n) {
	margin-right:0px;
}
#section_portfolio li img{
	width:100%;
}
#section_portfolio a {
	display:block;
	color:#333;
}
#section_portfolio  span{
	display:block;
}
#section_portfolio .entry_thumbnail {
	margin-bottom:7px;
}
#section_portfolio .btn_more {
	padding-top:15px;
}


/* *****************************************************************************
ポートフォリオ オーバレイ
***************************************************************************** */
#overlay {
	display:none;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.95);
	position:fixed;
	top:0px;
	left:0px;
	z-index:20000;
}
#overlay1 {
	width:100%;
	height:100%;
	display:table;
}
#overlay2 {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
#overlay3 {
	display:inline-block;
	width:736px;
	height:680px;
	position:relative;
}
#overlay3 ul {
	list-style-type:none;
}
#overlay3 ul li{
	position:absolute;
	top:0px;
	left:0px;
}
#overlay3 ul li img{
	width:100%;
	height:auto;
}

#overlay .btn_close {
	position:absolute;
	top:-42px;
	right:0px;
}



/* *****************************************************************************
********************************************************************************

モバイル

********************************************************************************
***************************************************************************** */
@media screen and (max-width: 750px)  {
	article {
		padding-top:15vw;
		margin-bottom:30vw;
	}
	article h1 {
		margin-bottom:8vw;
	}
	article section h1 {
		margin-bottom:10vw;
	}



/* *****************************************************************************
FLOW
***************************************************************************** */
	#section_flow {
		padding-bottom:15vw;
		margin-bottom:15vw;
	}
	#section_flow .section_header {
		margin-bottom:12vw;
		min-height:0vw;
		min-height:initial;
	}
	#section_flow .subsection {
		width:85%;
		background:url(/images/oem/arrow.png) center bottom no-repeat;
		background-size:2.9333vw 1.6vw;
		padding-bottom:8vw;
		margin-bottom:6vw;
	}
	#section_flow .subsection h2 {
		font-size:4.25vw;
		padding-bottom:0.7vw;
		margin-bottom:5vw;
	}
	#section_flow .subsection h2:before {
		bottom:2.5vw;
		font-size:2.4vw;
	}
	#section_flow .subsection h2:after {
		content:'1';
		bottom:2.2vw;
		left:7vw;
		font-size:4vw;
	}
	#section_flow .subsection p {
		font-size:2.9vw;
	}


	/* *****************************************************************************
	ポートフォリオ
	***************************************************************************** */
	#section_portfolio {
		margin-bottom:18vw;
	}
	article section#section_portfolio h1 {
		margin-bottom:8vw;
	}
	#section_portfolio .section_header {
		margin-bottom:14vw;
	}
	#section_portfolio .section_body{
		width:85%;
	}
	#section_portfolio h1{
		margin-bottom:6vw;
	}
	#section_portfolio li {
		float:left;
		width:47.5%;
		margin-right:0px;
		margin-bottom:6vw;
	}
	#section_portfolio li:nth-child(2n) {
		float:right;
	}
	#section_portfolio .entry_thumbnail {
		margin-bottom:1vw;
	}
	#section_portfolio .entry_thumbnail img{
		width:100%;
	}
	#section_portfolio .btn_more {
		padding-top:2vw;
	}


	/* *****************************************************************************
	ポートフォリオ オーバレイ
	***************************************************************************** */
	#overlay3 {
		display:inline-block;
		width:85vw;
		height:78.5vw;
	}
	#overlay3 li img {
		width:100%;
	}
	#overlay .btn_close {
		position:absolute;
		top:-9vw;
		right:0px;
		height:4.13333vw;
		width:4.13333vw;
	}
	#overlay .btn_close img{
		height:4.13333vw;
		width:4.13333vw;
	}


}