@charset "utf-8";


.red {color:#d23232; font-weight:bold;}
.blue {color:#005bbc; font-weight:bold;}


/*--------------------------------------------------
	 磁気熱分解装置
--------------------------------------------------*/

section#magneticpyrolysis ul li {
	width:96%;
	margin:0 auto 1rem;
}

section#magneticpyrolysis ol li {
	width:96%;
	margin:0 auto 1rem;
}


section#magneticpyrolysis dt {
	display:inline-block;
	color:#004097;
	border:2px solid #004097;
	margin:0 auto;
	padding:0.3em 2em;
	border-radius:5em;
	line-height:1em;
	font-size:120%;
}

section#magneticpyrolysis p.subsidy {
	background-color:#004097;
	color:#FFF;
	padding:0.3em 1em;
	margin-bottom:1em;
	font-size:140%;
	text-align:center;
	line-height:1.2em;
}


/*--------------------------------------------------
	 ENERGY
--------------------------------------------------*/
#agency p  {
	color:#005bbc; 
	font-weight:bold; 
	font-size:150%; 
	text-align:center; 
}




/*--------------------------------------------------
	 スターリングエンジン
--------------------------------------------------*/

section#catch {
	
}

section#catch .text p.bgy {
	background-color:#fff000;
	padding:0.3em 1em;
	margin-bottom:1em;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
}

section#catch .text {
	margin-bottom:1em;
}

section#catch .text span {
	color:#005bbc;
	font-weight:bold;
}



section#product {}



section#product .obi_blue {
	background-color:#004097;
	color:#fff;
	line-height:1em;
	padding:0.3em 1em;
	margin-bottom:0.5em;
	text-align:center;
	font-size:200%;
	font-weight:normal;
}

section#product .obi_blue span {
	display:inline-block;
	color:#fff;
	line-height:1.2em;
	text-align:left;
}


section#product .obi_blue + p {
	padding:0.3em 1em;
	margin-bottom:1em;
	text-align:center;
	color:#004097;
	font-weight:bold;
	font-size:140%;
	line-height:1.2em;
}


section#product .obi_blue + p span {
	display:inline-block;
	text-align:left;
}



section#product .obi_blue + p + p {
	display:block;
	position:relative;
	top:0;
	transform: translate(-0%,-100%);
}

section#product ul {
	width:96%;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
}
section#product ul li {
	width:48%;
	list-style:none;
	/*text-align:center;*/
}

section#product ul li img {
	display:block;
	width:100%;
	max-width:400px;
	margin:0 auto;
}

section#product ul li p.title {
	display:block;
	text-align:center;
}

section#product ul li p.title span {
	display:inline-block;
	color:#004097;
	border:2px solid #004097;
	margin:0 auto;
	padding:0.3em 2em;
	border-radius:5em;
	line-height:1em;
	font-weight:bold;
	font-size:140%;
}





section#product ul li table,
section#product ul li table th,
section#product ul li table td {
	border:none;
	padding:0.2em 0.5em;
	margin:0;
	background-color:transparent;
	vertical-align:top;
	line-height:1.4em;
}

section#product ul li table {
	margin:0 0 2rem;
}

section#product ul li table th{
	white-space:nowrap;
	padding:0.2em;
}

section#product ul li table td span{
	display:inline-block;
}

section#product ul li .icon{
	position:relative;
}
section#product ul li .icon img{
	display:block;
	position:absolute;
	top:0;
	transform: translate(-0%,-100%);
}





@media (max-width: 719px){

section#product ul {
	flex-direction: column;
}
section#product ul li {
	width:96%;
	margin:0 auto 3rem;
}
section#product ul li table {
	margin:0 auto;
}



}



#market {}

section#market ul {
	width:100%;
	display:flex;
	justify-content: space-between;
	margin:0 auto;
}
section#market ul li {
	width:48%;
	list-style:none;
	text-align:center;
}

section#market ul li img {
	width:100%;
	display:block;
	margin:0;
}



#cooling {}


section#cooling .text p.bgy,
section#hikaku .text p.bgy{
	background-color:#fff000;
	padding:0.3em 1em;
	margin-bottom:1em;
	font-size:140%;
	font-weight:bold;
	text-align:left;
	line-height:1.2em;
}

section#cooling .text,
section#hikaku .text {
	margin-bottom:1em;
}

