@charset "utf-8";

/*======================================================
	特長・機能 - すぐに使える骨格検出ツール / tool
================================================*/
#hiSpeedBodyAndColor {
	margin-bottom: 3em;
	padding:1.5em 2em 1em;
	border: 5px solid #DDD;
}
#hiSpeedBodyAndColor .headline { /*color:#888;*/ }
#hiSpeedBodyAndColor p { margin-bottom: 0; }

@media only screen and (max-width:768px) {
	#hiSpeedBodyAndColor {
		margin-bottom: 2em;
		padding:1em;
		border-width: 3px;
	}
}

/*======================================================
	エリア内行動検出システム / area-intrusion-detection
================================================*/
#areaKenchi .flex .box p {
	margin-bottom: 0;
}
#areaKenchi #system .box { width: 33.3333%; }
#areaKenchi #system .box h1 { font-size: 1.2em;}
#areaKenchi #system .pic {
	position: relative;
}
#areaKenchi #system .pic img {
	position: relative;
	width: 100px;
	z-index: 2;
}
#areaKenchi #system .box:nth-child(2n) .pic:before,
#areaKenchi #system .box:nth-child(2n) .pic:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 50%;
	height: 1px;
	background: #333;
}
#areaKenchi #system .pic:before {
	left: -25%;
}
#areaKenchi #system .pic:after {
	right: -25%;
}
#areaKenchi #system p {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#areaKenchi #parts .pic {
	margin-bottom: 1em;
}
#areaKenchi #parts p { margin-bottom: 0; }
@media only screen and (max-width:768px) {
	/*
	#areaKenchi #system .flex {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#areaKenchi #system .box {
		min-width: 180px;
		padding: 0 1em;
	}
	*/
	#areaKenchi #system .box {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #CCC;
	}
	#areaKenchi #system .box:last-of-type {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0;
	}
	#areaKenchi #system .pic { padding-left: 1em; }
	#areaKenchi #system .pic:before,
	#areaKenchi #system .pic:after {
		display: none;
	}
	#areaKenchi #system .box p {
		width: 100%;
	}
}

/*======================================================
	姿勢評価 / posedemo
================================================*/
#posedemo{
	border: 5px solid #ddd;
	padding: 1.5em 2em;
}
#posedemo .demoinner{
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px dotted #999;
}
#posedemo .demoinner .headline{
	color: #0272c2;
}
#posedemo .col2box{
	display: flex;
	justify-content: space-between;
}
#posedemo .col2box.type01{
	margin-top: 1.2em;
}
#posedemo .col2box .item{
	padding: 0 1%;
}
#posedemo .col2box .chordimg{
	width: 30%;
}
#posedemo .pvInd{
	text-align: center;
	margin-top: 2em;
	padding: 0.8em;
	background-color: #f0f8ff;
}

@media only screen and (max-width:768px) {
	#posedemo{
		padding: 1em 1.5em;
	}
	#posedemo .col2box{
		flex-direction: column;
	}
	#posedemo .col2box .item{
		width: 100%;
		margin-top: 1em;
	}
	#posedemo .col2box .item:first-child{
		margin-top: 0;
	}
}

