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

/*======================================

1: #page-index
2: #page-message
3: #page-about
4: #page-performance
5: #page-history
6: #page-office
7: #page-recruit

=======================================*/

/* pc */
@media only screen and (min-width:768px) {

	/* #page-index */
	/*--------------------------------------------------------------------------------*/
	#page-index {
		min-width: 1172px;
	}
	#page-index #wrapper { background-color: #fff;}
	#page-index #breadcrumb {
		border-bottom: 120px solid #fff;
		margin-bottom: 334px;
	}
	#page-index h1 {
		position: absolute;
		top: 220px;
		padding-bottom: 41px;
		opacity: 0;
	}
	#page-index .eng-ttl {
		position: absolute;
		top: 313px;
	}
	#page-index .lead {
		position: absolute;
		top: 406px;
		left: 50%;
		width: 1110px;
		line-height: 2;
		margin-left: -555px;
		opacity: 0;
	}
	#page-index #main {
		position: fixed;
		top: 0;
		left: 50%;
		width: 100%;
		min-width: 1172px;
		margin-left: -50%;
		z-index: -1;
	}
	#page-index #main .pre {
		position: absolute;
		width: 100%;
	}
	#page-index #main img {	width: 100%; height: auto; opacity: 0;}
	#page-index article {
		width: 1111px;
		background-color: #fff;
		margin: 0 auto;
		padding-bottom: 12px;
	}
	#page-index .txt1 {		
		font-size: 15px;
		line-height: 1.9;
		text-align: center;
		padding: 56px 0 55px;
	}
	#page-index figure {
		position: relative;
		width: 942px;
		height: 247px;
		font-size: 15px;
		margin: 0 auto 80px;
	}
	#page-index .fig1 {
		position: absolute;
		top: 33px;
		left: 0;
		width: 157px;
		height: 194px;
		background-color: #ffecec;
		border-radius: 8px;
		-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 8px;	/* Firefox用 */
		display: none;
	}
	#page-index .fig1 .ttl1 {
		position: absolute;
		top: 134px;
		left: 17px;
		padding-right: 20px;
		letter-spacing: 0.04em;
	}
	#page-index .fig1 .pic1 {
		position: absolute;
		top: 9px;
		left: 27px;
	}
	#page-index .fig-box {
		position: absolute;
		top: 13px;
		left: 224px;
		width: 718px;
		height: 234px;
		border: 3px solid #d00235;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: none;
	}
	#page-index .fig-box .ttl-box {
		position: absolute;
		display: inline-block;
		left: 172px;
		width: 390px;
		font-size: 35px;
		color: #d00235;
		background-color: #fff;
		line-height: 1;
		text-align: center;
		margin: -20px 0 0;
	}
	#page-index .fig2 {
		position: absolute;
		top: 57px;
		left: 172px;
	}
	#page-index .fig2 .ttl2 {
		position: absolute;
		width: 70px;
		top: 9px;
		left: 68px;
		display: none;
		letter-spacing: 0;
	}
	#page-index .fig2 .pic2 {
		position: absolute;
		top: 0;
		left: 143px;
		opacity: 0;
	}
	#page-index .fig2 .arrow1 {
		position: absolute;
		top: 39px;
		left: 0;
		display: none;
	}
	#page-index .fig3 {
		position: absolute;
		top: 50px;
		left: 442px;
		width: 157px;
		height: 174px;
		background-color: #ffecec;
		border-radius: 8px;
		-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 8px;	/* Firefox用 */
		display: none;
	}
	#page-index .fig3 .ttl3 {
		position: absolute;
		top: 10px;
		left: 0;
		width: 157px;
		text-align: center;
	}
	#page-index .fig3 .pic3 {
		position: absolute;
		top: 39px;
		left: 18px;
	}
	#page-index .fig4 {
		position: absolute;
		top: 50px;
		left: 601px;
		width: 157px;
		height: 174px;
		background-color: #ffecec;
		border-radius: 8px;
		-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 8px;	/* Firefox用 */
		display: none;
	}
	#page-index .fig4 .ttl4 {
		position: absolute;
		top: 10px;
		left: 0;
		width: 157px;
		text-align: center;
		letter-spacing: 0.04em;
	}
	#page-index .fig4 .pic4 {
		position: absolute;
		top: 39px;
		left: 18px;
	}
	#page-index .fig5 {
		position: absolute;
		top: 50px;
		left: 760px;
		width: 157px;
		height: 174px;
		background-color: #ffecec;
		border-radius: 8px;
		-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 8px;	/* Firefox用 */
		display: none;
	}
	#page-index .fig5 .ttl5 {
		position: absolute;
		top: 10px;
		left: 0;
		width: 157px;
		text-align: center;
		letter-spacing: 0;
	}
	#page-index .fig5 .pic5 {
		position: absolute;
		top: 39px;
		left: 18px;
	}
	#page-index .fig6 {
		position: absolute;
		top: 129px;
		left: 172px;
	}
	#page-index .fig6 .ttl6 {
		position: absolute;
		top: 50px;
		left: 171px;
		width: 70px;
		display: none;
	}
	#page-index .fig6 .pic6 {
		position: absolute;
		top: 40px;
		left: 98px;
		opacity: 0;
	}
	#page-index .fig6 .arrow2 {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	#page-index article section {
		float: left;
		width: 357px;
		height: 501px;
		margin: 0 20px 20px 0;
	}
	#page-index article section:nth-child(3n+2) {
		margin-right: 0;
	}
	#page-index article .pic {
		background: url(../../service/img/line.png) no-repeat bottom left;
		padding-bottom: 8px;
	}
	#page-index article section h2 {
		font-size: 22px;
		color: #131313;
		line-height: 1;
		text-align: left;
		padding: 20px 0;
		margin: 0;
	}
	#page-index article section p {
		font-size: 14px;
		line-height: 1.8;
	}

	/* #page- 共通 */
	/*--------------------------------------------------------------------------------*/
	#page-table,
	#page-uniform,
	#page-hotel,
	#page-healthcare,
	#page-industrial {
		min-width: 1172px;
	}
	#breadcrumb {
		border-bottom: 120px solid #fff;
		margin-bottom: 334px;
	}
	#page-table h1,
	#page-uniform h1,
	#page-hotel h1,
	#page-healthcare h1,
	#page-industrial h1 {
		position: absolute;
		top: 177px;
		padding-bottom: 41px;
	}	
	#page-table .txt1,
	#page-uniform .txt1,
	#page-hotel .txt1,
	#page-healthcare .txt1,
	#page-industrial .txt1 {
		
		width: 835px;
		font-size: 18px;
		line-height: 1.9;
		text-align: left;
		padding: 0 0 55px;
	}
	
	#main {
		position: fixed;
		top: 0;
		left: 50%;
		width: 100%;
		min-width: 1172px;
		margin-left: -50%;
		z-index: -1;
	}
	#page-table #main img,
	#page-uniform #main img,
	#page-hotel #main img,
	#page-healthcare #main img,
	#page-industrial #main img {	width: 100%; height: auto;}
	.tab li {
		float: left;
		list-style: none;
		margin-right: 10px;
	}
	.tab a {
		display: block;
		width: 272px;
		height: 50px;
		font-size: 14px;
		line-height: 1.3;
		background: url(../../service/img/table/tab_arrow.png) no-repeat 243px 21px;
		background-color: #ececec;
		text-align: center;
		padding-top: 17px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.tab li:nth-child(1) a {
	}
	.tab li:nth-child(2) a {
		padding-top: 9px;
	}
	.tab li:nth-child(3) a {
	}
	article #lineup {
		padding: 49px 0 22px;
		border-bottom: 1px solid #d7d7d7;
	}
	article h2 {		
		font-size: 30px;
		line-height: 1;
		font-weight: normal;
		text-align: center;
		margin: 0 0 60px 0;
	}	
	article h2 .border {
		display: inline-block;
		padding-bottom: 14px;
		border-bottom: 1px solid #ebebeb;
	}
	article #lineup .block-box {
		display: table;
	}
	article #lineup .block {
		display: table-cell;
		width: 350px;
		height: 441px;
		padding-bottom: 35px;
	}
	article #lineup .block2 {
		display: table-cell;
		width: 700px;
		height: 441px;
		padding-bottom: 35px;
	}
	article #lineup .block h3,
	article #lineup .block2 h3 {
		font-size: 18px;
		line-height: 1;
		padding: 21px 13px 19px;
	}
	article #lineup .block p,
	article #lineup .block2 p {
		font-size: 14px;
		line-height: 1.7;
		padding: 0 13px;
		margin-bottom: 12px;
	}
	article #lineup .block p.cap,
	article #lineup .block2 p.cap {
		font-size: 12px;
	}
	
	article #merit {
		padding: 61px 0 60px;
		border-bottom: 1px solid #d7d7d7;
	}
	article #merit h2 {
		margin-bottom: 0;
	}
	article #merit ul {
		padding: 40px 0 50px 51px;
	}
	#page-industrial article #merit ul {
		padding: 0px 0 50px 51px;
	}
	article #merit li {
		font-size: 16px;
		line-height: 1;
		list-style: none;
		background: url(../../service/img/table/icon_merit.png) no-repeat left top;
		background-size: 15px auto;
		padding: 0 0 0 32px;
		margin-bottom: 14px;
	}
	article #merit .pic {
		position: relative;
	}
	article #merit .pic .txt {		
		position: absolute;
		top: 93px;
		left: 284px;
		font-size: 22px;
		z-index: 2;
	}
	#page-hotel #merit .pic .txt {
		top: 73px;
	}
	article #merit .box {
		padding: 34px 51px 14px 45px;
		border: 2px solid #d00235;
	}
	article #merit .box h3 {		
		font-size: 20px;
		color: #d00235;
		line-height: 1;
		padding-bottom: 13px;
		margin-bottom: 18px;
		border-bottom: 1px solid #d00235;
	}
	article #merit .box p {
		font-size: 16px;
		line-height: 1.6;
		padding-bottom: 35px;
	}

	article #flow {
		padding: 59px 0 0;
	}
	article #merit h3.red,
	article #flow h3 {
		font-size: 22px;
		margin-bottom: 31px;
	}
	article #merit h3.red:before,
	article #flow h3:before {
		content: '■';
		font-size: 7px;
		color: #d00235;
		vertical-align: middle;
		margin-right: 4px;
	}
	article #merit h3.red {
		margin-top: 60px;
	}
	article #flow .block-box {
		background: url(../../service/img/table/flow_arrow_02.png) no-repeat 102px 275px;
	}
	article #flow .block {
		float: left;
		position: relative;
		width: 244px;
		height: 295px;
		background: url(../../service/img/table/flow_arrow_01.png) no-repeat 213px 66px;
	}
	#page-industrial article #flow .block:nth-child(4),
	#page-industrial article #flow .block:nth-child(5) {
		height: 245px;
	}
	article #flow .block:nth-child(1),
	article #flow .block:nth-child(2),
	article #flow .block:nth-child(3) {
		height: 315px;
	}
	article #flow .block:nth-child(3n) {
		width: 210px;
		background: none;
	}
	article #flow .block .pic {
		width: 210px;
		height: 148px;
		padding: 30px 0 0;
		border: 2px solid #d00235;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #flow .block:last-child {
		width: 210px;
		height: 148px;
		border: 2px solid #d00235;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #flow .block h4 {
		width: 180px;		
		position: absolute;
		top: 9px;
		left: 17px;
		font-size: 15px;
		line-height: 1;
		color: #d00235;
		vertical-align: top;
		letter-spacing: 0;
	}
	article #flow .block h4 .num {
		float: left;
		display: block;
		font-size: 34px;
		line-height: 1;
		vertical-align: top;
		margin-right: 5px;
	}
	article #flow .block:last-child h4 {
		width: 180px;
		top: 50px;
		left: 5px;
		font-size: 20px;
		line-height: 1.3;
		text-align: center;
		padding: 0 10px;
	}
	article #flow .block p {
		width: 210px;
		font-size: 14px;
		line-height: 1.7;
		padding-top: 11px;
	}
	article #flow .caution {
		clear: left;
		font-size: 12px;
		line-height: 1.8;
		margin-top: -8px;
		padding-bottom: 130px;
	}
	article #flow .caution a { text-decoration: underline;}
	article #flow .caution a:hover { color: #666;}
	
	/* #page-uniform */
	/*--------------------------------------------------------------------------------*/
	#page-uniform #flow .inner,
	#page-table #flow .inner,
	#page-healthcare #flow .inner,
	#page-industrial #flow .inner {
		background: url(../../service/img/table/flow_arrow_02.png) no-repeat 102px 654px;
	}
	#page-uniform #flow .block .pic {
		height: 148px;
		padding: 30px 0 0;
	}
	#page-uniform #flow .block:last-child {
		margin-bottom: 30px;
	}
	#page-industrial #flow .arrow2 {
		background: url(../../service/img/table/flow_arrow_02.png) no-repeat 102px 275px;
	}
	#page-industrial article #flow .arrow2 + .caution {
		padding-bottom: 130px;
	}
	#page-table article #flow .block:nth-child(4),
	#page-table article #flow .block:nth-child(5),
	#page-hotel article #flow .block:nth-child(4),
	#page-hotel article #flow .block:nth-child(5),
	#page-industrial article #flow .block:nth-child(4),
	#page-industrial article #flow .block:nth-child(5) {	
		height: 250px;
	}
	#page-healthcare article #flow .block:nth-child(4),
	#page-healthcare article #flow .block:nth-child(5) {		
		height: 230px;
	}
	#page-table article #flow .arrow2 + .caution,
	#page-industrial article #flow .arrow2 + .caution,
	#page-healthcare article #flow .block-box + .caution {
		padding: 20px 0 50px;
	}
}