section#cooling .text span {
	color:#005bbc;
	font-weight:bold;
}


#graph {}

#graph p{
	font-size:120%;
	font-weight:bold;
	}
#graph img{
	width:100%;
	}

table tr.blue-line {
	z-index:9999999;
}

table tr.blue-line th {
	border:2px solid #06C !important;
	background-color:#acdcff !important;
}
table tr.blue-line td {
	border:2px solid #06C !important;
	background-color:#d1f4ff;
}
/*--------------------------------------------------
	 SERVICE
--------------------------------------------------*/
#service_contents {
	margin-bottom:100px;
	position:relative;
}

#service_contents a.innlink01 {
	position:absolute;
	top:-100px;
}
#service_contents a.innlink02 {
	position:absolute;
	top:400px;
}
#service_contents a.innlink03 {
	position:absolute;
	top:900px;
}
#service_contents a.innlink04 {
	position:absolute;
	top:1400px;
}
/*S-追加*/
#service_contents a.innlink05 {
	position:absolute;
	top:1900px;
}
#service_contents a.innlink06 {
	position:absolute;
	top:2400px;
}




#service_contents #page_kv {
	/*background-image: url(../img/key002.jpg);*/
}

#service_contents #page_kv .img_headline {
	width: 491px; height: 169px;
	background: url(../img/service_h1.png) no-repeat;
	display: block;
}

#content .service_harf {
	display: table;
	margin:0 0 0;
}

#content .service_harf li {
	display: table-cell;
	vertical-align: middle;
	height: 500px;
	max-width: 500px;
	width:50%;
	color: #fff;
	box-sizing:border-box;
	text-align:center !important;
	background-size:100% auto;
}

#content .service_harf li img {
	/*
	display: block;
	width:100%;
	*/
}

#content .service_harf li h2 {
	font-size: 28px !important;
	line-height: 1.4 !important;
	padding:0 !important;
	color:#fff !important;
	border:none !important;
}
/*ロゴQ*/
#service_contents .logoq .left {
	background-color:#b5b3a4;
	background-color:#f7c052;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .logoq .right {
	background: url(../img/contents/business/bg_logoq.png);
	/*background-size: 100% auto;*/
}
#service_contents .logoq h2 {
	color:#fff !important;
	font-weight:bold;
}

/*コードマーケティング*/
#service_contents .lqcm .left {
	background: url(../img/contents/business/bg_lqcm.png);
	background-size: auto 100%;
}
#service_contents .lqcm .right {
	background-color:#ec7a7c;
	background-color:#f8887c;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .lqcm h2 {
	color:#fff !important;
	font-weight:bold;
}

/*印刷*/
#service_contents .print .left {
	background-color:#1a936f;
	background-color:#80C2A7;
	background-color:#f9e0A7;
	background-color:#63a0e3;
/*	color:#5a3c25;*/
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .print .right {
	background: url(../img/contents/business/bg_box02_l.png);
	background-size: auto 100%;
	background-color:#FFF;
}
#service_contents .print h2 {
	color:#5a3c25 !important;
	font-weight:bold;
}

/*web*/
#service_contents .web .left {
	background: url(../img/contents/business/bg_box02_l.png);
	background-size: auto 100%;
	background-color:#FFF;
}
#service_contents .web .right {
	background-color:#FC6;
	background-color:#CBC053;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}

/*qr検査*/
#service_contents .qr_kensa .left {
	background-color:#a5c5c5;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .qr_kensa .right {
	background: url(../img/contents/business/bg_qr_kensa.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#service_contents .qr_kensa h2 {
	color:#fff !important;
	font-weight:bold;
}

/*ポスピク*/
#service_contents .pospic .left {
	background: url(../img/contents/business/bg_lqcm.png);
	background-size: auto 100%;
}
#service_contents .pospic .right {
	background-color:#6FCAC9;
	background-color:#7ab3d8;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .pospic h2 {
	color:#fff !important;
	font-weight:bold;
}

/*おみくじパック*/
#service_contents .omikuji .left {
	background-color:#70c1b3;
	background-color:#9c9dbc;
	color:#fff;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .omikuji .right {
	background: url(../img/contents/business/bg_lqcm.png);
	background-size: auto 100%;
}
#service_contents .omikuji h2 {
	color:#fff !important;
	font-weight:bold;
}

