@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------
Reset
----------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { margin: 0; padding: 0; }
img { max-width: 100%; width: auto; height: auto; vertical-align: bottom; }

html { font-size: 100%; }
body { color: #251e1c; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; -webkit-text-size-adjust: 100%; }
a { color: #000; text-decoration: none; }

#Container { overflow: hidden; }
#Contents {  }
.inner {  }
br.tb,br.sp { display: none; }
img.sp { display: none; }

/*-----------------------------------------------------
Header
----------------------------------------------------- */
header .inner { max-width: 990px; width: 95%; margin: auto; display: flex; justify-content: space-between; align-items: flex-end; padding: 20px 0 25px 0; position: relative; }
header h1 { max-width: 267px; width: 27%; }
header ul { display: flex; justify-content: space-around; font-size: 0.750em; }
header nav ul li { margin: 0 15px; }
header nav a { color: #666666; display: block; }
header p { font-size: 0.938em; text-align: center; line-height: 1.5em; }
header p strong { font-size: 1.125rem; }
header p span { color: #251e1c; font-size: 1.875rem; font-family: urw-din-condensed, sans-serif; font-weight: 600; font-style: normal; }
header p span::before { content: ""; display: inline-block; width: 17px; height: 22px; background: url(../images/ic_tel01.png) no-repeat; background-size: 100% auto; margin-right: 5px; vertical-align: 0.05em; }
header p span::after { content: "（代）"; font-size: 1.063rem; }
header #Menu { display: none; }


/*-----------------------------------------------------
footer
----------------------------------------------------- */
footer ul { display: flex; justify-content: center; margin-top: 25px; }
footer ul li { margin: 0 20px; font-size: 0.750em; }
footer p { text-align: center; margin-top: 45px; line-height: 1.5em; font-size: 0.750em; }
footer p strong { font-size: 1.125rem; }
footer p span { font-size: 0.938rem; }
footer p.copy { background: #ea5504; color: #FFF; text-align: center; padding: 20px 0; margin-top: 20px; }


/*-----------------------------------------------------
Mainvisual
----------------------------------------------------- */
#MainVisual { background: #fae76a; padding: 70px 0; }
#MainVisual .inner { max-width: 1280px; width: 100%; margin: auto; }
#MainVisual p { font-size: 1.250em; text-align: center; line-height: 1.5em; font-weight: bold; }


/*-----------------------------------------------------
Contact
----------------------------------------------------- */
.contact { background: #fae76a; text-align: center; }
.contact .inner { max-width: 960px; width: 95%; margin: auto; padding: 30px 0; background: url(../images/img_contact02.png) no-repeat right bottom; background-size: 148px auto; }
.contact .sttl { color: #ea5504; font-size: 1.438em; }
.contact .sttl::before { content: ""; display: inline-block; width: 18px; height: 19px; background: url(../images/ttl_deco03.png); background-size: 100% auto; margin-right: 5px; }
.contact .sttl::after { content: ""; display: inline-block; width: 18px; height: 19px; background: url(../images/ttl_deco03.png); background-size: 100% auto; transform: rotateY(180deg); }
.contact .ttl { background: #FFF; font-size: 1.563em; display: table; margin: 20px auto 0 auto; padding: 15px 1.5em; border-radius: 25px; }
.contact .tel { margin-top: 25px; color: #251e1c; font-size: 2.813em; font-family: urw-din-condensed, sans-serif; font-weight: 600; font-style: normal; }
.contact .tel::before { content: ""; display: inline-block; width: 45px; height: 45px; background: url(../images/ic_tel02.png) no-repeat; background-size: 100% auto; vertical-align: -0.1em; margin-right: 15px; }
.contact .tel::after { content: "（代）"; font-size: 1.563rem; }
.contact .tel a { cursor: default; }
.contact .btn a { width: 242px; height: 49px; display: flex; justify-content: center; align-items: center; background: #ea5504; border-radius: 25px; color: #FFF; margin: 15px auto 0 auto; }


/*-----------------------------------------------------
Lead
----------------------------------------------------- */
#Lead { max-width: 850px; width: 95%; margin: 0 auto; }
#Lead > p { font-size: 1.063em; line-height: 1.5em; margin: 55px auto 0 auto; display: table; }
#Lead .contact { background: url(../images/img_contact01.png) no-repeat right bottom #FFF; background-size: 199px auto; margin-top: 80px; padding-bottom: 50px; }
#Lead .contact .ttl { border: 4px solid #f7931e; }


/*-----------------------------------------------------
Solution
 ----------------------------------------------------- */
.head { background: #f7931e; text-align: center; position: relative; }
tion: .3s; }
.head::after { content: ""; display: block; width: 147px; height: 61px; background: url(../images/bg_dekirukoto02.png); background-size: 100% auto; position: absolute; bottom: -60px; left: 0; right: 0; margin: auto; }
.head .inner { max-width: 1070px; width: 95%; margin: 0 auto; background: url(../images/bg_dekirukoto01.png) no-repeat right bottom; background-size: 145px auto; padding: 60px 0 55px 0; opacity: 0; visibility: hidden; transform: translateY(50px); }
.head h2 { font-size: 3.063em; color: #FFF; }
.head h2 strong { font-size: 3.563rem; }
.head .inner.move { opacity: 1; visibility: visible; transform: translateY(0); transition: .5s ease-in-out; }

#Solution ul { display: flex; justify-content: center; flex-wrap: wrap; max-width: 500px; width: 100%; margin: 30px auto 0 auto; position: relative; }
#Solution ul::before { content: ""; display: inline-block; width: 45px; height: 77px; background: url(../images/ttl_deco02.png) no-repeat; background-size: 100% auto; position: absolute; bottom: 0; left: 0; }
#Solution ul::after { content: ""; display: inline-block; width: 45px; height: 77px; background: url(../images/ttl_deco01.png) no-repeat; background-size: 100% auto; position: absolute; bottom: 0; right: 0; }
#Solution ul li { width: 155px; height: 53px; background: #FFF; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 0 7px; font-size: 1.625em; color: #ea5504; }
#Solution ul li:last-child { width: 100%; height: auto; background: none; color: #000; font-size: 1.875rem; margin-top: 25px; }

h3 { font-size: 2.313rem; text-align: center; }
#Success h3 { opacity: 0; visibility: hidden; transform: translateY(50px); }
#Success h3.move,#Success .column.move { opacity: 1; visibility: visible; transform: translateY(0px); transition: .5s ease-in-out;  }
h3 strong { color: #ea5504; font-size: 3.063rem; }
h3 .large { font-size: 3.688rem; display: inline-block; margin: 0 0.15em; }
#Success { margin: 140px auto 0 auto; max-width: 985px; width: 95%; }
#Success > h4 { font-size: 1.875em; text-align: center; margin-top: 100px; }
#Success > .img { margin-top: 30px; }
#Success .flex { display: flex; justify-content: space-between; }
#Success .column { border: 2px solid #ea5504; border-radius: 15px; width: 32%; box-sizing: border-box; padding: 25px 10px 0 10px; counter-increment: num; margin-top: 50px; display: flex; flex-direction: column; justify-content: flex-start; opacity: 0; visibility: hidden; transform: translateY(50px); }
#Success .column .img { margin: auto 0 0 0; }
#Success .column h4 { color: #ea5504; text-align: center; font-size: 1.188em; }
#Success .column h4::before { content: counter(num); font-size: 2.875rem; display: block; margin-bottom: 30px; }
#Success .column p { color: #333333; line-height: 1.5em; margin: 30px auto 0 auto; width: 95%; }

#Work { max-width: 1110px; width: 100%; margin: 140px auto 0 auto; background: #fae76a; padding: 70px 5.4%; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; }
#Work::before { content: ""; display: block; width: 314px; height: 189px; position: absolute; background: url(../images/img_work01.png) no-repeat; background-size: 100% auto; right: 20px; top: -150px; }
#Work h3 { text-align: center; width: 100%; }
#Work h3 + p { text-align: center; margin-top: 60px; font-size: 1.563em; width: 100%; }
#Work .column { max-width: 473px; width: 48%; min-height: 270px; box-sizing: border-box; background: #FFF; border-radius: 20px; margin-top: 30px; counter-increment: work; padding: 20px 0 30px 0; position: relative; }
#Work .column h4 { font-size: 1.625em; text-align: center; }
#Work .column h4::before { content: counter(work); display: block; color: #ea5504; font-size: 2.875rem; margin-bottom: 25px; }
#Work .column p { margin-left: 8%; color: #333333; font-size: 1.063em; line-height: 1.5em; margin-top: 20px; padding-right: 125px; }
#Work .column p::before { content: ""; display: block; position: absolute; background-size: 100% auto; background-repeat: no-repeat; }
#Work .column:nth-child(3) p::before { width: 131px; height: 128px; background-image: url(../images/img_work02.png); bottom: 0; right: 15px; }
#Work .column:nth-child(4) p::before { width: 59px; height: 78px; background-image: url(../images/img_work03.png); bottom: 15%; right: 5%; }
#Work .column:nth-child(5) p::before { width: 112px; height: 112px; background-image: url(../images/img_work04.png); bottom: 6%; right: 6%; }
#Work .column:nth-child(6) p::before { width: 132px; height: 102px; background-image: url(../images/img_work05.png); bottom: 9%; right: 15px; }
#Work .column:nth-child(7) p::before { width: 108px; height: 77px; background-image: url(../images/img_work06.png); bottom: 17%; right: 10px; }
#Work .column:nth-child(8) p::before { width: 51px; height: 59px; background-image: url(../images/img_work07.png); bottom: 24%; right: 25px; }
#Work .column:nth-child(9) p::before { width: 68px; height: 88px; background-image: url(../images/img_work08.png); bottom: 15%; right: 20px; }
#Work .column:nth-child(10) p::before { width: 64px; height: 75px; background-image: url(../images/img_work09.png); bottom: 16%; right: 45px; }
#Work .column:nth-child(11) p::before { width: 80px; height: 86px; background-image: url(../images/img_work10.png); bottom: 15%; right: 20px; }
#Work .column:nth-child(12) p::before { width: 81px; height: 112px; background-image: url(../images/img_work11.png); bottom: 10%; right: 25px; }

#Tool { max-width: 760px; width: 95%; margin: 0 auto 0 auto; padding: 90px 0 50px 0; }
#Tool h2,#Performance h2,#Flow h2 { font-size: 1.875em; text-align: center; }
#Tool h2::after,#Performance h2::after,#Flow h2::after { content: ""; display: block; width: 100px; height: 3px; background: #ea5504; margin: auto; margin-top: 20px; }
#Tool .flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
#Tool .flex .column { max-width: 320px; width: 42%; margin-top: 100px; position: relative; }
#Tool .flex .column:first-child,#Tool .flex .column:nth-child(2) { margin-top: 60px; }
#Tool .flex .column .img { width: 102px; margin: auto; }
#Tool h3 { font-size: 1.438rem; margin-top: 20px; }
#Tool p { color: #333; font-size: 0.875em; line-height: 1.5em; margin-top: 25px; }
#Tool .flex .column .img::before { content: ""; display: block; position: absolute; width: 445px; height: 328px; background-image: url(../images/tip01.png); background-size: 100% auto; opacity: 0; visibility: hidden; transition: .5s; left: -20%; top: -135%; }
#Tool .flex .column:nth-child(2) .img::before { background-image: url(../images/tip02.png); }
#Tool .flex .column:nth-child(3) .img::before { background-image: url(../images/tip03.png); }
#Tool .flex .column:nth-child(4) .img::before { background-image: url(../images/tip04.png); }
#Tool .flex .column:nth-child(5) .img::before { background-image: url(../images/tip05.png); }
#Tool .flex .column:nth-child(6) .img::before { background-image: url(../images/tip06.png); }
#Tool .flex .column:nth-child(7) .img::before { background-image: url(../images/tip07.png); }
#Tool .flex .column:nth-child(8) .img::before { background-image: url(../images/tip08.png); }
#Tool .flex .column .img:hover::before { opacity: 1; visibility: visible; }

#Performance { padding-top: 80px; max-width: 990px; width: 95%; margin: auto; }
#Performance h3 { font-size: 1.250rem; margin-top: 85px; color: #000; }
#Performance h4 { margin-top: 65px; text-align: center; color: #000; } 
#Performance p { max-width: 600px; margin: auto; font-size: 0.875em; line-height: 1.5em; margin-top: 50px; }
#Performance hr { border: none; color: none; background: url(../images/bg_hr.png) center; background-size: 990px auto; max-width: 990px; width: 100%; height: 1px; margin: 100px auto 0 auto; }
#Performance .img { max-width: 850px; width: 100%; margin: 45px auto 0 auto; }

#Flow { max-width: 990px; width: 95%; padding: 100px 0 65px 0; margin: 100px auto 0 auto; background: url(../images/bg_hr.png) no-repeat top center; background-size: 100% auto; }
#Flow ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
#Flow ul li { width: 30%; border: 1px solid #ea5504; border-radius: 13px; box-sizing: border-box; margin-top: 50px; min-height: 175px; font-size: 0.875em; padding: 35px 15px 15px 15px; line-height: 1.5em; background: #FFF; position: relative; }
#Flow ul li strong { font-weight: bold; color: #333; display: block; text-align: center; font-size: 1.250rem; margin-bottom: 15px; }
#Flow ul li:nth-child(3n+1)::after,#Flow ul li:nth-child(3n+2)::after { content: ""; display: block; width: 19%; height: 35px; background: url(../images/ic_arrow.png) no-repeat center; background-size: 100% auto; position: absolute; right: -19%; top: 42%; z-index: 2; }
#Flow ul li:nth-child(3n)::after { content: ""; display: block; width: 200%; height: 4px; background: #999; position: absolute; left: -195%; bottom: -50px; transform: rotate(-15deg); z-index: -1; }
#Flow ul li:last-child::after { display: none; }

@media screen and (max-width: 1024px) {
	#Tool .flex .column .img:hover::before { opacity: 0; visibility: hidden; }
}

@media screen and (max-width: 960px) {
	br.tb { display: inline-block; }
/*-----------------------------------------------------
Header
----------------------------------------------------- */
	header .inner { width: 100%;  }
	header h1 { margin-left: 2.5%; }
	header nav ul li { margin: 0 8px; }
	header p { font-size: 0.875rem; }
	header p strong { font-size: 1.000rem; }
	header p a { font-size: 1.500rem; }
	header p a::before { width: 13px; height: 18px; }
	
/*-----------------------------------------------------
Contact
----------------------------------------------------- */
	.contact .ttl { line-height: 1.3em; }

/*-----------------------------------------------------
Solution
----------------------------------------------------- */
	.head h2 strong { display: block; line-height: 1.3em; }
	#Work { max-width: 1110px; padding: 70px 2.5%; }
	
	#Work .column p { font-size: 0.938rem; }
	
}

@media screen and (max-width: 768px) {
	img.sp { display: block; }
	img.pc { display: none; }
	br.sp { display: inline-block; }
	br.pc { display: none; }
	
/*-----------------------------------------------------
Header
----------------------------------------------------- */
	header .inner { padding: 15px 0 15px 0; }
	header h1 { margin-left: 2.5%; max-width: 165px; width: 165px; }
	header nav { background: #ea5504; z-index: 4; width: 100%; height: 100vh; position: absolute; top: 60px; left: 0; transform: translateX(101%); transition: 0.3s; align-items: center; text-align: left; }
	header ul { flex-direction: column; justify-content: flex-start; font-size: 1.000rem; text-align: center; height: 100%; margin-top: 50px; }
	header ul li a { color: #FFF; display: block; padding: 5px; }
	header ul li + li { margin-top: 20px; }
	header p { display: none; }
	header #Menu { display: block; width: 60px; height: 100%; position: absolute; top: 0; right: 0; background: #ea5504; }
	header #Menu span { transition: all 0.3s; width: 25px; height: 1px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #fff; }
	header #Menu span:nth-of-type(1) { transform: translateY(-10px) scale(1); }
	header #Menu span:nth-of-type(2) { background: none; }  
    header #Menu span:nth-child(2)::before, header #Menu span:nth-child(2)::after { transition: all 0.3s; content: ""; width: 25px; height: 1px; background: #fff; display: block; transform: rotate(0deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
	header #Menu span:nth-of-type(3){ transform: translateY(10px) scale(1); }
	header.active #Menu span,header #Menu span:nth-child(2)::before, header.active #Menu span:nth-child(2)::after { background: #FFF; }
	header.active #Menu span:nth-of-type(1) { transform: translateY(0px) scale(0); }
	header.active #Menu span:nth-of-type(3) { transform: translateY(0px) scale(0); }
	header.active #Menu span:nth-of-type(2) { background: #ea5504; }
 	header.active #Menu span:nth-of-type(2)::before { transform: rotate(45deg); }
    header.active #Menu span:nth-of-type(2)::after { transform: rotate(-45deg); }
	header.active nav { transform: translateX(0); transition: 0.5s; }
	
	footer ul { display: none; }
	footer p { margin-top: 25px; }
	

/*-----------------------------------------------------
Mainvisual
----------------------------------------------------- */
	#MainVisual { padding: 30px 0; }
	#MainVisual p { font-size: 0.813rem; }
	
/*-----------------------------------------------------
Contact
----------------------------------------------------- */
	.contact .inner { padding: 30px 0 225px 0; background: url(../images/img_contact02_sp.png) no-repeat center bottom; background-size: 185px auto; }
	.contact .sttl { font-size: 1.250rem; }
	.contact .ttl { font-size: 1.188rem; margin: 10px auto 0 auto; padding: 15px 0; max-width: 350px; width:95%; }
	.contact .tel { margin-top: 15px; font-size: 2.625rem; }
	.contact .tel::before { width: 42px; height: 42px; margin-right: 10px; }
	.contact .tel::after { content: "（代）"; font-size: 1.500rem; }
	.contact .btn a { font-size: 0.813em; width: 242px; height: 49px; display: flex; justify-content: center; align-items: center; background: #ea5504; border-radius: 25px; color: #FFF; margin: 15px auto 0 auto; }
	
/*-----------------------------------------------------
Lead
----------------------------------------------------- */
	#Lead > p { font-size: 0.875rem; margin: 25px auto 0 auto; }
	#Lead .contact { background: url(../images/img_contact01.png) no-repeat center bottom -14px #FFF; background-size: 155px auto; margin-top: 40px; padding-bottom: 155px; }
	#Lead .contact .ttl { border: 3px solid #f7931e; }
	
/*-----------------------------------------------------
Solution
----------------------------------------------------- */
	.head { text-align: left; }
	.head::after { width: 126px; height: 52px; background-size: 100% auto; position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; }
	.head .inner { background: none; padding: 35px 0 30px 0; }
	.head h2 { font-size: 2.625rem; display: table; margin: auto; }
	.head h2 strong { font-size: 3.063rem; }
	
	#Solution ul { max-width: 370px; }
	#Solution ul::before { width: 35px; height: 62px; }
	#Solution ul::after { width: 35px; height: 62px; }
	#Solution ul li { width: 125px; height: 42px; margin: 0 7px; font-size: 1.250rem; }
	#Solution ul li:last-child { font-size: 1.500rem; margin-top: 20px; }
	
	h3 { font-size: 2.250rem; line-height: 1.5em; }
	h3 strong { font-size: 3.000rem; }

	#Success { margin: 65px auto 0 auto; }
	#Success > h4 { font-size: 0.875rem; margin-top: 45px; font-weight: bold; }
	#Success > .img { margin-top: 20px; }
	#Success .flex { flex-direction: column; }
	#Success .column { max-width: 320px;  width: 100%; box-sizing: border-box; padding: 25px 10px 0 10px; counter-increment: num; margin: 25px auto 0 auto; }
	#Success .column .img { margin: auto auto 0 auto; }
	
	#Work { padding: 65px 2.5%; }
	#Work::before { width: 232px; height: 139px; right: 20px; top: -110px; }
	#Work h3 + p { margin-top: 30px; font-size: 1.375rem; line-height: 1.3em; }
	
	#Work .column { max-width: 473px; width: 100%; min-height: auto; margin: 30px auto 0 auto; padding: 20px 0 30px 0; }
	#Work .column + .column { margin-top: 15px; }
	#Work .column h4 { font-size: 1.313rem; font-weight: bold; }
	#Work .column h4::before { font-size: 2.563rem; margin-bottom: 15px; }
	#Work .column p { margin-left: 5%; font-size: 0.938rem; padding-right: 125px; }
	#Work .column p::before { content: ""; display: block; position: absolute; background-size: 100% auto; background-repeat: no-repeat; }
	#Work .column:nth-child(3) p::before { width: 117px; height: 117px; background-image: url(../images/img_work02.png); bottom: 0; right: 0px; }
	#Work .column:nth-child(4) p::before { width: 59px; height: 78px; background-image: url(../images/img_work03.png); bottom: 15%; right: 5%; }
	#Work .column:nth-child(5) p::before { width: 98px; height: 98px; background-image: url(../images/img_work04.png); bottom: 6%; right: 5%; }
	#Work .column:nth-child(6) p::before { width: 116px; height: 90px; background-image: url(../images/img_work05.png); bottom: 9%; right: 3%; }
	#Work .column:nth-child(7) p::before { width: 96px; height: 68px; background-image: url(../images/img_work06.png); bottom: 17%; right: 3%; }
	#Work .column:nth-child(8) p::before { width: 51px; height: 59px; background-image: url(../images/img_work07.png); bottom: 24%; right: 8%; }
	#Work .column:nth-child(9) p::before { width: 59px; height: 77px; background-image: url(../images/img_work08.png); bottom: 10%; right: 8%; }
	#Work .column:nth-child(10) p::before { width: 55px; height: 65px; background-image: url(../images/img_work09.png); bottom: 13%; right: 8%; }
	#Work .column:nth-child(11) p::before { width: 72px; height: 77px; background-image: url(../images/img_work10.png); bottom: 15%; right: 5%; }
	#Work .column:nth-child(12) p::before { width: 72px; height: 99px; background-image: url(../images/img_work11.png); bottom: 7%; right: 8%; }
	
	#Tool h2,#Performance h2,#Flow h2 { font-size: 1.750rem; }
	#Tool .flex { display: block; }
	#Tool .flex .column,#Tool .flex .column:nth-child(2) { width: 100%; margin: 80px auto 0 auto; }
	#Tool .flex .column:first-child { margin-top: 60px; }
	#Tool h3 { font-size: 1.438rem; }
	#Tool p { margin-top: 20px; }
	
	#Performance { padding-top: 40px; }
	#Performance h3 { margin-top: 45px; }
	#Performance h4 { margin-top: 50px; } 
	#Performance p { margin-top: 30px; }
	#Performance .img { margin: 40px auto 0 auto; }
	#Performance hr { margin-top: 50px; }
	
	#Flow { padding: 50px 0 40px 0; margin: 40px auto 0 auto; }
	#Flow ul { display: block; }
	#Flow ul li { max-width: 290px; width: 100%; margin: 30px auto 0 auto; min-height: auto; padding: 35px 15px; }
	#Flow ul li strong { font-size: 1.250rem; margin-bottom: 15px; }
	#Flow ul li:nth-child(3n+1)::after,#Flow ul li:nth-child(3n+2)::after { width: 55px; height: 35px; right: 0; left: 0; margin: auto; top: auto; bottom: -10px; z-index: -1; transform: rotate(90deg); }
	#Flow ul li:nth-child(3n)::after { width: 55px; height: 35px; right: 0; left: 0; margin: auto; top: auto; bottom: -10px; z-index: -1; transform: rotate(90deg); background: url(../images/ic_arrow.png) no-repeat center; background-size: 100% auto; }
	#Flow ul li:last-child::after { display: none; }
}