/*======================================================
	i-PROエリア内異常検知 / vp_area_intrusion_detection
	i-PRO1人作業検知 / vp-single-person-work
================================================*/
#ipro .pic { position: relative; }
#ipro .pic .sashikae {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	font-size: 2em;
	color: #FFF;
}
#ipro #area-parts {
	display: flex;
	justify-content:space-between;
}
#ipro #area-parts .box {
	width: calc(50% - 20px);
	margin: 0 10px;
	padding: 1em;
	border: 1px solid #888;
	text-align: center;
}
#ipro #area-parts .box .headline {
	width: 60%;
	margin: 0 auto 1em;
	border-radius: 100vw;
	background: #0551b0;
	color: #FFF;
}
#ipro #case .imgTxt { 
	padding: 1.5em;
	justify-content: space-between;
}
#ipro #case .imgTxt .txt{ 
  flex-shrink: 0;
	width: 30%;
}
#ipro #case .imgTxt .txt.wHalf {
  width: 50%;
}
#ipro #case .imgTxt .pic{ 
	margin: 0 0 0 2em;
}
#ipro #case .flex.column3 .box {
	margin-bottom: 1em;
}
#ipro #useScene .flex.column3{ 
	justify-content: space-around;
}
#ipro #cameraData.flex.column3 {
  flex-wrap: wrap;
  justify-content: flex-start
}
#ipro #cameraData .box { 
	width: calc(33.333% - 2%);
	margin-right: 3%;
	background-color: #F3F3F3;
	text-align: center;
	padding: 2% 3% 1%;
}
#ipro #cameraData .box:nth-of-type(3n) { 
	margin-right: 0;
}
#ipro #cameraData .box img{
	max-height: 180px;
}
#ipro #dlLink {
	margin-top: 6em;
}
#ipro #dlLink .imgTxt{
	justify-content: center;
}
#ipro #dlLink .imgTxt .btn a{
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 0.1em 2em;
	height: 3em;
}
#ipro #dlLink .txt{
	margin-top: 1.5em;
	text-align: center;
}
#ipro #dlLink .contactLink{
	margin-top: 2em;
	padding-top: 2em;
	border-top:1px dashed #999;
}
#ipro #dlLink .contactLink .btn a{
	background-color: #e2e7eb;
	border: 1px solid #CCC;
	color: #666;
}
#ipro #dlLink .contactLink .btn a:hover{
	color: #235987;
	background-color: #cde0ef;
	border: 1px solid #5189b8;
}

@media only screen and (max-width:1024px) {
	#ipro #case .imgTxt { 
		display: block;
		padding: 1em;
	}
	#ipro #case .imgTxt .txt,
	#ipro #case .imgTxt .pic{ 
		width: 100% !important;
		margin: 0;
	}
	#ipro #case .imgTxt .txt + .pic{
		margin-top: 1em;
	}
	#ipro #useScene .flex.column3 .box {
		margin-bottom: 1em;
	}
}
@media only screen and (max-width:768px) {
	#ipro #case .imgTxt .pic {
		margin: 1em 0 0 0 !important;
	}
	#ipro #cameraData.flex.column3 {
		flex-direction: row;
	}
	#ipro #dlLink {
		margin-top: 3em;
	}
	#ipro #dlLink .imgTxt .btn{
		margin-bottom: 1em;
	}
	#ipro #dlLink .imgTxt .btn a{
		width: 100%;
		min-width: inherit;
	}
	#ipro #dlLink .txt{
		text-align: left;
	}
	#ipro #dlLink .contactLink{
		margin: 2em 0 1em;
		padding-top: 1.5em;
	}
	#ipro #area-parts {
		display: block;
	}
	#ipro #area-parts .box {
		width: auto;
		max-width: none;
		margin: 0 auto 1em;
	}
	#ipro #area-parts .box .headline {
		min-width: 160px;
	}
}

/*======================================================
	足つき性判定 / motofit
================================================*/
#motofit.detailBox  .txt + .txt {
	margin-top: 5em;
}
#motofit #flow .flex.column3 {
	flex-wrap: wrap;
	justify-content: flex-start;
}
#motofit #flow .box { 
	width: calc(33.333% - 2%);
	margin-right: 3%;
	margin-bottom: 3%;
}
#motofit #flow .box .inner{
	margin: 0.8em 0 0.5em;
/*	margin: 0.8em 1.2em 1em;*/
}
#motofit #flow .box .flowTitle{ 
	display: flex;
	align-items: center;
	margin-bottom: 0.4em;
}
#motofit #flow .box .number {
	font-family: 'Roboto',sans-serif;
	color: #cc0000;
	font-size: 0.8em;
	font-weight: 700;
	text-align: center;
	line-height: 0.2;
	margin-right: 1em;
	margin-top: 0.5em;
}
#motofit #flow .box .number .count {
	font-size: 2.4em;
	line-height: 1.2;
}
#motofit #flow .box .process {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.4;
/*	margin-bottom: 1.2em;*/
}
#motofit #flow .box:nth-of-type(3n) {
	margin-right: 0;
}
#motoapp .imgTxt .pic{
	padding-right: 2em;
	width: 45%;
}
#motoapp .imgTxt .txt{
	width: 55%;
}
#motofit #patent .imgTxt { 
/*	padding: 1.5em;*/
	justify-content: space-between;