/*ことばりえ*/
#service_contents .kotovaria .right {
	background: url(../img/contents/business/bg_box02_l.png);
	background-size: 100% auto;
}
#service_contents .kotovaria .left {
	background-color:#1a936f;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
.service_harf .in_border {
	position: relative;
}
.service_harf .in_border:before {
  content: '';
  z-index: 1;
  position: absolute !important;
  border: 1px solid #fff !important;
  top: 14px; bottom: 14px !important;
  left: 14px; right: 14px !important;
}
.service_harf li hr {
	border-top: 1px solid #fff !important;
	margin: 20px 0 !important;
	background-color:transparent;
}

/*ロゴQくじ*/
#service_contents .logoqkuji .left {
	background-color:#f88860;
	color:#fff;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .logoqkuji .right {
	background: url(../img/contents/business/bg_lqcm.png);
	background-size: auto 100%;
}
#service_contents .logoqkuji h2 {
	color:#fff !important;
	font-weight:bold;
}

/*S_スターリングエンジン*/
#service_contents .stirlingengine .left {
	background: url(../img/contents/business/pic_se.png);
	background-size: auto 100%;
}
#service_contents .stirlingengine .right {
	background-color:#b1e381;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .stirlingengine h2 {
	color:#fff !important;
	font-weight:bold;
}

/*S_ENERGY*/
#service_contents .energy .left {
	background: url(../img/contents/business/pic_energy.png);
	background-size: auto 100%;
}
#service_contents .energy .right {
	background-color:#73bede;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .energy h2 {
	color:#fff !important;
	font-weight:bold;
}

/*S_有機物磁気熱分解装置*/
	#service_contents .magneticpyrolysis .left {
	background-color:#6FCAC9;
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 28px 5%;
}
#service_contents .magneticpyrolysis .right {
	background: url(../img/contents/business/pic_magneticpyrolysis.png);
	/*background-size: 100% auto;*/
}
#service_contents .magneticpyrolysis h2 {
	color:#fff !important;
	font-weight:bold;
}



/* btn
--------------------------------------------------*/
#service_contents .btn {
	width:80%;
	margin-top:2em;
	border: 1px solid #fff;
  border-radius: 50px;
  display: inline-block;
  padding: 5px 0px;
  background-color: transparent;
  -webkit-transition: all .3s;
	transition: all .3s;
}
#service_contents .btn a {
  /*text-indent: -9999px;*/
}
#service_contents .btn_w { border: 1px solid #fff; }
#service_contents .btn_w a {
  display: block;
  /*background: url(../img/btn_more_white.png) no-repeat;*/
  background:none;
}
#service_contents .btn_w:hover {
	background: #00c3d2;
}

#service_contents .sec01 li .btn_w:hover {
	background: #6da02f;
}
#service_contents .sec02 li .btn_w:hover {
	background: #5c5c5c;
}
#service_contents .sec03 li .btn_w:hover {
	background: #f2a647;
}
#service_contents .sec04 li .btn_w:hover {
	background: #6da1a2;
}


/*知的財産権情報
--------------------------------------------------*/


ul#syohyo {
	width:100%;
	margin:30px auto 30px;
	padding:0;
}

ul#syohyo li {
	width:50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
ul#syohyo li img {
	width:100%;
	max-width:400px;
	max-height:100px;
}

/*--------------------------------------------------
	 パッケージ
--------------------------------------------------*/
/* おみくじパック
--------------------------------------------------*/

.img-bg_omikuji-nagare ul{
	margin:20px 0;
	padding:0;
	overflow:hidden;
}

.img-bg_omikuji-nagare ul li{
	float:left;
	margin:0;
	padding:0 2em 0 0.5em;
	width:33%;
	list-style:none;
	font-size:12px;
	line-height:1.3em;
	box-sizing:border-box;
}

ul.img-list {
	margin:0;
	padding:0;
}

ul.img-list li {
	/*height:100px;*/
	min-height:100px;
	list-style:none;
	border:2px solid #ccc;
	border-radius:10px;
	margin-bottom:15px;
	padding:10px 0 0 150px;
	box-sizing:border-box;
}

ul.img-list li.icon01 {
	background: url(../img/contents/package/omikuji/list-icon01.png) left center no-repeat;
	background-size:auto 80px;
}
ul.img-list li.icon02 {
	background: url(../img/contents/package/omikuji/list-icon02.png) left center no-repeat;
	background-size:auto 80px;
}

