/* *****************************************************************************
ENGLISH
***************************************************************************** */
body {
	background-color:#191919;
	color:#fff;
}
nav a {
	color:#fff;
}
nav li hr {
	border-top-color: #fff;;
}
#footer_nav a {
	color:#fff;
}

article {
	padding-top:130px;
	margin-bottom:200px;
}
article h1 {
	text-align:center;
	margin-bottom:60px;
	font-size:26px;
}
article section h1 {
	margin-bottom:35px;
}




/* *****************************************************************************
EN
***************************************************************************** */
#section_brand .inner,
#section_oem .section_body,
#section_workshop .section_body,
#section_instagram .section_body{
	width:625px;
	margin-left:auto;
	margin-right:auto;
}
#section_brand .inner p,
#section_oem .section_body p,
#section_workshop .section_body p,
#section_instagram .section_body p{
	margin-bottom:30px;
	line-height:1.9;
	text-align:justify;
	text-justify:inter-ideograph;
	hyphens: auto;
}
#section_instagram .section_body p{
	text-align:center;
}
#en article .btn_more a {
	border: solid 1px rgba(255,255,255,0.5);
	background-color: #191919;
	color: #fff;
}
#section_oem h1 ,
#section_workshop h1 {
	font-size:26px;
	text-align:left;
	border-bottom:solid 1px rgba(255,255,255,0.5);
	letter-spacing:0em;
	padding-bottom:7px;
}
article section#section_oem h1 ,
article section#section_workshop h1 {
	margin-bottom:25px;
}
#section_oem .section_header > img {
	width:100%;
}
/* *****************************************************************************
BRAND
***************************************************************************** */
#section_brand {
	margin-bottom:170px;
}



/* *****************************************************************************
OEM
***************************************************************************** */
#section_oem {
	margin-bottom:100px;
}
#section_oem .section_header {
	margin-bottom:150px;
}



/* *****************************************************************************
WORKSHOP
***************************************************************************** */
#section_workshop {
	margin-bottom:130px;
}
#section_contents #movie {
	margin-left: -27.3%;
	width: 154.7%;
}
#section_contents #movie video{
	width: 100%;
	margin-bottom: 0.7em;
}


/* *****************************************************************************
INSTAGRAM
***************************************************************************** */
#section_instagram p {
	background:url(/images/oem/arrow.png) center bottom no-repeat;
	padding-bottom:30px;
}


/* *****************************************************************************
WORKSHOP CONTENTS
***************************************************************************** */
#section_contents {
	width:475px;
	margin-left:auto;
	margin-right:auto;
}
#section_contents h1 {
	font-size:22px;
	text-align:left;
	border-bottom:solid 1px rgba(255,255,255,0.5);
	letter-spacing:0em;
	padding-bottom:7px;
}
article section#section_contents h1 {
	margin-bottom:45px;
}
#section_contents .subsection {
	margin-bottom:80px;
}
#section_contents .section_left {
	margin-bottom:37px;
}
#section_contents p {
	margin-bottom:22px;
}
#notice h1{
	font-size:1rem;
}
#notice ul {
	list-style-type:none;
}
#notice li {
	margin-bottom:40px;
}
#notice h2 {
	margin-bottom:26px;
	font-weight:normal;
	font-size:1rem;
}




/* *****************************************************************************
FLOW
***************************************************************************** */
#section_flow {
	padding-bottom:120px;
	margin-bottom:125px;
}
#section_flow .section_header {
	margin-bottom:100px;
}
#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(2) h2:after {
	content:'2';
}
#section_flow .subsection:nth-child(3) h2:after {
	content:'3';
}
#section_flow .subsection:nth-child(4) h2:after {
	content:'4';
}
#section_flow .subsection:nth-child(5) h2:after {
	content:'5';
}

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




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

モバイル

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





	/* *****************************************************************************
	EN
	***************************************************************************** */

	article {
		padding-top:18vw;
		margin-bottom:30vw;
	}
	article h1 {
		font-size:5vw;
		margin-bottom:10vw;
	}
	article section h1 {
		font-size:5vw;
		margin-bottom:5vw;
	}

	#section_brand .inner,
	#section_oem .section_body,
	#section_workshop .section_body,
	#section_instagram .section_body{
		width:85%;
		margin-left:auto;
		margin-right:auto;
		font-size:3vw;
	}
	#section_brand .inner p,
	#section_oem .section_body p,
	#section_workshop .section_body p,
	#section_instagram .section_body p{
		margin-bottom:6.6666vw;
	}
	article section#section_oem h1 ,
	article section#section_workshop h1 {
		font-size:4.3vw;
		padding-bottom:1vw;
		text-align:center;
		margin-bottom:4.6666vw;
	}

	#footer_nav ul {
		border-top: solid 1px rgba(255,255,255,0.5);
	}
	#footer_nav li {
		border-bottom: solid 1px rgba(255,255,255,0.5);
	}

	/* *****************************************************************************
	BRAND
	***************************************************************************** */
	#section_brand {
		margin-bottom:22vw;
	}



	/* *****************************************************************************
	OEM
	***************************************************************************** */
	#section_oem {
		margin-bottom:13.3333vw;
	}
	#section_oem .section_header {
		margin-bottom:20vw;
	}



	/* *****************************************************************************
	WORKSHOP
	***************************************************************************** */
	#section_workshop {
		margin-bottom:17.3333vw;
	}
	#section_contents #movie {
		margin-left: 0;
		width: 100%;
	}

	/* *****************************************************************************
	INSTAGRAM
	***************************************************************************** */
	#section_instagram .section_body p {
		background:url(/images/oem/arrow.png) center bottom no-repeat;
		background-size:2.9333vw 1.6vw;
		padding-bottom:1.8em;
		margin-bottom:1.8em;
	}


	/* *****************************************************************************
	WORKSHOP CONTENTS
	***************************************************************************** */
	#section_contents {
		width:85%;
	}
	#section_contents h1 {
		font-size:4vw;
		padding-bottom:1vw;
	}
	article section#section_contents h1 {
		margin-bottom:5.6vw;
		font-size:4.2vw;
		padding-bottom:1.333vw;
	}
	#section_contents .subsection {
		margin-bottom:10vw;
	}
	#section_contents .section_left {
		margin-bottom:5vw;
	}
	#section_contents p {
		margin-bottom:3vw;
	}
	#section_contents .subsection#notice h1{
		margin-bottom:9.33vw;
		padding-bottom:0.5vw;
		font-size:3vw;
	}
	#notice li {
		margin-bottom:8vw;
	}
	#notice h2 {
		margin-bottom:3vw;
		font-size:3vw;
	}
	#section_contents .section_left img {
		width:100%;
	}

	/* *****************************************************************************
	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:4vw;
		padding-bottom:0.5vw;
		margin-bottom:3vw;
	}
	#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:3vw;
	}



}