guide-support-service-process 20211102
受注後1ヶ月の間、顧客へ利用支援サービスを毎週自動案内するワークフローです。自動集計された利用頻度に応じて案内する利用支援サービスが決められます。低調な顧客へはビデオチャットを、好調な顧客へは活用例ブログ等が案内されます。
作業担当者 （スイムレーンの数：1）
- サポート担当者
- 契約顧客にサポートサービスを提供する担当者
仕事の流れ （ワークフロー図の複雑度：21）
- 1 1.案内期間を登録
- サポート担当者が、通知対象の期間／IDを登録します。
- 12 1x.Analytics エラー確認
- サポート担当者が、集計を再実行させます。必要に応じて、集計期間などを変更します。
- 5 Google Analytics データ取得
- ワークフロー基盤が、指定期間・PagePath をもとに Google Analytics API を用い PV・セッション数・ページタイトルを取得します。
- 15 function 評価基準取得
- ワークフロー基盤が、機能毎の評価データ（Google シート）を取得します。
- 31 利用頻度測定・案内機能決定
- ワークフロー基盤が、各機能のPVを集計します。集計の結果、基準値を下回る機能を抽出します。総PV数も集計し、好調/低調の判断を行います。
- 7 案内日セット
- ワークフロー基盤が、案内日を格納します。案内日は、集計開始日から7日後です。
- 39 案内日初期値セット
- ワークフロー基盤が、案内日の初期値を格納します。
- 36 機能別判定：案内文言取得
- ワークフロー基盤が、通知に差し込む文章を取得します。低調な機能に応じた文章が取得されます。
- 35 総PV判定：案内文言取得
- ワークフロー基盤が、通知に差し込む文章を取得します。好調/低調の指定に応じた文章が取得されます。
- 41 集計履歴セット
- ワークフロー基盤が、集計情報を履歴に追加記載します。
- 40 集計開始日セット
- ワークフロー基盤が、集計開始日を格納します。
ワークフロー図 （クリックして開く）
受け渡しされるビジネスプロセス変数 （データ項目の数：18）
- ◆案内対象情報
20 - 契約開始日 q_measurement_start_date
0- 契約開始日が格納されます。
- processInstanceStartDatetime
- 契約開始1ヶ月後 q_measurement_end_date
1- 契約開始日1ヶ月後の日付（案内期限）が格納されます。
- processInstanceStartDatetime.addMonths(1)
- 案内対象 集計開始日 q_start_date_for_measure
9- 集計開始日（案内内容を判断する集計）が格納されます。
- processInstanceStartDatetime
- 案内日 q_guide_date
17- 案内日（メール通知日）が格納されます。
- processInstanceStartDatetime
- 契約基盤ID q_pagePath
4- 計測対象の PagePath が格納されます。（ご利用基盤の URL の一部を想定）
- 案内先メールアドレス q_mail_address
6- 案内メールの宛先（メールアドレス）が格納されます。
- ◆収集実績データ
18 - PV数実績値(function毎) q_pv_for_each_function
11- function 毎に PV を集計した結果が格納されます。
- トータル利用度判定 q_active_kind
21- 対象基盤の PV 総計から判断された、好調/低調が格納されます。
- 案内対象機能 q_guide_function
22- 低調なfunction名が格納されます。
- 総PV判定：サポートサービス案内文言 q_guide_content_for_total_pv
8- 案内メールに埋め込まれる文章が格納されます。（好調/低調毎に変化します）
- 機能別判定：サポートサービス案内文言 q_guide_content_for_function_pv
7- 案内メールに埋め込まれる文章が格納されます。（低調なfunction毎に変化します）
- ◆評価基準/Analyticsデータ
19 - 評価テーブル q_evaluation_table
5- 各function毎のPV数・好調/低調しきい値が格納されます。
- Analytics集計データ q_analytics_data
2- 取得した Google Analytics 集計情報が格納されます。（1行目タイトルの2行を想定）
- 通信ログ q_communication_log
3- Google Analytics API アクセス結果が格納されます。
- 集計履歴 q_measure_history
10- 案内日毎の集計結果履歴が格納されます。
- <<Start:#{processInstanceStartDatetime}>>
フィールド名, Num, 初期値
Download
- guide-support-service-process-20211102-ja.qar
- guide-support-service-process-20211102-ja.csv （データ項目定義インポート用）
- 総ＰＶ・機能別ＰＶ 利用状況判定テーブル
This archive contains the BPMN icon, which is only available in the Professional edition.
Notes
- インポート時に組織構造に合わせて、処理担当者設定の関連付けを行います
- 契約顧客への案内通知は、契約開始から7日後から開始されます。以降、7日毎に案内通知が行われます。契約開始から1ヶ月後、案内通知が終了します。
- 契約開始タイミングで受注プロセス等から本プロセスに「契約開始日」「契約基盤ID」「案内先メールアドレス」が連携されることを想定しています。
- 「契約基盤ID」と集計期間を元に Google Analytics より契約基盤アクセスＵＲＬ毎のＰＶを取得します。（500件上限）
- 全てのＰＶ数を加算し、総ＰＶを集計します。
- 機能毎にＰＶ数を加算し、集計します。（集計対象 機能種類 総ＰＶ・機能別ＰＶ 利用状況判定テーブル list シート）
- 総ＰＶ・機能別ＰＶ 利用状況判定テーブルを用いて、集計データを評価します。
Arrangement Tips
「利用頻度測定・案内機能決定」工程 メール差し込み文言切替 スクリプト (click to open)
const actualValue = engine.findDataByVarName("q_analytics_data").replace(/\n+$/g,'');
const evaluationTable = engine.findDataByVarName("q_evaluation_table");
const etRows = evaluationTable.split("\n");
let totalization = new Array();
let totalPV = 0;
let totalPVStandard = 0;
main();
function main(){
// 評価データセット
// totalization [i][0]: function [i][2]: border line pv count
for (var i=0; i < etRows.length; i++){
let etCols = etRows[i].split("\t");
let element = new Array();
if (i === 0){
totalPVStandard = etCols[1];
}else{
element.push(etCols[0]);
element.push(0);
element.push(etCols[1]);
totalization.push(element);
}
}
// PV 実績値セット 各 function 毎の PV 実績値を集計
// totalization [i][1] total pv count for each function
// totalPV total pv count for all functions
let rows = actualValue.split("\n");
for (var i=1; i < rows.length; i++){
let cols = rows[i].split("\t");
// cols[0] :pv [1]:session [2]:hostname+pagePath [3]:Title
engine.log("cols[2]: " + cols[2]);
for (var j=0; j < totalization.length; j++){
if (cols[2].indexOf(totalization[j][0]) !== -1){
totalization[j][1] += Number(cols[0]);
}
}
totalPV += Number(cols[0]);
}
engine.log("totalPV" + totalPV);
let result = "総PV数: " + totalPV + "pv\n <function別PV集計>\n";
result += "function:実績総PV数:各function低調基準PV数\n";
for(var i=0; i < totalization.length; i++){
result += totalization[i][0] + ": " + totalization[i][1]+ ": " + totalization[i][2] + "\n";
engine.log(totalization[i][0] + ": " + totalization[i][1]+ ": " + totalization[i][2]);
}
// 好調／低調判定
let activeKind = "";
if (totalPVStandard <= totalPV){
activeKind = "active";
}else{
activeKind = "inactive";
}
let inactiveFunctions = new Array();
for(var i=0; i < totalization.length; i++){
if (totalization[i][1] < totalization[i][2]){
inactiveFunctions.push(totalization[i][0]);
}
}
let numRand = 0;
let inactiveFunction = totalization[0][0]; // 初期値：低調 function 無し
if (inactiveFunctions.length != 0){
numRand = Math.floor( Math.random() * inactiveFunctions.length );
inactiveFunction = inactiveFunctions[Number(numRand)];
}
// ワークフローデータ格納
engine.setDataByVarName("q_pv_for_each_function",result);
engine.setDataByVarName("q_active_kind", [activeKind]);
engine.setDataByVarName("q_guide_function",inactiveFunction);
}利用案内ＨＴＭＬメール ＨＴＭＬコード (click to open)
<!DOCTYPE html>
<html>
<head>
<title>ご利用支援案内</title>
<style type="text/css">
table[name="blk_permission"], table[name="blk_footer"] {display:none;}
</style>
<meta name="googlebot" content="noindex" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" />
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style type="text/css">
/*** BMEMBF Start ***/
[name=bmeMainBody]{min-height:1000px;}
@media only screen and (max-width: 480px){table.blk, table.tblText, .bmeHolder, .bmeHolder1, table.bmeMainColumn{width:100% !important;} }
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable td.tblCell{padding:0px 20px 20px 20px !important;} }
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td.tblCell{padding:20px 20px 0 20px !important;} }
@media only screen and (max-width: 480px){table.bmeCaptionTable td.tblCell{padding:10px !important;} }
@media only screen and (max-width: 480px){table.tblGtr{ padding-bottom:20px !important;} }
@media only screen and (max-width: 480px){td.blk_container, .blk_parent, .bmeLeftColumn, .bmeRightColumn, .bmeColumn1, .bmeColumn2, .bmeColumn3, .bmeBody{display:table !important;max-width:600px !important;width:100% !important;} }
@media only screen and (max-width: 480px){table.container-table, .bmeheadertext, .container-table { width: 95% !important; } }
@media only screen and (max-width: 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table.share-tbl { padding-bottom: 15px; width: 100% !important; } table.share-tbl td { display: block !important; text-align: center !important; width: 100% !important; } }
@media only screen and (max-width: 480px){td.bmeShareTD, td.bmeSocialTD{width: 100% !important; } }
@media only screen and (max-width: 480px){td.tdBoxedTextBorder{width: auto !important;}}
@media only screen and (max-width: 480px){table.blk, table[name=tblText], .bmeHolder, .bmeHolder1, table[name=bmeMainColumn]{width:100% !important;} }
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable td[name=tblCell]{padding:0px 20px 20px 20px !important;} }
@media only screen and (max-width: 480px){.bmeImageCard table.bmeCaptionTable.bmeCaptionTableMobileTop td[name=tblCell]{padding:20px 20px 0 20px !important;} }
@media only screen and (max-width: 480px){table.bmeCaptionTable td[name=tblCell]{padding:10px !important;} }
@media only screen and (max-width: 480px){table[name=tblGtr]{ padding-bottom:20px !important;} }
@media only screen and (max-width: 480px){td.blk_container, .blk_parent, [name=bmeLeftColumn], [name=bmeRightColumn], [name=bmeColumn1], [name=bmeColumn2], [name=bmeColumn3], [name=bmeBody]{display:table !important;max-width:600px !important;width:100% !important;} }
@media only screen and (max-width: 480px){table[class=container-table], .bmeheadertext, .container-table { width: 95% !important; } }
@media only screen and (max-width: 480px){.mobile-footer, .mobile-footer a{ font-size: 13px !important; line-height: 18px !important; } .mobile-footer{ text-align: center !important; } table[class="share-tbl"] { padding-bottom: 15px; width: 100% !important; } table[class="share-tbl"] td { display: block !important; text-align: center !important; width: 100% !important; } }
@media only screen and (max-width: 480px){td[name=bmeShareTD], td[name=bmeSocialTD]{width: 100% !important; } }
@media only screen and (max-width: 480px){td[name=tdBoxedTextBorder]{width: auto !important;}}
@media only screen and (max-width: 480px){.bmeImageCard table.bmeImageTable{height: auto !important; width:100% !important; padding:20px !important;clear:both; float:left !important; border-collapse: separate;} }
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable{height: auto !important; width:100% !important; padding:10px !important;clear:both;} }
@media only screen and (max-width: 480px){.bmeMblInline table.bmeCaptionTable{width:100% !important; clear:both;} }
@media only screen and (max-width: 480px){table.bmeImageTable{height: auto !important; width:100% !important; padding:10px !important;clear:both; } }
@media only screen and (max-width: 480px){table.bmeCaptionTable{width:100% !important; clear:both;} }
@media only screen and (max-width: 480px){table.bmeImageContainer{width:100% !important; clear:both; float:left !important;} }
@media only screen and (max-width: 480px){table.bmeImageTable td{padding:0px !important; height: auto; } }
@media only screen and (max-width: 480px){td.bmeImageContainerRow{padding:0px !important;}}
@media only screen and (max-width: 480px){img.mobile-img-large{width:100% !important; height:auto !important;} }
@media only screen and (max-width: 480px){img.bmeRSSImage{max-width:320px; height:auto !important;}}
@media only screen and (min-width: 640px){img.bmeRSSImage{max-width:600px !important; height:auto !important;} }
@media only screen and (max-width: 480px){.trMargin img{height:10px;} }
@media only screen and (max-width: 480px){div.bmefooter, div.bmeheader{ display:block !important;} }
@media only screen and (max-width: 480px){.tdPart{ width:100% !important; clear:both; float:left !important; } }
@media only screen and (max-width: 480px){table.blk_parent1, table.tblPart {width: 100% !important; } }
@media only screen and (max-width: 480px){.tblLine{min-width: 100% !important;}}
@media only screen and (max-width: 480px){.bmeMblCenter img { margin: 0 auto; } }
@media only screen and (max-width: 480px){.bmeMblCenter, .bmeMblCenter div, .bmeMblCenter span { text-align: center !important; text-align: -webkit-center !important; } }
@media only screen and (max-width: 480px){.bmeNoBr br, .bmeImageGutterRow, .bmeMblStackCenter .bmeShareItem .tdMblHide { display: none !important; } }
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable, .bmeMblInline table.bmeCaptionTable, td.bmeMblInline { clear: none !important; width:50% !important; } }
@media only screen and (max-width: 480px){.bmeMblInlineHide, .bmeShareItem .trMargin { display: none !important; } }
@media only screen and (max-width: 480px){.bmeMblInline table.bmeImageTable img, .bmeMblShareCenter.tblContainer.mblSocialContain, .bmeMblFollowCenter.tblContainer.mblSocialContain{width: 100% !important; } }
@media only screen and (max-width: 480px){.bmeMblStack> .bmeShareItem{width: 100% !important; clear: both !important;} }
@media only screen and (max-width: 480px){.bmeShareItem{padding-top: 10px !important;} }
@media only screen and (max-width: 480px){.tdPart.bmeMblStackCenter, .bmeMblStackCenter .bmeFollowItemIcon {padding:0px !important; text-align: center !important;} }
@media only screen and (max-width: 480px){.bmeMblStackCenter> .bmeShareItem{width: 100% !important;} }
@media only screen and (max-width: 480px){ td.bmeMblCenter {border: 0 none transparent !important;}}
@media only screen and (max-width: 480px){.bmeLinkTable.tdPart td{padding-left:0px !important; padding-right:0px !important; border:0px none transparent !important;padding-bottom:15px !important;height: auto !important;}}
@media only screen and (max-width: 480px){.tdMblHide{width:10px !important;} }
@media only screen and (max-width: 480px){.bmeShareItemBtn{display:table !important;}}
@media only screen and (max-width: 480px){.bmeMblStack td {text-align: left !important;}}
@media only screen and (max-width: 480px){.bmeMblStack .bmeFollowItem{clear:both !important; padding-top: 10px !important;}}
@media only screen and (max-width: 480px){.bmeMblStackCenter .bmeFollowItemText{padding-left: 5px !important;}}
@media only screen and (max-width: 480px){.bmeMblStackCenter .bmeFollowItem{clear:both !important;align-self:center; float:none !important; padding-top:10px;margin: 0 auto;}}
@media only screen and (max-width: 480px){
.tdPart> table{width:100% !important;}
}
@media only screen and (max-width: 480px){.tdPart>table.bmeLinkContainer{ width:auto !important; }}
@media only screen and (max-width: 480px){.tdPart.mblStackCenter>table.bmeLinkContainer{ width:100% !important;}}
.blk_parent:first-child, .blk_parent{float:left;}
.blk_parent:last-child{float:right;}
/*** BMEMBF END ***/
table[name="bmeMainBody"], body {background-color:#2f2f2f;}
td[name="bmePreHeader"] {background-color:#00ae54;}
td[name="bmeHeader"] {background:#ffffff;background-color:#00ae54;}
td[name="bmeBody"], table[name="bmeBody"] {background-color:#ffffff;}
td[name="bmePreFooter"] {background-color:#ffffff;}
td[name="bmeFooter"] {background-color:#ffffff;}
td[name="tblCell"], .blk {font-family:initial;font-weight:normal;font-size:initial;}
table[name="blk_blank"] td[name="tblCell"] {font-family:Arial, Helvetica, sans-serif;font-size:14px;}
[name=bmeMainContentParent] {border-color:#666666;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;overflow:hidden;}
[name=bmeMainColumnParent] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;}
[name=bmeMainColumn] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;}
[name=bmeMainContent] {border-color:transparent;border-width:0px;border-style:none;border-radius:0px;border-collapse:separate;border-spacing:0px;}
</style>
</head>
<body marginheight=0 marginwidth=0 topmargin=0 leftmargin=0 style="height: 100% !important; margin: 0; padding: 0; width: 100% !important;min-width: 100%;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" name="bmeMainBody" style="background-color: rgb(47, 47, 47);" bgcolor="#2f2f2f">
<tbody>
<tr>
<td width="100%" valign="top" align="center">
<table cellspacing="0" cellpadding="0" border="0" name="bmeMainColumnParentTable">
<tbody>
<tr>
<td name="bmeMainColumnParent" style="border: 0px none transparent; border-radius: 0px; border-collapse: separate;">
<table name="bmeMainColumn" class="bmeHolder bmeMainColumn" style="max-width: 600px; border-radius: 0px; border-collapse: separate; border-spacing: 0px; overflow: visible;" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="100%" class="blk_container bmeHolder" name="bmePreHeader" valign="top" align="center" style="color: rgb(102, 102, 102); border: 0px none transparent; background-color: rgb(0, 174, 84);" bgcolor="#00ae54"></td>
</tr>
<tr>
<td width="100%" class="bmeHolder" valign="top" align="center" name="bmeMainContentParent" style="border: 0px none rgb(102, 102, 102); border-radius: 0px; border-collapse: separate; border-spacing: 0px; overflow: hidden;">
<table name="bmeMainContent" style="border-radius: 0px; border-collapse: separate; border-spacing: 0px; border: 0px none transparent;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td width="100%" class="blk_container bmeHolder" name="bmeHeader" valign="top" align="center" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(0, 174, 84);" bgcolor="#00ae54">
<div id="dv_1" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_text">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bmeContainerRow">
<tbody>
<tr>
<td class="tdPart" valign="top" align="center">
<table cellspacing="0" cellpadding="0" border="0" width="600" name="tblText" style="float:left; background-color:transparent;" align="left" class="tblText">
<tbody>
<tr>
<td valign="top" align="left" name="tblCell" style="padding: 15px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: rgb(56, 56, 56); text-align: left;" class="tblCell">
<div style="line-height: 150%; text-align: right;"><span style="font-size: 12px; font-family: 'Courier New', Courier; color: #ffffff; line-height: 150%;"><span style="text-decoration: underline; line-height: 150%;">questetra.com</span></span>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder bmeBody" name="bmeBody" valign="top" align="center" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(255, 255, 255);" bgcolor="#ffffff">
<div id="dv_15" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_divider" style="">
<tbody>
<tr>
<td class="tblCellMain" style="padding: 10px 0px;">
<table class="tblLine" cellspacing="0" cellpadding="0" border="0" width="100%" style="border-top-width: 0px; border-top-style: none; min-width: 1px;">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_11" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_image">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center" class="bmeImage" style="border-collapse: collapse; padding: 20px;"><img src="https://questetra.com/wp-content/uploads/2018/04/qlogo-questetra-bpm-suite-277x23-transparency.png" width="277" style="max-width: 277px; display: block; width: 277px;" alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_image">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center" class="bmeImage" style="border-collapse: collapse; padding: 20px;"><img src="https://i2.wp.com/questetra.com/wp-content/uploads/2021/04/%E7%89%B9%E9%95%B7%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E7%94%BB%E5%83%8F-2.png?w=700&ssl=1" width="277" style="max-width: 277px; display: block; width: 277px;" alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_17" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_text">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bmeContainerRow">
<tbody>
<tr>
<td class="tdPart" valign="top" align="center">
<table cellspacing="0" cellpadding="0" border="0" width="600" name="tblText" style="float:left; background-color:transparent;" align="left" class="tblText">
<tbody>
<tr>
<td valign="top" align="left" name="tblCell" style="padding: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: rgb(56, 56, 56); text-align: left;" class="tblCell">
<div style="line-height: 150%; text-align: center;"><span style="font-size: 30px; font-family: 'Courier New', Courier; color: #464646; line-height: 150%;"><strong>ご利用支援案内</strong></span></div>
<hr><br>
<div style="line-height: 150%; text-align: left;"><span style="font-size: 12px; font-family: 'Courier New', Courier; color: #464646; line-height: 150%; text-align: initial;">
日々、Questetra をご利用いただきましてありがとうございます。<br/>
Questetra のご利用上、ご不明点や実現方法にお悩みではありませんか？<br/>
ぜひとも、クエステトラ社サポートサービスを活用ください。<br/><br/>
◆クエステトラ社推奨サポートサービス（無料）<br/>
#{#q_guide_content_for_total_pv}<br/>
<br/>
◆ご利用上のお困り事を解決できるオンラインマニュアルもございます。<br/>
#{#q_guide_content_for_function_pv}<br/>
<br/>
今後とも、よろしくお願い致します。
</div></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_6" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_image">
<tbody>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center" class="bmeImage" style="border-collapse: collapse; padding: 20px 0px;"><img src="https://i0.wp.com/questetra.com/wp-content/uploads/2018/04/marketing-qmascot-feature-overview.png?w=1200&ssl=1" class="mobile-img-large" width="600" style="max-width: 1200px; display: block; width: 600px;" alt="" border="0"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_8" class="blk_wrapper" style="">
</td>
</tr>
<tr>
<td width="100%"> </td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder" name="bmePreFooter" valign="top" align="center" style="color: rgb(56, 56, 56); border: 0px none transparent; background-color: rgb(255, 255, 255);" bgcolor="#ffffff">
<div id="dv_5" class="blk_wrapper" style=""> </div>
<div id="dv_9" class="blk_wrapper" style=""> </div>
<div id="dv_12" class="blk_wrapper" style=""> </div>
<div id="dv_7" class="blk_wrapper" style="">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_text">
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="bmeContainerRow">
<tbody>
<tr>
<td class="tdPart" valign="top" align="center" style="background-color: rgb(96, 84, 72);">
<table cellspacing="0" cellpadding="0" border="0" width="600" name="tblText" style="float: left; background-color: rgb(96, 84, 72);" align="left" class="tblText">
<tbody>
<tr>
<td valign="top" align="left" name="tblCell" style="padding: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; color: rgb(56, 56, 56); text-align: left;" class="tblCell">
<div style="line-height: 150%; text-align: center;"><span style="font-size: 20px; font-family: 'Courier New', Courier; color: #ffffff; line-height: 150%;">Questetra なら、<br>“ワークフロー図を描く”そのまま運用できる！</span> <br><span style="font-size: 14px; font-family: 'Courier New', Courier; color: #ffffff; line-height: 150%;">
<br>■発信元：株式会社クエステトラ<br>
京都市中京区御池通間之町東入高宮町206（〒604-0835）<br>
■本メールに関するお問い合わせ先：<br>
<a href="mailto:sales-support@questetra.com" style="color: #ffffff">sales-support@questetra.com</a><br>
<a href="https://questetra.com/ja/contact/" style="color: #ffffff">https://questetra.com/ja/contact/</a><br>
</span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_13" class="blk_wrapper" style="">
<table cellspacing="0" cellpadding="0" border="0" name="blk_divider" width="600" class="blk">
<tbody>
<tr>
<td style="padding: 10px 0px;" class="tblCellMain">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" class="tblLine">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_10" class="blk_wrapper" style="">
<table cellspacing="0" cellpadding="0" border="0" name="blk_divider" width="600" class="blk">
<tbody>
<tr>
<td style="padding: 10px 0px;" class="tblCellMain">
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-top-width: 0px; border-top-style: none; min-width: 1px;" class="tblLine">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td width="100%" class="blk_container bmeHolder" name="bmeFooter" valign="top" align="center" style="color: rgb(102, 102, 102); border: 0px none transparent; background-color: rgb(255, 255, 255);" bgcolor="#ffffff">
<div id="dv_3" class="blk_wrapper">
<table width="600" cellspacing="0" cellpadding="0" border="0" class="blk" name="blk_permission" style="">
<tbody>
<tr>
<td name="tblCell" class="tblCell" style="padding:20px;" valign="top" align="left">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td name="bmePermissionText" style="text-align:left;" align="left"><span style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px;line-height: 140%;">
<a style="color: #16a7e0;" target="_new" href="https://questetra.com/ja/contact/">もし、本メールを表示できない場合は、ご連絡くださいませ。お手数をおかけし、申し訳ございません。</a>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id="dv_16" class="blk_wrapper"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html><img src='https://questetra.com/wp-content/uploads/2021/04/blank_image_for_proposal_evaluation.png' alt='' border=0 style="display:none;" height=1 width=1>Capture
案内文言判定の仕組み（利用環境全体）