/*	background-color: #FEF;*/
/*	padding-bottom: 3em;*/
}
#motofit #patent .imgTxt .pic{ 
	width: 15%;
	margin: 0 2em 0 0;
}
#motofit #patent .imgTxt .txt{ 
	width: 85%;
}
#motofit #patent .flex.column3 .box {
	margin-bottom: 1em;
}

@media only screen and (max-width:1024px) {
	#motofit #flow .box { 
		width: calc(50% - 1.5%);
		margin-right: 3%;
	}
	#motofit #flow .box:nth-of-type(3n) {
		margin-right: 3%;
	}
	#motofit #flow .box:nth-of-type(2n) {
		margin-right: 0;
	}
	#motoapp .imgTxt .pic,
	#motoapp .imgTxt .txt	{
		padding: 0;
		width: 100%;
	}
	#motoapp .imgTxt {
		display: block;
	}
	#motofit #patent .imgTxt { 
		display: block;
	}
	#motofit #patent .imgTxt .txt,
	#motofit #patent .imgTxt .pic{ 
		width: 100%;
		margin: 0;
	}
	#motofit #patent .imgTxt .txt + .pic{
		margin-top: 1em;
	}
}
@media only screen and (max-width:768px) {
	#motofit #flow .box { 
		padding: 2%;
	}
	#motofit #flow .flex.column3 {
		flex-direction: row;
	}
}


/*======================================================
	人体3DCG「AI-FIT」 / aifit
================================================*/
#aifit.detailBox  .txt + .txt {
	margin-top: 5em;
}
#aifit .imgTxt .pic{
	width: 55%;
}
#aifit .imgTxt .txt{
	padding-right: 2em;
	width: 45%;
}
#aifit .listBox{
	margin: 1em 0;
}
#aifit .listBox li {
	line-height: 2;
}
#aifit .simulation{
	border: 1px dotted #666;
	padding: 2em 2.5em;
	margin-top: 2em;
}
#aifit .simulation .listBox li i{
	color: #D93C33;
}
#aifit .listBox.custom{
	margin-bottom: 1.5em;
}
#aifit .listBox.custom li {
	font-size: 1.2em;
	margin-bottom: 1%;
}
#aifit .listBox.custom li i{
	font-size: 1.1em;
	color: #0C52BF;
}
#aifit .compSheet th{
	width: 10%;
}
#aifit .compSheet th:before{
	display: none;
}

@media only screen and (max-width:1024px) {
	#aifit .imgTxt{
		display: block;
	}
	#aifit .imgTxt .pic,
	#aifit .imgTxt .txt{
		padding: 0;
		width: 100%;
	}
	#aifit .simulation{
		padding: 1em 1.5em;
	}
}


/*======================================================
	VP-VideoAnalyzer / vpvideoana
================================================*/
#vpvideoana section + section {
	margin-top: 4em;
}
#vpvideoana .imgTxt .pic{
	margin-right: 2.5em;
}
.definitionList dt{
	color:#0F33B9;
	font-size: 1.1em;
	font-weight: 700;
	display: inline-block;
}
.definitionList dt i{
	font-size: 1.1em;
}
.definitionList dd{
	margin-bottom: 1.5em;
}
#vpvideoana .screenexp .box{
	width: calc(33.333% - 1em);
	background-color: #EAF5FC;
	padding: 1em;
}
#vpvideoana .screenexp .box .headline{
	color:#0F33B9;
	font-weight: 700;
}
#vpvideoana .compSheet tbody th:not(.sub){
	background: #e4f1fc;
}
@media only screen and (max-width:1024px) {
	#vpvideoana .compSheet tbody th:before{
		display: none;
	}
}
@media only screen and (max-width:768px) {
	.definitionList dt{
		line-height: 1.6;
	}
	#vpvideoana .flex.column3 .box{
		width: 100%;
		margin-bottom: 1em;
	}
}