ul.img-list li.icon03 {
	background: url(../img/common/iso27001.gif) 30px center no-repeat;
	background-size:auto 60px;
}

/* ポスピク
--------------------------------------------------*/

.img-bg_pospic {
	/*height:300px;*/
	background: url(../img/contents/package/pospic/onnanoko.jpg) top right no-repeat;
	background-size:90% auto;
	background-size:contain;
	background-position:bottom right;
	overflow:hidden;
}
	
/* QR検証サービス
--------------------------------------------------*/

.qr_kensa ul.plan {
	width:30vw;
	max-width:246px;
	margin:30px auto 30px !important;
	padding:0;
	display:block !important;
}

.img-bg_qr_kensa {
	/*height:300px;*/
	background: url(../img/contents/package/qr_kensa/max16011508-2.jpg) top right no-repeat;
	background-position:right top;
	background-size:100% auto;
}
	

.qr_kensa ul.plan li {
	float:left;
	width:100%;
	height:30vw;
	max-height:246px;
	margin-right:10px;
	padding:50px 0 10px;
	list-style:none;
	background-color:#40c5de;
	text-align:center;
	border-radius:50%;
	position:relative;
}




@media (max-width: 719px){

.qr_kensa ul.plan {
	width:60vw;
	max-width:300px;
}

.qr_kensa ul.plan li {
	height:60vw;
	max-height:300px;
}

.img-bg_qr_kensa {
	background-position:right bottom;
}


}



.qr_kensa ul.plan li:first-child {
	background-color:#78d0c0;
}
.qr_kensa ul.plan li:last-child {
	background-color:#e4516c;
	margin:0;
}

.qr_kensa ul.plan li p.icon{
	width:70px;
	height:95px;
	position:absolute;
	top:5px;
	left:0;
	display:block;
}

.qr_kensa ul.plan li p.icon img{
	width:100%;
	display:block;
}

.qr_kensa ul.plan li h4{
	font-size:22px !important;
	font-weight:bold;
	/*background-color:#fff;*/
	padding:0.2em 0 !important;
	display:block;
	width:100%;
	margin:0 auto !important;
	letter-spacing:-1px;
}
.qr_kensa ul.plan li p.price{
	margin:0 !important;
	font-size:30px !important;
	font-weight:bold;
	color:#fff;
	font-family: 'Michroma', sans-serif;
}

.qr_kensa ul.plan li ul {
	margin:0;
	background-color:#F39;
	width:100% !important
}

.qr_kensa ul.plan li ul li,
.qr_kensa ul.plan li ul li:first-child,
.qr_kensa ul.plan li ul li:last-child{
	float:left;
	height:auto !important;
	padding:0;
	line-height:1.4em;
	background-color:transparent;
}


/* ポスピク
--------------------------------------------------*/

.pospic ul.plan {
	width:100%;
	max-width:780px;
	margin:30px auto 30px !important;
	padding:0;
	display:block !important;
	overflow:hidden;
	text-align:center;
}


.pospic ul.plan li {
	/*float:left;*/
	display:inline-block;
	width:250px;
	height:250px;
	margin-right:10px;
	padding:40px 0 10px;
	list-style:none;
	background-color:#70a35f;
	text-align:center;
	border-radius:50%;
	position:relative;
}
.pospic ul.plan li:first-child {
	background-color:#f7454f;
}
.pospic ul.plan li:last-child {
	background-color:#64cad4;
	margin:0;
}

.pospic ul.plan li p.icon{
	width:70px;
	height:95px;
	position:absolute;
	top:5px;
	left:0;
	display:block;
}

.pospic ul.plan li p.icon img{
	width:100%;
	display:block;
}

.pospic ul.plan li h4{
	font-size:22px !important;
	font-weight:bold;
	/*background-color:#fff;*/
	padding:0.2em 0 !important;
	display:block;
	width:100%;
	margin:0 auto !important;
	letter-spacing:-1px;
}
.pospic ul.plan li p.price{
	margin:0 !important;
	font-size:30px !important;
	font-weight:bold;
	color:#fff;
	font-family: 'Michroma', sans-serif;
}

.pospic ul.plan li ul {
	margin:0;
	background-color:#F39;
	width:100% !important
}

