@charset "UTF-8";

/* mv */
#mv { height:500px; }
main .bg { padding-bottom:80px; }

/* Tw 20210107追記 */
#Tw { padding-bottom:80px; }
#Tw .inner { width:680px; margin:auto; }
#Tw .inner iframe { border:2px solid #1da1f2 !important; border-radius:10px; }

/* policy */
#policy { border-top:2px solid #fcf7ed; }
#policy .inner             { width:680px; }
#policy p:not(:last-child) { margin-bottom:20px; }
#policy p:last-child       { margin-top:40px; }
#policy .btn               { margin:auto; }

/* oem */
#oem img { display:block; margin:auto; }
#oem { position:relative; }
#oem::before {
	content:"";
	background:url(../img/border.svg) repeat-x;
	width:100%; height:10px;
	position:absolute; left:0; top:0;
}
#oem::after {
	content:"";
	background:url(../img/border.svg) repeat-x;
	width:100%; height:10px;
	position:absolute; left:0; bottom:0;
}

#oem { background:#64aae6; padding-bottom:80px; }
#oem h3,
#oem h3 span { color:#FFF; }
#oem p       { margin-bottom:30px; text-align:center; color:#FFF; }
#oem p:last-child { margin:0; }

#oem .flow {  }
#oem .flow h3 { border-top:2px dashed #FFF; padding-top:60px; margin-top:60px; }
#oem .flow ol { display:flex; justify-content:space-between; padding:0; list-style:none; margin-bottom:40px; }
#oem .flow li { background:#FFF; width:225px; padding:2px; margin:0; }
#oem .flow h4 {
	display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
	background:url(../img/flow01.jpg) no-repeat top center / cover;
	width:221px; height:221px; padding:50px 0; color:#FFF; font-size:1.4em;
}
#oem .flow li:nth-child(2) h4 { background:url(../img/flow02.jpg) no-repeat top center / cover; }
#oem .flow li:nth-child(3) h4 { background:url(../img/flow03.jpg) no-repeat top center / cover; }
#oem .flow li:nth-child(4) h4 { background:url(../img/flow04.jpg) no-repeat top center / cover; }

#oem .flow h4::before {
	content:"01";
	background:#FFF; border-radius:50%; width:60px; height:60px;
	font-size:1.35em; color:#64aae6; text-align:center; line-height:60px;
}
#oem .flow li:nth-child(2) h4::before { content:"02"; }
#oem .flow li:nth-child(3) h4::before { content:"03"; }
#oem .flow li:nth-child(4) h4::before { content:"04"; }
#oem .flow h4 span { width:100%; text-align:center; line-height:1em; }
#oem .flow li p    { color:#000; padding:15px; text-align:justify; }

#oem .btn         { margin:auto; }
#oem .btn         { background:#FFF; color:#64aae6; }
#oem .btn::after { background:url(../img/btnArrow02.svg) no-repeat; }

/* original */
#original ul { padding:0; }
#original li { width:306px; background:#FFF; padding:15px; margin-bottom:20px; border:2px solid #64aae6; }
#original li img { display:block; width:100%; margin-bottom:15px; }
#original li dl  { display:flex; justify-content:flex-start; }
#original li dt  {
	width:66px; height:30px; background:#e6a05a; border-radius:15px;
	color:#FFF; font-size:0.9em; font-weight:bold; text-align:center; line-height:30px;
	margin-right:10px;
}
#original li dd { width:196px; font-weight:bold; padding:2px 0; }
#original .btn { width:100%; }

/* wholesale */
#wholesale h3 + p { text-align:center; margin-bottom:40px; }
#wholesale .flexBox { width:660px; margin:auto; }
#wholesale .key a { display:flex; justify-content:center; align-items:center; }
#wholesale .key a::before {
	content:""; background:url(../img/iconKey.svg) no-repeat top center / contain;
	width:18px; height:20px; margin-right:10px;
}