/*======================================================
	特長・機能 - 他社製品との性能比較 / performance
================================================*/
.specSheet {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border-right: 5px solid #DDD;
	border-bottom: 5px solid #DDD;
	font-size: 0.875em;
}
.specSheet .txtLink { border-color:#0396ff; }
.specSheet .pcStyle { display: table-cell; }
.specSheet th,
.specSheet td {
	padding: 1em;
	vertical-align: top;
}
.specSheet th:empty { visibility: hidden; }
.specSheet thead th {
	height: 5em;
	border-top:5px solid #DDD;
	vertical-align: middle;
}
.specSheet tbody th {
	width: 1%;
	background: #666;
	white-space: nowrap;
	color: #FFF;
}
.specSheet tbody td {
	width: 33.333%;
	background: #EEE;
}
.specSheet tbody tr:nth-of-type(4n) th { background:#555; }
.specSheet tbody tr:nth-of-type(4n) td { background:#FFF;}

.specSheet thead th:nth-of-type(2),
.specSheet tbody td:nth-of-type(1) {
	border:5px solid #FF0;
	border-top: 0;
	border-bottom: 0;
	color: #0396ff;
}

.specSheet thead th:nth-of-type(3),
.specSheet tbody td:nth-of-type(2) {
	border-right:5px solid #DDD;
}
.specSheet thead tr:first-child th:nth-of-type(2) {
	border-top: 5px solid #FF0;
}
.specSheet tbody td:nth-of-type(1) {
	background: #b7e2ff !important;
}
.specSheet tbody tr:nth-of-type(4n) td:nth-of-type(1) {
	background: #e4f4ff !important;
}
.specSheet tbody tr:last-child td:nth-of-type(1) {
	border-bottom: 5px solid #FF0;
}

.specSheet caption {
	caption-side: top;
	padding: 0.5em 1em;
	text-align: right;
}
.sheet {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	max-width: 60em;
}
.sheet th,
.sheet td {
	padding: 1em 2em;
	border: 1px solid #CCC;
	vertical-align: top;
}
.sheet th {
	width: 1%;
	background: #F6F6F6;
	white-space: nowrap;
}
@media only screen and (max-width:1024px) {
	.specSheet {
		min-width: 728px;
		font-size: 12px;
	}
	.specSheet th,
	.specSheet td {
		padding: 0.5em 1em;
	}
	.specSheet thead th {
		height: 3em;
		font-size: 1em;
	}
	.specSheet,
	.specSheet thead th,
	.specSheet thead th:nth-of-type(2),
	.specSheet tbody td:nth-of-type(1),
	.specSheet thead th:nth-of-type(3),
	.specSheet tbody td:nth-of-type(2),
	.specSheet thead tr:first-child th:nth-of-type(2),
	.specSheet tbody tr:last-child td:nth-of-type(1) {
		border-width:2px;
	}
}

@media only screen and (max-width:768px) {

	.specSheet .pcStyle { display:none; }
	.specSheet .spStyle { display:table-row; }
	.specSheet .spStyle th span {
		position: sticky;
		left: 3em;
	}
	.specSheet tbody th {
		/*
		background: #DDD !important;
		color: inherit;
		*/
		vertical-align: middle;
	}
	.specSheet tbody th:before {
		content: "";
		display: inline-block;
		position: sticky;
		left: 1em;
		margin-right: 1em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 6px 0 6px;
		border-color: #FFF transparent transparent transparent;
	}
	.sheet,
	.sheet tbody,
	.sheet tr,
	.sheet th,
	.sheet td {
		display: block;
		width: auto;
		border: 0;
	}
	.sheet tr {
		margin-bottom: 1em;
	}
	.sheet th,
	.sheet td {
		padding: 0.5em 1em;
	}
}



/*======================================================
	お客様の導入事例 / recent-case
================================================*/
#recentSec.sec { min-height: 1000px; }
#recentSec #recent,
#recentSec .recent {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 3em;
}
#recentSec .recent { padding-top: 0; }
#recentSec .secHead { margin-top: 1em; }

#recentSec #recent:after,
#recentSec .recent:after {
  content: "";
  display: block;
  width: calc(33.3333% - 1em);
}
#recentSec #recent .box,
#recentSec .recent .box {
	width: calc(33.3333% - 1em);
	max-width: 500px;
	margin-bottom: 2em;
}
#recentSec #recent .pic,
#recentSec .recent .pic {
	margin-bottom: 1em;
	/*border: 1px solid #CCC;*/
}
#recentSec #recent .date,
#recentSec .recent .date { color: #888; }
#recentSec #recent h2,
#recentSec #recent h3,
#recentSec #recent h4,
#recentSec .recent h2,
#recentSec .recent h3,
#recentSec .recent h4 {
  font-weight: 500;
  color: #164FA4;
}