.pospic ul.plan li ul li,
.pospic ul.plan li ul li:first-child,
.pospic ul.plan li ul li:last-child{
	float:left;
	height:auto !important;
	padding:0;
	line-height:1.4em;
	background-color:transparent;
}

/* テーブル（プラン表組み）
--------------------------------------------------*/

table.table-app{
	margin:20px 0 !important;
	line-height:1.2 !important;
	background-color:transparent !important;
	border:none !important;
}
table.table-app th,
table.table-app td{
	padding:0 !important;
	font-weight:normal;
	padding:0.5em 0 !important;
	vertical-align:middle !important;
}
table.table-app tr th{
	color:#FFF !important;
	padding:15px 0 15px !important;
	text-align:left !important;
	border-color:#4976B1 !important;
	border-right-color:#FFF !important;
	border-right:none !important;
	font-size:14px;
}

table.table-app tr:last-child th,
table.table-app tr:last-child td{
	border-bottom-color:#ccc !important;
}
table.table-app tr th a{
	padding-right: 16px !important;
	background: url("/shared/images/ico_blank01.png") no-repeat right center !important;
}
table.table-app tr.plan th{
	background-color:transparent !important;
	padding:0 !important;
	text-align:center !important;
	border:none !important;
	border-bottom:1px solid #ccc !important;
}
table.table-app tr.plan th span{
	display:block !important;
	margin:0 0 0 1px !important;
	padding:15px 0 !important;
	font-size:15px !important;
	border-radius:9px 9px 0 0 !important;
	color:#fff !important;
	font-weight:bold !important;
}
table.table-app tr.plan th.lite span{
	background:#82daca !important;
	background:#78d0c0 !important;
}
table.table-app tr.plan th.standard span{
	background:#53cfe9 !important;
}
table.table-app tr.plan th.plus span{
	background:#ec6279 !important;
}

table.table-app tr.plan th.none{
	border-color:#FFF !important;
	border-bottom-color:#4976B1 !important;
}
table.table-app tr:last-child th/*,
table.table-app tr.plan + tr th*/{
	background:#4976B1 !important;
	border-top:1px solid #ccc !important;
	padding-left:15px !important;
}

table.table-app tr.odd th{
	background:#4976B1 !important;
}
table.table-app tr.tuika th{
	background:#19558D !important;
	border-right-color:#4976B1 !important;
	text-align:center !important;
}
table.table-app tr.tuika th.option,
table.table-app tr.device th.option{
	background:#164B7C !important;
	padding:15px 5px !important;
	text-align:center !important;
	border-right:none !important;
	border-left: 1px solid #4976B1 !important;
}
table.table-app tr.tuika th.option span.small{
	font-size:12px !important;
}

/*基本価格*/
table.table-app tr.price th{
	background:#1a936f !important;
	border-right-color:#1ec7aa !important;
	border-bottom: 1px solid #1fb286 !important;
	text-align:center !important;
}
/*機種*/
table.table-app tr.device th{
	background:#0ab39c !important;
	border-right-color:#1ec7aa !important;
	border-bottom: 1px solid #1ec7aa !important;
	text-align:center !important;
}

table.table-app tr.device th.option{
	background:#06ad91 !important;
	padding:15px 5px !important;
	text-align:center !important;
	border-right:none !important;
	border-left: 1px solid #1ec7aa !important;
	border-bottom: 1px solid #1ec7aa !important;
}

/*印字サンプル*/
table.table-app tr.sample th{
	background:#f77a6d !important;
	border-left-color:#f1b455 !important;
	border-right-color:#f1b455 !important;
	border-bottom: 1px solid #f1b455 !important;
	text-align:center !important;
}

table.table-app tr.sample th.option{
	background:#e76f51 !important;
	padding:15px 5px !important;
	text-align:center !important;
	border-right:none !important;
	border-left: 1px solid #f1b455 !important;
	border-bottom: 1px solid #f1b455 !important;
}

table.table-app tr.sample th.option2{
	background:#f4a261 !important;
	padding:15px 5px !important;
	text-align:center !important;
	border-right:none !important;
	border-left: 1px solid #f1b455 !important;
	border-bottom: 1px solid #f1b455 !important;
}