/* tablet */
@media only screen and (min-width:768px) and (max-width:1172px){
	.txt1,.tab ul { padding-left: 30px !important;}
}
/* sp */
@media only screen and (max-width:767px) {

	
	/* common */
	/*--------------------------------------------------------------------------------*/
	aside h3 img {
		width: 59.6%; height: auto;
	}

	/* #page-index */
	/*--------------------------------------------------------------------------------*/
	#page-index h1 {
		position: relative;
		max-width: 92%;
		font-size: 2.3rem;
		padding: 20px 0 25px;
		margin: 0 auto;
		opacity: 0;
		z-index: 2;
		letter-spacing: 0.04em;
	}
	#page-index .eng-ttl {
		width: 100%;
		word-break: keep-all;
	}
	#page-index #main {
		position: relative;
		width: 100%;
		height: 104px;
		background: url(../../service/img/main_sp.jpg) no-repeat center;
		background-size: cover;
		border-bottom: 5px solid #fff;
		overflow: hidden;
		margin: -67px 0 0;
	}
	#page-index #main .pre {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 104px;
		background: url(../../service/img/main_pre_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#page-index #main img { width: 100%; height: auto; opacity: 0;}
	#page-index .lead {
		position: relative;
		margin: 0 auto;
		padding: 0 3%;
		z-index: 2;
		opacity: 0;
	}
	
	#page-index figure img { width: 100%; height: auto;}

	#page-index article { width: 100%; border-top: 4px solid #d00235;}
	#page-index #wrapper { width: 100%;}
	#page-index #col1 {
		overflow: hidden;
	}
	#page-index article .txt1 {		
		font-size: 1rem;
		line-height: 1.5;
		text-align: center;
		padding: 26px 3% 27px;
	}
	#page-index figure {
		width: 92%;
		margin: 0 auto 30px;
	}
	#page-index article section {
		display: table;
		width: 100%;
		margin: 0 auto 3px;
		background: url(../../service/img/bar_sp.png) no-repeat center top;
		background-size: 900px auto;
		padding-top: 5px;
	}
	#page-index article .pic {
		display: table-cell;
		width: 49%;
		min-height: 240px;
	}
	#page-index article .pic img { width: 100%; height: auto;}
	#page-index article h2 {
		display: table-cell;
		width: 51%;
		font-size: 1.4rem;
		color: #131313;
		line-height: 1;
		padding: 0 0 0 12px;
		vertical-align: middle;
	}
	#page-index article section:nth-child(3) h2 {
		letter-spacing: 0;
	}
	#page-index article p {
		display: none;
	}

	/* #page-table */
	/*--------------------------------------------------------------------------------*/
	#page-table section,
	#page-uniform section,
	#page-hotel section,
	#page-healthcare section,
	#page-industrial section { width: 100%; padding: 0;}
	
	#page-uniform h1,
	#page-table h1,
	#page-hotel h1,
	#page-healthcare h1,
	#page-industrial h1 {
		line-height: 1;
		padding: 20px 0;
		margin: 0 auto;
	}
	#page-healthcare h1 {
		letter-spacing: 0;
	}
	#page-uniform .txt1,
	#page-table .txt1,
	#page-hotel .txt1,
	#page-healthcare .txt1,
	#page-industrial .txt1 {
		font-size: 1rem;
		line-height: 1.5;
		text-align: left;
		padding: 26px 4% 15px;
	}
	#main {
		position: relative;
		width: 100%;
		height: 124px;
		margin: 0 auto;
		overflow: hidden;
	}
	#page-uniform #main {
		background: url(../../service/img/uniform/main_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#page-table #main {
		background: url(../../service/img/table/main_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#page-hotel #main {
		background: url(../../service/img/hotel/main_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#page-healthcare #main {
		background: url(../../service/img/healthcare/main_sp.jpg) no-repeat center;
		background-size: cover;
	}
	#page-industrial #main {
		background: url(../../service/img/industrial/main_sp.jpg) no-repeat center;
		background-size: cover;
	}
	
	#page-uniform .lead,
	#page-table .lead,
	#page-hotel .lead,
	#page-healthcare .lead,
	#page-industrial .lead {
		position: relative;
		font-size: 1rem;
		margin: 60px auto -83px;
		z-index: 2;
	}
	#page-uniform .lead {
		margin: 50px auto -103px;
	}
	#page-table .lead {
		margin: 70px auto -78px;
	}
	#page-hotel .lead {
		margin: 70px auto -78px;
	}
	article h2.open {		
		font-size: 1.8rem;
		font-weight: normal;
		background: url(../../service/img/table/icon_open.png) no-repeat 96% center;
		background-size: 20px auto;
	}
	article h2.close {		
		font-size: 1.8rem;
		font-weight: normal;
		background: url(../../service/img/table/icon_close.png) no-repeat 96% center;
		background-size: 20px auto;
	}
	article #lineup .inner {
		padding-bottom: 20px;
		border-bottom: 1px solid #d00235;
	}
	article #lineup h2 {
		width: 100%;
		padding: 16px 0 15px 5%;
		border-bottom: 1px solid #d7d7d7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #lineup .block-box {
		display: table;
		width: 100%;
		padding: 15px 4% 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #lineup .block {
		display: table-cell;
		width: 50%;
	}
	article #lineup .block2 {
		display: table-cell;
		width: 100%;
	}
	article #lineup .block .pic,
	article #lineup .block2 .pic { margin-bottom: 10px;}
	article #lineup .block .pic img,
	article #lineup .block h3 img { width: 100%; height: auto;}
	article #lineup .block2 .pic img { width: 50%; height: auto;}
	article #lineup .block h3,
	article #lineup .block2 h3 {
		font-size: 1.3rem;
		padding: 0 4% 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* half */
	#lineup .block-box.half { width: 50%;}
	
	/* #page-table */
	#page-table #lineup .block-box:last-child .block:first-child h3 {
		width: 100%;
		padding: 0;
	}
	
	/* #page-uniform */
	#page-uniform #lineup .block h3 { width: 100%;}
	#page-uniform #lineup .block h3 img { height: 12px; width: auto;}

	/* #page-hotel */
	#page-hotel #lineup .block h3 { width: 100%;}
	#page-hotel #lineup .block h3 img { height: 10px; width: auto;}

	/* #page-healthcare */
	#page-healthcare #lineup .block h3 { width: 100%;}
	#page-healthcare #lineup .block h3 img { height: 10px; width: auto;}
	
	/* #page-industrial */
	#page-industrial #lineup .block h3 { width: 100%;}
	#page-industrial #lineup .block h3 img { height: 10px; width: auto;}
	#page-industrial #lineup .block-box:first-child .block:first-child h3 img { height: 20px; width: auto;}
	
	article #lineup .block h3.chair { padding-bottom: 2.8rem;}
	article #lineup .block p,
	article #lineup .block2 p {
		font-size: 1.2rem;
		line-height: 1.25;
		padding: 0 4% 10px;
		color: #3c3c3c;
	}
	article #lineup .block p.cap,
	article #lineup .block2 p.cap {
		font-size: 0.9rem;
		padding: 0 4% 10px;
	}

	article #merit .inner {
		display: none;
		padding-bottom: 40px;
		border-bottom: 1px solid #d00235;
	}
	article #merit h2 {
		width: 100%;
		padding: 16px 20px 15px 5%;
		border-bottom: 1px solid #d7d7d7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #merit .pic {
		position: relative;
		padding: 15px 4% 0;
	}
	article #merit .pic .txt {
		
		position: absolute;
		top: 42%;
		right: 30px;
		font-size: 1.4rem;
		z-index: 2;
	}
	#page-uniform #merit .pic .txt,
	#page-table #merit .pic .txt,
	#page-healthcare #merit .pic .txt,
	#page-industrial #merit .pic .txt {
	}
	#page-hotel #merit .pic .txt {
		top: 35%;
	}
	article #merit .pic img { width: 100%; height: auto;}
	article #merit ul {
		padding: 30px 9% 20px;
	}
	#page-industrial article #merit ul {
		padding: 0 9% 20px;
	}
	article #merit li {
		font-size: 1.2rem;
		line-height: 1.5;
		list-style: none;
		background: url(../../service/img/table/icon_merit_sp.png) no-repeat left 5px;
		background-size: 10px auto;
		padding: 0 0 0 16px;
	}
	article #merit .box {
		width: 93%;
		border: 1px solid #d00235;
		padding: 17px 6% 0;
		margin: 0 auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #merit .box h3 {		
		font-size: 1.4rem;
		color: #d00235;
		line-height: 1.4;
		padding-bottom: 8px;
		letter-spacing: 0.04em;
	}

	article #merit .box p {
		font-size: 1.2rem;
		line-height: 1.25;
		padding: 7px 0 14px;
		border-top: 1px solid #d00235;
	}
	article #flow .inner { display: none;}
	article #flow h2 {
		width: 100%;
		padding: 16px 0 15px 5%;
		border-bottom: 1px solid #d7d7d7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	article #flow h2 img { width: 44.2%; height: auto;}
	article #merit h3.red,
	article #flow h3 {
		font-size: 1.5rem;
		padding: 15px 4% 13px;
	}
	article #merit h3.red:before,
	article #flow h3:before {
		content: '■';
		font-size: 9px;
		color: #d00235;
		vertical-align: middle;
		margin-right: 4px;
	}
	article #merit h3.red {
		padding-top: 30px;
	}
	article #flow .block {
		position: relative;
		width: 92%;
		padding: 0 0 20px;
		background: url(../../service/img/table/flow_arrow_sp.png) no-repeat center bottom;
		background-size: 13px auto;
		margin: 0 auto 1px;
	}
	article #flow .block h4 {		
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 1.4rem;
		font-weight: normal;
		color: #d00235;
		vertical-align: top;
		letter-spacing: 0.04em;
	}
	article #flow .block h4 .num {
		font-size: 2.5rem;
		font-weight: normal;
		line-height: 1;
		vertical-align: top;
	}
	article #flow .block .pic {
		position: absolute;
	}
	article #flow .block p {
		width: 100%;
		min-height: 100px;
		font-size: 1.2rem;
		line-height: 1.25;
		padding: 33px 2% 10px 105px;		
		letter-spacing: 0;
		border: 1px solid #d00235;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#page-uniform article #flow .block:first-child p {
		padding-left: 95px;
	}
	#page-hotel article #flow .block:nth-child(3) p {
		padding-left: 95px;
	}
	#page-healthcare article #flow .block:nth-child(3) p {
		padding-left: 95px;
	}
	article #flow .block:nth-child(5) p {
		height: 90px;
	}
	article #flow .block .pic img { width: 50%; height:auto;}
	article #flow .block .pic { top: 40px; left: 5px; z-index: -1;}
	article #flow .block:last-child {
		width: 92%;
		height: 50px;
		border: 1px solid #d00235;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: none;
	}
	article #flow .block:last-child h4 {
		position: relative;
		top: 0;
		left: 0;
		font-size: 1.7rem;
		line-height: 1;
		text-align: center;
		padding-top: 16px;
	}
	article #flow .caution {
		font-size: 1rem;
		line-height: 1.5;
		padding: 23px 4% 50px;
	}
	#page-industrial article #flow .caution {
		padding-bottom: 20px;
	}
	#page-industrial article #flow .arrow2 + .caution {
		padding-bottom: 50px;
	}

}