#education ul{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#education li{
	font-size: 0.8em;
	text-align: center;
	width: 16.666%;
	padding: 0.4em;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
@media only screen and (max-width:768px) {
	#recentSec.sec { min-height: 0; }
	#recentSec #recent .box,
  #recentSec .recent .box {
		width: calc(50% - 0.5em);
		max-width:none;
		margin-bottom: 1em;
	}
	#education li{
		width: 33.333%;
	}
}


/*======================================================
	料金一覧 / price
================================================*/
.headline2 {
	font-size: 1.8em;
	font-weight: 700;
/*	letter-spacing: 2px;*/
	position: relative;
	padding: 0.6em 0;
	border-bottom: 6px solid #E3E3E3;
	margin-bottom: 1.5em;
}
.headline2:before {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 15%;
	height: 6px;
	content: '';
	background: #135aac;
}
@media only screen and (max-width:768px) {
	.headline2 {
		font-size: 1.4em;
		padding: 0.4em 0;
		margin-bottom: 1em;
	}
}

#price .innerSec{
	margin-bottom: 4em;
}
#price .compSheet th, 
#price .compSheet td {
	width: 25%;
}
#price .compSheet.column5 th, 
#price .compSheet.column5 td {
	width: 20%;
}

#price .compSheet.wAuto th, 
#price .compSheet.wAuto td,
#price .compSheet th.inwAuto,
#price .compSheet td.inwAuto{
	width: auto;
}
#price .capList{
	margin-top: 0.5em;
}
#price .capList li{
	color: #444;
	font-size: 0.9em;
	padding-left: 1em;
	text-indent: -1em;
}
#price .linkDetail a{
	color: #135aac;
	border-bottom: 1px solid #135aac;
}
#price .linkDetail i{
	color: #135aac;
}
#price .linkDetail a:hover{
	border-bottom: none;
	opacity: 0.7;
	transition: all .3s ease 0s;
}

#price .priceBox .pbTitle{
	font-size: 1.3em;
	border-left: solid 0.5em #0885B1;
	padding-left: 0.6em;
	font-weight: 700;
	margin-bottom: 1em;
}
#price .priceBox .amount{
	display: flex;
	justify-content: flex-start;
	align-items:baseline;
}
#price .priceBox .amount .txt span{
	color: #014FAA;
	font-size: 1.1em;
	font-weight: 900;
	letter-spacing: 1px;
}
#price .priceBox .amount .money{
	white-space: nowrap;
	padding-left: 1.5em;
}
#price .priceBox .amount .money strong{
	font-size: 1.4em;
}
#price .priceBox{
	margin: 0 0 3em;
}
#price .priceBox .pic{
	margin-bottom: 1em;
}

#price .priceBox .deliver{
	padding: 1em 1.8em;
	margin-top: 1.5em;
	border: 1px solid #DDD;
}
#price .priceBox .deliver .dHead{
	color: #135aac;
	font-weight: 700;
	margin-bottom: 0.5em;
}
#price .ban_w{
	width: 70%;
	margin: 2em auto 0;
	min-width: 640px;
}
#price .ban_w a:hover img {
	transition: .3s;
	opacity: 0.7;
}

#price .btoAppBox{
	margin-top: 3em;
	padding: 1.5em 1.5em  2em;
	background-color: #F6F6F6;
}
#price .btoAppBox .btoAppTitle{
	color: #135aac;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
	line-height: 1.6;
}
#price .btoAppBox .recoModel{
	display: flex;
	justify-content: space-between;
}
#price .btoAppBox .recoModel li{
	display: flex;
	padding: 1em 0.5em;
	width: 49%;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 6px;
}
#price .btoAppBox .recoModel li .pic{
	width: 30%;
	padding-right: 0.5em;
}
#price .btoAppBox .recoModel .modelName{
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.5em;
}