table.table-app tr td{
	background:#f9f9f9 !important;
	text-align:center !important;
	font-size:16px;
}
table.table-app tr.odd td{
	background:#FFF !important;
}
table.table-app tr:last-child td{
	border-bottom-color:#ccc !important;
}
table.table-app tr td:last-child{
	border-right-color:#ccc !important;
}
table.table-app tr th a,
table.table-app tr td a{
	color:#FFF !important;
}

table.table-app tr.plan th.place span{
	background:#1DB37E !important;
	padding:25px 0 !important;
	font-weight:bold !important;
}

table.table-app td.place{
	font-weight:bold !important;
}

/*
#content table tr th span {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}
*/
table.table-app th span.small{
	color: #fff !important;
}
table.table-app td span.small{
	color: #c10 !important;
}
table.table-app th span.small,
table.table-app td span.small{
	font-size:10px !important;
}
table.table-app th span.green,
table.table-app td span.green{
	color:#1DB27E !important;
	font-weight:bold !important;
}

/*グリーン*/
table.table-app tr.odd td.gr,
table.table-app td.gr{
	background-color:#f2fbfa !important;
	color:#28a98d;
}
table.table-app tr.odd td.dgr,
table.table-app td.dgr{
	background-color:#fff !important;
	color:#28a98d;
}
/*ブルー*/
table.table-app tr.odd td.bl,
table.table-app td.bl{
	background-color:#edfafd !important;
	color:#1ba8d5;
}
table.table-app tr.odd td.dbl,
table.table-app td.dbl{
	background-color:#fff !important;
	color:#1ba8d5;
}
/*レッド*/
table.table-app tr.odd td.or,
table.table-app td.or{
	background-color:#fdeff1 !important;
	color:#da2639;
}
table.table-app tr.odd td.dor,
table.table-app td.dor{
	background-color:#fff !important;
	color:#da2639;
}


.flowBlock,
.flowBlock2 {
  position: relative;
  display:block !important;
  margin:0;
  padding:0 !important;
  overflow:hidden;
  box-sizing:border-box;
  background:url(../img/contents/package/qr_kensa/dot_line.gif) left 75px repeat-x;
}
/*
.flowBlock:before,
.flowBlock2:before {
  content: "";
  position: absolute;
  top: 76px;
  width: 100%;
  height: 1px;
  border-top: 2px dashed #808080;
  z-index: 5;
}
*/
.flowBlock li {
  position: relative;
  z-index: 10;
  display:block;
  float: left;
  width: 150px;
  /*padding: 0 174px 0 0;*/
  margin: 0 174px 0 0;
  list-style:none;
  text-align:center;
}
.flowBlock2 li {
  position: relative;
  z-index: 10;
  float: left;
  width: 150px;
  /*padding: 0 66px 0 0;*/
  margin: 0 66px 0 0;
  list-style:none;
  text-align:center;
}

.flowBlock li:last-child,
.flowBlock2 li:last-child  {
  padding: 0;
  margin:0;
}

.flowBlock li .icon,
.flowBlock2 li .icon,
.col-1of3 .step,
.col-1of4 .step  {
  width: 100%;
  text-align: center;
  margin: 0 auto !important;
  background: #ededed;
  border: 1px solid #808080;
  border-radius: 10px;    
  -webkit-border-radius: 10px;  
  -moz-border-radius: 10px; 
  /*padding-top: 25px;*/
  display:block;
  
}

.col-1of3 .step p,
.col-1of4 .step p  {
	font-size:20px;
	padding:0em;
	border-radius:50%;
	background-color:#000;
	display:block !important;
	width:2em !important;
	height:2em !important;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:-0.5em;
  
}

.flowBlock li .ttl,
.flowBlock2 li .ttl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}



.col-1of3 .step img,
.col-1of4 .step img  {
  display:block;
  margin:10px auto;
  
}

.omikujititle  {
  width: 70%;
  display:block;
  float:left;
  
}

.omikujiqr  {
  width: 30%;
  display:block;
  max-width:275px;
  float:left;
  
}

@media (max-width: 719px){

.col-1of3 .step,
.col-1of4 .step  {
  width: 50%;
  display:block;
  
}

.omikujititle  {
  width: 100%;
  display:block;
  float:none;
  
}

.omikujiqr  {
  width: 100%;
  display:block;
  max-width:275px;
  float:none;
  margin:0 auto;
  
}

}