/*オプション導線*/
.condLink{
	text-align: center;
	padding: 1.5em 2em;
	margin-bottom: 3em;
	background-color: #eaf6ff;
	border: 1px solid #c6cfdf;
}
.condLink .condTitle{
	text-align: center;
	margin-bottom: 1em;
	white-space: nowrap;
}
.condLink .condTitle .txt{
	font-size: 1.4em;
	font-weight: 700;
}
.condLink .condTitle .osusume{
	color: #fff;
	font-size: 0.9em;
	padding: 0 1em;
	margin: 0;
	display: inline-block;
	border-radius: 30px;
	background-color: #10a871;
}
.condLink .btn{
	margin-top: 1.5em;
}
.condLink.fCol2{
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.condLink.fCol2 .condTitle{
	margin: 0;
	padding: 1.5em 2.5em;
}
.condLink.fCol2 .condTxt{
	text-align: left;
	padding: 1.6em 1.6em 1.6em 2.2em;
	border-left: 1px solid #c6cfdf;
	background-color: #FFF;
}
.condLink.fCol2 .condTxt .btn{
	margin-top: 1em;
	justify-content: flex-start;
}
.condLink.fCol2 .condTxt .btn a{
	margin: 0;
}

.compSheet .spStyleRow { display: none; }
@media only screen and (max-width:768px) {
	#price .innerSec{
		margin-bottom: 3em;
	}
	#price .compSheet .spStyleRow {
		display: table-cell;
	}
	#price .compSheet tbody th:before{
		display: none;
	}
	#price #environment .compSheet .spStyle th{
		text-align: center;
	}
	#price #environment .compSheet .spStyle th span {
		left: 0;
	}
	#price .priceBox .pbTitle{
		font-size: 1.2em;
		margin-bottom: 1em;
	}
	#price .priceBox .deliver{
		padding: 1em 1.5em;
	}
	#price .ban_w{
		width: 90%;
		margin-top: 1.5em;
		min-width: 300px;
	}
	#price .btoAppBox{
		padding: 1em 1em 1.5em ;
	}
	#price .btoAppBox .recoModel{
		flex-direction: column;
	}
	#price .btoAppBox .recoModel li{
		width: 100%;
		margin-bottom: 0.5em;
	}
	#price .btoAppBox .recoModel li .pic{
		width: 30%;
		padding-right: 0.5em;
	}
	#price .btoAppBox .ban_w{
		width: 100%;
		margin-top: 1em;
	}
	.condLink{
		text-align: left;
		padding: 1em 1.5em;
		margin-bottom: 2em;
	}
	.condLink .condTitle{
		margin-bottom: 0.5em;
	}
	.condLink .condTitle .txt{
		font-size: 1.2em;
	}
	.condLink .btn{
		margin-top: 1em;
	}
  .condLink .btn a {
    margin-bottom: 0.5em;
  }
	.condLink.fCol2{
		flex-direction: column;
		margin-bottom: 3em;
	}
	.condLink.fCol2 .condTitle{
		padding: 0.8em;
	}
	.condLink.fCol2 .condTxt{
		padding: 1em 1.2em;
		border-top: 1px solid #c6cfdf;
		border-left: none;
	}
	.condLink.fCol2 .condTxt .btn{
		justify-content: center;
	}
}


/*======================================================
	導入方法 / support
================================================*/
.flowBox {
	overflow: hidden;
	position: relative;
	margin-top: -2px;
	padding-left: 40px;
}
.flowBox:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 15px;
	width: 1px;
	height: 100%;
	background: #333;
	z-index: -1;
}
.flowBox:last-of-type:after { display: none; }
.flowBox .headline {
	margin-left: -40px;
}

.ostag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-width: 60px;
	padding: 0 0.5em;
	background: #888;
	color: #fff;
	font-size: 14px;
}


/*======================================================
	お問い合わせ / contact
================================================*/
#contactSec .txt {
	margin-bottom: 2em;
}
#contactSec .tdHead {
	padding-top: 0.5em;
	font-weight: bold;
}
#contactSec .tdHead:first-of-type { padding-top: 0; }
#contactSec #platform .wpcf7-form-control-wrap {
	min-height: 0;
}

@media only screen and (max-width:768px) {
	#contactSec .txt,
	#contactSec .cautionBox {
		margin-bottom:1em;
		text-align: left;
	}
	#contactSec .txt br { display: none; }
}