@charset "UTF-8";
/*　■■■■■■■■■■■■■■■　common ここから　■■■■■■■■■■■■■■■　*/
/*  ================================================================================================
 リセット
 ============================================================================================  */
/*　リセットCSS-全体
-----------------------------------------------------*/
#wrapper, div, span, applet, object, iframe, h1, h2, #wrapper h3, #wrapper h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, p, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section { display: block; }

#wrapper { line-height: 1.5; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { vertical-align: bottom; }

/*　リセットCSS-form
-----------------------------------------------------*/
#wrapper input, #wrapper button, #wrapper textarea, #wrapper select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  ================================================================================================
 グリッドレイアウトスタイル（modify以外は編集不可）
 ============================================================================================  */
/*----------------------------------------------------- 共通 
-----------------------------------------------------*/
#wrapper *, #wrapper *:before, #wrapper *:after, #wrapper .col-md-1, #wrapper .col-md-2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }

.row img { max-width: 100%; }

/* 見切れる画像共通スタイル */
/* trimming */
.trim-img-left, .trim-img-center, .trim-img-right { overflow: hidden; position: relative; }

.trim-img-left img { position: absolute; top: 50%; left: 0%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); }

.trim-img-center img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.trim-img-right img { position: absolute; top: 50%; left: 100%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }

@media print, screen and (min-width: 881px) { /* 881px 以上 */
  .trim-img-left, .trim-img-center, .trim-img-right { width: 100%; /* トリミングしたい幅 */ height: 188px; /* トリミングしたい高さ */ }
  .trim-img-left img, .trim-img-center img, .trim-img-right img { width: 1178px; height: 188px; max-width: 1178px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*見切れる画像TB*/
  .trim-img-left, .trim-img-center, .trim-img-right { width: 100%; /* トリミングしたい幅 */ height: 188px; /* トリミングしたい高さ */ max-width: 100%; }
  .trim-img-left img, .trim-img-center img, .trim-img-right img { width: 1178px; height: 188px; max-width: 1178px; } }
@media screen and (max-width: 640px) { /*見切れる画像SP*/
  .trim-img-left, .trim-img-center, .trim-img-right { width: 100%; /* トリミングしたい幅 */ height: 76px; /* トリミングしたい高さ */ max-width: 100%; }
  .trim-img-left img, .trim-img-center img, .trim-img-right img { width: 470px; height: auto; max-width: 470px; } }
/*  ================================================================================================
 汎用スタイル　common
 ============================================================================================  */
/* common 0.基本スタイル
-----------------------------------------------------*/
#wrapper { line-height: 1.5; color: #333; /*　■■■■■■■■■■■■■■■　print ここから　■■■■■■■■■■■■■■■　*/ /*　■■■■■■■■■■■■■■■　print ここまで　■■■■■■■■■■■■■■■　*/ }
@media screen and (min-width: 641px) and (max-width: 880px) { #wrapper { /* 641 px以上 880px以下 */ font-size: 15px; } }
@media print, screen and (min-width: 881px) { #wrapper { /* 881px 以上 */ font-size: 16px; letter-spacing: 1px; } }
@media print { #wrapper { width: 1000px; } }

/*----- リンク色 -----*/
a:link, a:visited { color: #0F3CAA; text-decoration: none; }

a:hover, a:active { color: #0DA8F2; text-decoration: none; }

/*----- レイアウト -----*/
.row figure { text-align: center; }

.row figcaption { text-align: left; }

.positionR { position: relative; }

/* 追加 clearfix (初期追加のみ)
---------------------------------------*/
.cf:after, .contentsWrap:after { content: " "; display: block; clear: both; }

/* common 1.テキストレイアウト 
-----------------------------------------------------*/
.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.paragraphBtm { margin-bottom: 1em; }

/* common 3.フォントカラー/サイズ
-----------------------------------------------------*/
.text-siteColor { color: #0F3CAA !important; }

.text-muted { color: #333333 !important; }

.text-primary { color: #CC3300 !important; }

.text-success { color: #3c763d !important; }

.text-info { color: #31708f !important; }

.text-warning { color: #FF0000 !important; }

.orange { color: #FF9900 !important; }

.titleB { color: #333; }

/* common 4.フォント装飾
-----------------------------------------------------*/
sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.1em; }

sub { font-size: 75.5%; vertical-align: bottom; position: relative; top: 0.1em; }

strong { font-weight: bold; }

em { font-style: oblique; }

.text-indent { text-indent: 1em; }

/* common 9.width
-----------------------------------------------------*/
.width-10per { width: 10% !important; }

.width-20per { width: 20% !important; }

.width-30per { width: 30% !important; }

.width-40per { width: 40% !important; }

.width-50per { width: 50% !important; }

.width-60per { width: 60% !important; }

.width-70per { width: 70% !important; }

.width-80per { width: 80% !important; }

.width-90per { width: 90% !important; }

.width-100per { width: 100% !important; }

/* リストの装飾
------------------------------------------------------------------ */
/*中黒リスト*/
.discList li:before { content: '・'; padding-right: 0.2em; }

.discList li { text-indent: 1em; margin-bottom: 10px; font-weight: bold; padding-left: 1.2em; text-indent: -1.2em; }

.discList li:last-child, .numberList li:last-child { margin-bottom: 0; }

/* 数字リスト */
.numberList { counter-reset: counter1; }

.numberList li:before { counter-increment: counter1; content: counter(counter1) "."; padding-right: 0.4em; }

.numberList li { text-indent: 1em; margin-bottom: 10px; font-weight: bold; padding-left: 1.4em; text-indent: -1.36em; }

@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*中黒リスト*/
  .discList li { font-size: 24px; }
  /* 数字リスト */
  .numberList li { font-size: 24px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*中黒リスト*/
  .discList li { font-size: 20px; }
  /* 数字リスト */
  .numberList li { font-size: 20px; } }
@media screen and (max-width: 640px) { /*中黒リスト*/
  .discList li { font-size: 14px; }
  /* 数字リスト */
  .numberList li { font-size: 14px; } }
/* デバイスごとの表示制御
------------------------------------------------------------------ */
@media screen and (min-width: 1095px) { .pcNoneOnly { display: none; } }
@media screen and (min-width: 901px) { .pcNoneOnly02 { display: none; } }
@media screen and (min-width: 641px) and (max-width: 900px) { .tbNone { display: none; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* PC不可視 */
  .pcNone { display: none; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /* TB,PC不可視 */
  .pcNone { display: none; } }
@media screen and (max-width: 640px) { /* SP不可視 */
  .spNone { display: none; } }
/* contentsWrap コンテンツラップ
------------------------------------------------------------------ */
.contentsWrap { width: 90%; max-width: 1200px; margin: 20px auto; }
@media screen and (max-width: 640px) { .contentsWrap { margin: 0 auto; } }

@media screen and (min-width: 641px) { /* 641px 以上 */
  /* main メインコンテンツ ------------------------------------------------------------------ */
  #mainContents { display: block; } }
/* 見出し
-----------------------------------------------------*/
.titleA, .titleB, .titleC, .titleD span, .titleE, .titleF, .catch { font-weight: bold !important; }

.titleA, .titleD { border-bottom: 2px solid #333; }

.titleA { padding: 0px 0px 10px 10px; margin-bottom: 30px; }

.titleB { margin-bottom: 10px !important; }

.titleC { color: #2C3E66; margin-bottom: 10px !important; }

.titleD span { font-weight: bold; border-left: 10px solid #333; padding-left: 20px; margin-bottom: 10px; }

.titleF { color: #2C3E66; }

.titleG { margin-bottom: 40px; padding: 24px 0; border-top: 3px solid #2f3c65; border-bottom: 3px solid #2f3c65; color: #2f3c65; text-align: center; line-height: 1; }

.titleG span { font-size: 32px !important; font-weight: bold !important; }

.titleH { margin-bottom: 10px; border-left: 10px solid #333; font-weight: bold !important; font-size: 24px; }

.titleH span { padding: 0 20px; font-size: 32px; }

.spBoderBottomAdd { margin-bottom: 30px; border-bottom: 2px solid #333; }

.titleI { display: inline-block; margin-top: 10px; padding: 10px 3em; border-radius: 30px; background-color: #0080cc; color: #fff; font-size: 28px; font-weight: bold; line-height: 1; }

/* キャッチ文 */
.catch02 { margin-bottom: 5px; font-size: 24px; font-weight: bold; }

.catch03 { margin-bottom: 10px; font-size: 24px; font-weight: bold; }

/* 注釈 */
.note { font-size: 14px; margin-top: 1em; text-indent: -1em; padding-left: 1em; }

@media screen and (min-width: 641px) and (max-width: 1095px) { .titleH { padding-left: 8px; padding-bottom: 0; font-size: 20px; border-bottom: none; }
  .titleH span { padding: 0 8px 0 0; font-size: 30px; }
  .spBoderBottomAdd { /* kashicar flowvis */ margin-bottom: 15px; border-bottom: 1px solid #333; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* 見出し -----------------------------------------------------*/
  .titleA { font-size: 38px !important; }
  .titleB { font-size: 30px !important; }
  /* 左にライン入り見出し */
  .titleD { padding-bottom: 10px; border-bottom: 2px solid #333; margin-bottom: 30px !important; }
  .titleD span { font-size: 32px !important; }
  .titleE { font-size: 24px !important; }
  .titleF { font-size: 32px !important; }
  /* キャッチ文 */
  .catch { font-size: 24px; margin-bottom: 10px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /* 見出し -----------------------------------------------------*/
  .titleA { font-size: 28px !important; }
  .titleB { font-size: 24px !important; }
  /* 左にライン入り見出し */
  .titleD { padding-bottom: 10px; margin-bottom: 30px !important; }
  .titleD span { font-size: 30px !important; }
  .titleE { font-size: 20px !important; }
  .titleF { font-size: 20px !important; }
  /* キャッチ文 */
  .catch { font-size: 20px; margin-bottom: 8px; }
  /* 注釈 */
  .note { font-size: 14px; margin-top: 1em; text-indent: -1em; padding-left: 1em; } }
@media screen and (max-width: 800px) { .titleI { font-size: 20px; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  .titleC { font-size: 20px !important; } }
@media screen and (max-width: 640px) { /* 見出し -----------------------------------------------------*/
  .titleA { font-size: 20px !important; border-bottom-width: 1px; padding: 0 10px 5px; margin-bottom: 15px; }
  .titleB { font-size: 20px !important; line-height: 1.4 !important; }
  .titleC { font-size: 17px !important; margin-bottom: 0 !important; }
  .titleC.spTitleC { font-size: 15px !important; font-weight: bold !important; margin-bottom: 10px; color: #2C3E66; }
  /* 左にライン入り見出し */
  .titleD { padding-bottom: 5px; border-bottom-width: 1px; margin-bottom: 15px !important; }
  .titleD span { font-size: 20px !important; border-left-width: 8px; padding-left: 8px; margin-bottom: 5px; }
  .titleE { font-size: 17px !important; }
  .titleF { font-size: 16px !important; }
  .titleG { margin-bottom: 10px; padding: 15px 0; border-top: 2px solid #2f3c65; border-bottom: 2px solid #2f3c65; }
  .titleG span { font-size: 16px !important; letter-spacing: -0.09em; }
  .titleH { padding-left: 8px; padding-bottom: 0; font-size: 14px; border-bottom: none; }
  .titleH span { padding: 0; font-size: 20px; }
  .spBoderBottomAdd { margin-bottom: 15px; border-bottom: 1px solid #333; }
  .titleI { padding: 10px 18px; font-size: 15px; }
  /* キャッチ文 */
  .catch { font-size: 16px; margin-bottom: 8px; }
  .catch02 { font-size: 18px; line-height: 1; }
  .catch03 { margin-bottom: 5px; font-size: 18px; } }
/*  枠ボックス
-----------------------------------------------------*/
.borderWrap { border: 1px solid #ccc; }
@media print, screen and (min-width: 881px) { .borderWrap { /* 881px 以上 */ padding: 20px; height: 100%; } }
@media screen and (max-width: 880px) { .borderWrap { /* 880px以下 */ padding: 10px; } }

/*  個別スタイル
============================================================================================  */
/*通知BOX*/
.seminarBox { background: #B9E6FB; width: 100%; margin: 0 auto; }

.seminarBox dl { background: #fff; padding: 10px 10px 7px; }

@media screen and (min-width: 641px) { /* 641px 以上 */
  /*通知BOX*/
  .seminarBox { padding: 10px 20px; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*通知BOX*/
  .seminarBox dl dt { float: left; width: 150px; }
  .seminarBox dl dd { float: left; width: -webkit-calc(100% - 150px); width: calc(100% - 150px); }
  .seminarBox a { line-height: 1.4; text-decoration: underline; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*通知BOX*/
  .seminarBox dl dt { float: left; width: 130px; }
  .seminarBox dl dd { float: left; width: calc(100% - 130px); }
  .seminarBox a { line-height: 1.4; text-decoration: underline; } }
@media screen and (max-width: 880px) { /* 880px以下 */
  .seminarBox dl { padding: 10px; } }
@media screen and (max-width: 640px) { /*通知BOX*/
  .seminarBox { padding: 5px 10px; }
  .seminarBox dl { padding: 10px; }
  .seminarBox dl dt { float: left; width: 100%; }
  .seminarBox dl dd { float: left; width: 100%; }
  .seminarBox a { line-height: 1.4; text-decoration: underline; } }
/* その他
-----------------------------------------------------*/
/*バナーを囲うボーダー*/
.bannerBorder { border: 1px #2D3E66 solid; max-width: 1178px; margin: 0 auto; }
@media screen and (min-width: 641px) and (max-width: 880px) { .bannerBorder { /* 641 px以上 880px以下 */ border: 1px #2D3E66 solid; margin: 0 auto; } }
@media screen and (max-width: 640px) { .bannerBorder { border: 1px #2D3E66 solid; max-width: 470px; margin: 0 auto; } }

/* tel
-------------------------------------------------------*/
a[href^="tel:"] { cursor: default; color: #333; }

/* 外部リンク
-------------------------------------------------------*/
.outerlink { color: #0355AA; font-weight: bold; text-decoration: underline !important; word-break: break-all; }

.outerlink:after { content: " "; background: url(/img/dsrc/common/ico_outerlink.gif); /*外部サイトアイコン*/ display: inline-block; width: 20px; height: 20px; margin-left: 6px; background-size: contain; vertical-align: middle; margin-top: -4px; }

.linkList2 li { margin-bottom: 10px; }

/* 余白調整
-------------------------------------------------------*/
.mb0 { margin-bottom: 0 !important; }

/*  汎用スタイル　common
============================================================================================  */
/* 3.フォントサイズ
-----------------------------------------------------*/
.small_xx { font-size: 13px; }

.small_x { font-size: 14px; }

.small { font-size: 15px; }

.medium { font-size: 16px; }

.large { font-size: 17px; }

.large_x { font-size: 18px; }

.large_xx { font-size: 20px; }

@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /* TB 3.フォントサイズ -----------------------------------------------------*/
  .small_xx { font-size: 12px; }
  .small_x { font-size: 13px; }
  .small { font-size: 14px; }
  .medium { font-size: 15px; }
  .large { font-size: 16px; }
  .large_x { font-size: 17px; }
  .large_xx { font-size: 18px; } }
@media screen and (max-width: 640px) { /* 3.フォントサイズ -----------------------------------------------------*/
  .small_x { font-size: 12px; }
  .small { font-size: 13px; }
  .medium { font-size: 14px; }
  .large { font-size: 15px; }
  .large_x { font-size: 16px; } }
/* siteStructure　パンくず
------------------------------------------------------------------ */
#siteStructureWrap { max-width: 1200px; width: 90%; margin: 5px auto 30px; }
#siteStructureWrap .siteStructure { padding: 0px 5px; }
#siteStructureWrap .siteStructure li { display: inline-block; font-size: 14px; }
#siteStructureWrap .siteStructure li a { text-decoration: none; color: #0F3CAA; }
#siteStructureWrap .siteStructure li a:after { display: inline-block; content: ">"; color: #333; margin: 0 5px 0 8px; }
@media screen and (min-width: 641px) and (max-width: 880px) { #siteStructureWrap { /* 641 px以上 880px以下 */ }
  #siteStructureWrap .siteStructure { max-width: 960px; margin: 0 auto; } }
@media screen and (max-width: 880px) { #siteStructureWrap { /* 880px以下 */ margin-top: 10px; margin-bottom: 10px; } }
@media screen and (max-width: 640px) { #siteStructureWrap { margin-bottom: 28px; }
  #siteStructureWrap .siteStructure { padding: 0px 10px; }
  #siteStructureWrap .siteStructure li { font-size: 12px; }
  #siteStructureWrap.top_main .siteStructure { padding: 0; } }

/*  個別スタイル
============================================================================================  */
.cornerImg { position: absolute; bottom: 0px; right: 0px; height: 25px; }

.cornerImg:after { content: ""; position: absolute; right: 0; bottom: 0; width: 25px; height: 25px; }

/*新着情報*/
.newsBox dl { padding: 0 0 14px; border-bottom: dotted #CCCCCC 1px; }
.newsBox dl dt { margin: 0px 0px 0 2px; border-left: 5px #333333 solid; padding-left: 10px; font-size: 15px; }
.newsBox dl dd { float: left; width: -webkit-calc(100% - 185px); width: calc(100% - 185px); }
@media screen and (min-width: 641px) { .newsBox { /* 641px 以上 */ }
  .newsBox dl dt { float: left; width: 170px; } }
@media print, screen and (min-width: 881px) { .newsBox { /* 881px 以上 */ }
  .newsBox dl { margin: 14px 0 0 0; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .newsBox { /* 641 px以上 880px以下 */ }
  .newsBox dl { margin: 14px 5px 0; } }
@media screen and (max-width: 640px) { .newsBox dl { margin: 14px 0 0; }
  .newsBox dl dd { padding-left: 17px; width: 98%; } }

/*導入事例に関するお問合せ*/
.costmarInquetAreaBox > div, .costmarInquryWebArea > dl { margin: 0 auto; }

.costmarInquryArea dt { background: url(/img/dsrc/common/img_inqury_icon.gif) no-repeat; padding: 10px 0px 10px 10px; text-align: center; font-weight: bold; }

.costmarInquryArea dd p.costmarInquryTtl { background: #000; color: #FFFFFF; text-align: center; font-weight: bold; padding: 2px 0; }

.costmarInquryArea dd p.costmarInquryNum { text-align: right; font-weight: bold; }

.costmarInquryArea dd p.costmarInquryNum span { display: inline-block; }

.costmarInquryArea dd p.costmarInquryTime { text-align: center; }

.costmarInquetAreaWrap { border: 1px solid #CCCCCC; }

.costmarInquryWebArea dt.costmarInquryWebTtl { background: url(/img/dsrc/common/img_inqury_icon_3.gif) no-repeat; text-align: center; font-weight: bold; }

.costmarInquryWebArea dd.costmarInquryWebForm a { background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-weight: bold; text-align: center; }

@media screen and (min-width: 641px) { /* 641px 以上 */
  /*導入事例に関するお問合せ*/
  .costmarInquryArea dd p.costmarInquryNum span { white-space: nowrap; }
  .costmarInquetAreaWrap { padding: 22px 0px; }
  .costmarInquryWebArea dt.costmarInquryWebTtl { font-weight: bold; }
  .costmarInquryWebArea dd.costmarInquryWebForm { margin: 0 auto; text-align: center; }
  .costmarInquryWebArea dd.costmarInquryWebForm a { width: 100%; padding: 11px 32px 11px 22px; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*導入事例に関するお問合せ*/
  .costmarInquetAreaBox > div, .costmarInquryWebArea > dl { width: 360px; }
  .costmarInquryArea dt { background-position: 11% center; background-size: 30px 30px; font-size: 24px; line-height: 30px; }
  .costmarInquryArea dd p.costmarInquryTtl { font-size: 23px; }
  .costmarInquryArea dd p.costmarInquryNum { background: url(/img/dsrc/common/img_inqury_icon_2.gif) no-repeat 2% center; background-size: 52px 30px; padding-left: 12%; padding: 10px 0px; font-size: 36px; }
  .costmarInquryArea dd p.costmarInquryTime { font-size: 18px; letter-spacing: 0; }
  .costmarInquryWebArea dt.costmarInquryWebTtl { background-position: 5% center; background-size: 30px 30px; font-size: 23px; line-height: 30px; margin-bottom: 45px; padding: 10px 0px 10px 35px; }
  .costmarInquetAreaWrap [class*="row-"] [class*="col-"]:first-child { border-right: 1px dashed #E5E5E5; }
  .costmarInquryWebArea dt.costmarInquryWebTtl span { letter-spacing: -1px; }
  .costmarInquryWebArea dd.costmarInquryWebForm { width: 330px; }
  .costmarInquryWebArea dd.costmarInquryWebForm a { font-size: 21px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*導入事例に関するお問合せ*/
  .costmarInquetAreaBox > div, .costmarInquryWebArea > dl { width: 262px; }
  .costmarInquryArea dt { background-position: 6% center; background-size: 28px 28px; font-size: 20px; line-height: 28px; }
  .costmarInquryArea dd p.costmarInquryTtl { font-size: 20px; }
  .costmarInquryArea dd p.costmarInquryNum { background: url(/img/dsrc/common/img_inqury_icon_2.gif) no-repeat 6% center; background-size: 48px auto; padding-left: 14%; font-size: 22px; margin: 3px 0; }
  .costmarInquryWebArea dt.costmarInquryWebTtl { background-position: 2% center; background-size: 28px 28px; font-size: 20px; line-height: 28px; margin-bottom: 30px; padding: 10px 0px 10px 28px; }
  .costmarInquetAreaWrap [class*="row-"] [class*="col-"]:first-child { border-right: 1px dashed #E5E5E5; }
  .costmarInquryWebArea dt.costmarInquryWebTtl span { letter-spacing: -3px; }
  .costmarInquryWebArea dd.costmarInquryWebForm { width: 280px; }
  .costmarInquryWebArea dd.costmarInquryWebForm a { font-size: 18px; } }
@media screen and (max-width: 880px) { /* 880px以下 */
  /*導入事例に関するお問合せ*/
  .costmarInquryArea dd p.costmarInquryTime { font-size: 12px; }
  .costmarInquryArea dd p.costmarInquryNum { text-align: center; } }
@media screen and (max-width: 640px) { /*導入事例に関するお問合せ*/
  .costmarInquetAreaBox > div { padding-bottom: 10px; width: 90%; border-bottom: 1px dashed #CCCCCC; }
  .costmarInquryArea dt { background-position: 15% center; background-size: 15px 15px; width: 220px; margin: 0 auto; padding: 10px 0px 7px 10px; font-size: 14px; line-height: 1.0; }
  .costmarInquryArea dd p.costmarInquryTtl { font-size: 14px; width: 220px; padding: 5px 0; margin: 0 auto; }
  .costmarInquryArea dd p.costmarInquryNum { background: url(/img/dsrc/common/img_inqury_icon_2.gif) no-repeat 6px center; background-size: 26px 15px; padding: 3px 0px 3px 26px; width: 220px; margin: 0 auto; font-size: 22px; }
  .costmarInquetAreaWrap { margin: 5px auto; padding: 5px 0px; }
  .costmarInquryWebArea dt.costmarInquryWebTtl { background-position: 8% center; background-size: 15px 15px; width: 250px; margin: 10px auto 7px; padding-left: 10px; }
  .costmarInquryWebArea dt.costmarInquryWebTtl span { display: inline-block; margin: 0 auto; font-size: 14px; font-weight: bold; }
  .costmarInquryWebArea dd.costmarInquryWebForm a { display: block; width: 220px; margin: 0 auto 10px; padding: 10px 20px 10px 0px; font-size: 14px; } }
.youtubeTitle { color: #fff; text-align: center; padding: 10px !important; }

.youtubeEmbedWrap { margin: 0 0 40px; }

.youtubeEmbedWrap .bgColorArea { background-color: #2C3E66; padding: 0 6px 6px 6px; }

.youtubeEmbedWrap p { margin: 10px 0 0 0; text-align: right; }

.youtubeEmbedWrap .youtubeEmbed { position: relative; width: 100%; padding-top: 56.25%; }

.youtubeEmbedWrap .youtubeEmbed iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.youtube-clm { padding-top: 0; position: static; width: 100%; max-width: auto; }

@media screen and (max-width: 640px) { .youtubeTitle { margin-top: 20px !important; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  .youtubeEmbedWrap .youtubeEmbed iframe { overflow: hidden; }
  .youtube-clm { overflow: hidden; } }
@media screen and (max-width: 880px) { /* 880px以下 */
  .youtubeEmbedWrap .bgColorArea { padding: 0 4px 4px 4px; } }
.bottomBorderBoxTop, .bottomBorderBox, .bottomBorderBoxBottom { border-bottom: 1px dashed #CCCCCC; }

.serviceTopics dt { font-weight: bold; }

.serviceTopics dd { text-indent: 1em; margin-bottom: 5px; }

/* カタログ表示部
------------------------------------------------------------------ */
#brochure { width: 100%; }

#brochure li img { width: 120px; height: auto; max-height: none; }

@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* PC 1.テキストレイアウト  -----------------------------------------------------*/
  .text-md-center { text-align: center; }
  /*  共通パーツ ============================================================================================  */
  /* tel -------------------------------------------------------*/
  a[href^="tel:"] { pointer-events: none; }
  /* siteStructure　パンくず ------------------------------------------------------------------ */
  #siteStructureWrap.top_main { margin: -35px auto 35px; } }
@media screen and (max-width: 640px) { /* 1.テキストレイアウト  -----------------------------------------------------*/
  .text-xs-center { text-align: center; margin-left: auto; margin-right: auto; } }
/*  汎用スタイル　common
============================================================================================  */
.row, .row-fleximg, .row-md-nogutter { display: flex; display: -ms-flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.row .row, .row-fleximg .row { /*modify*/ margin-right: -10px; margin-left: -10px; }

/* 2.下余白
-----------------------------------------------------*/
.blockend-ss { margin-bottom: 10px !important; }

.blockend-s { margin-bottom: 20px !important; }

.blockend-m { margin-bottom: 40px !important; }

.blockend-l { margin-bottom: 70px !important; }

.blockend-ll { margin-bottom: 100px !important; }

.blockend-ml { margin-bottom: 50px !important; }

@media screen and (min-width: 681px) and (max-width: 900px) { .blockend-ml { margin-bottom: 50px !important; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  .blockend-ss { margin-bottom: 5px !important; }
  .blockend-s { margin-bottom: 10px !important; }
  .blockend-m { margin-bottom: 30px !important; }
  .blockend-l { margin-bottom: 40px !important; }
  .blockend-ll { margin-bottom: 60px !important; } }
@media screen and (max-width: 640px) { .blockend-ss { margin-bottom: 5px !important; }
  .blockend-s { margin-bottom: 10px !important; }
  .blockend-m { margin-bottom: 20px !important; }
  .blockend-l { margin-bottom: 40px !important; }
  .blockend-ll { margin-bottom: 50px !important; }
  .l { margin-bottom: 30px !important; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*  汎用スタイル　common ============================================================================================  */
  .row .row [class*="col-md-"], .row-fleximg .row [class*="col-md-"], .row-md-nogutter .row [class*="col-md-"] { /*modify*/ padding-top: 10px; padding-bottom: 0px; }
  .row .row:first-child [class*="col-md-"], .row-fleximg .row:first-child [class*="col-md-"], .row-md-nogutter .row:first-child [class*="col-md-"] { /*modify*/ padding-top: 0px; padding-bottom: 0px; }
  [class*="col-md-"] { /*modify*/ padding: 0px 10px 10px 10px; }
  .row-md-nogutter [class*="col-md-"] { padding-right: 0; padding-left: 0; padding-bottom: 0; }
  .col-md-1 { flex: 1 1 8.33333333%; max-width: 8.33333333%; }
  .col-md-2 { flex: 2 1 16.66666667%; max-width: 16.66666667%; }
  .col-md-3 { flex: 3 1 25%; max-width: 25%; }
  .col-md-4 { flex: 4 1 33.33333333%; max-width: 33.33333333%; }
  .col-md-5 { flex: 5 1 41.66666667%; max-width: 41.66666667%; }
  .col-md-6 { flex: 6 1 50%; max-width: 50%; }
  .col-md-7 { flex: 7 1 58.33333333%; max-width: 58.33333333%; }
  .col-md-8 { flex: 8 1 66.66666667%; max-width: 66.66666667%; }
  .col-md-9 { flex: 9 1 75%; max-width: 75%; }
  .col-md-10 { flex: 10 1 83.33333333%; max-width: 83.33333333%; }
  .col-md-11 { flex: 11 1 91.66666667%; max-width: 91.66666667%; }
  .col-md-12 { flex: 12 1 100%; max-width: 100%; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; }
  /* 順番指定 */
  .col-md-ordinal-1 { -webkit-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
  .col-md-ordinal-2 { -webkit-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
  .col-md-ordinal-3 { -webkit-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
  .col-md-ordinal-4 { -webkit-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
  .col-md-ordinal-5 { -webkit-box-ordinal-group: 5; -webkit-order: 5; order: 5; }
  .col-md-ordinal-6 { -webkit-box-ordinal-group: 6; -webkit-order: 6; order: 6; }
  .col-md-ordinal-7 { -webkit-box-ordinal-group: 7; -webkit-order: 7; order: 7; }
  .col-md-ordinal-8 { -webkit-box-ordinal-group: 8; -webkit-order: 8; order: 8; }
  .col-md-ordinal-9 { -webkit-box-ordinal-group: 9; -webkit-order: 9; order: 9; }
  .col-md-ordinal-10 { -webkit-box-ordinal-group: 10; -webkit-order: 10; order: 10; }
  .col-md-ordinal-11 { -webkit-box-ordinal-group: 11; -webkit-order: 11; order: 11; }
  .col-md-ordinal-12 { -webkit-box-ordinal-group: 12; -webkit-order: 12; order: 12; }
  /* 片側固定 */
  .col-md-fluid { -webkit-flex: 1; flex: 1; padding-top: 0px; }
  .col-md-fix-50 { width: 50px; }
  .col-md-fix-100 { width: 100px; }
  .col-md-fix-150 { width: 150px; }
  .col-md-fix-200 { width: 200px; }
  .col-md-fix-250 { width: 250px; }
  .col-md-fix-300 { width: 300px; }
  .col-md-fix-350 { width: 350px; }
  .col-md-fix-400 { width: 400px; }
  .col-md-fix-450 { width: 450px; }
  .col-md-fix-500 { width: 500px; }
  .col-md-fix-550 { width: 550px; }
  /* 表示設定 */
  .visible-xs { display: none !important; }
  .visible-sm { display: none !important; }
  /* 非表示設定 */
  .hidden-md { display: none !important; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  .md-mb10 { /*PC TBのみレイアウト用margin-bottom*/ margin-bottom: 10px !important; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*  汎用スタイル　common ============================================================================================  */
  .row .row [class*="col-sm-"], .row-fleximg .row [class*="col-sm-"], .row-sm-nogutter .row [class*="col-sm-"] { padding-top: 10px; padding-bottom: 0px; }
  .row .row:first-child [class*="col-sm-"], .row-fleximg .row:first-child [class*="col-sm-"], .row-sm-nogutter .row:first-child [class*="col-sm-"] { padding-top: 0px; padding-bottom: 0px; }
  [class*="col-sm-"] { padding: 0px 5px 10px 5px; }
  .row-sm-nogutter [class*="col-sm-"] { padding-right: 0; padding-left: 0; padding-bottom: 0; }
  .col-sm-1 { flex: 1 1 8.33333333%; max-width: 8.33333333%; }
  .col-sm-2 { flex: 2 1 16.66666667%; max-width: 16.66666667%; }
  .col-sm-3 { flex: 3 1 25%; max-width: 25%; }
  .col-sm-4 { flex: 4 1 33.33333333%; max-width: 33.33333333%; }
  .col-sm-5 { flex: 5 1 41.66666667%; max-width: 41.66666667%; }
  .col-sm-6 { flex: 6 1 50%; max-width: 50%; }
  .col-sm-7 { flex: 7 1 58.33333333%; max-width: 58.33333333%; }
  .col-sm-8 { flex: 8 1 66.66666667%; max-width: 66.66666667%; }
  .col-sm-9 { flex: 9 1 75%; max-width: 75%; }
  .col-sm-10 { flex: 10 1 83.33333333%; max-width: 83.33333333%; }
  .col-sm-11 { flex: 11 1 91.66666667%; max-width: 91.66666667%; }
  .col-sm-12 { flex: 12 1 100%; max-width: 100%; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; }
  /* 順番指定 */
  .col-sm-ordinal-1 { -webkit-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
  .col-sm-ordinal-2 { -webkit-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
  .col-sm-ordinal-3 { -webkit-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
  .col-sm-ordinal-4 { -webkit-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
  .col-sm-ordinal-5 { -webkit-box-ordinal-group: 5; -webkit-order: 5; order: 5; }
  .col-sm-ordinal-6 { -webkit-box-ordinal-group: 6; -webkit-order: 6; order: 6; }
  .col-sm-ordinal-7 { -webkit-box-ordinal-group: 7; -webkit-order: 7; order: 7; }
  .col-sm-ordinal-8 { -webkit-box-ordinal-group: 8; -webkit-order: 8; order: 8; }
  .col-sm-ordinal-9 { -webkit-box-ordinal-group: 9; -webkit-order: 9; order: 9; }
  .col-sm-ordinal-10 { -webkit-box-ordinal-group: 10; -webkit-order: 10; order: 10; }
  .col-sm-ordinal-11 { -webkit-box-ordinal-group: 11; -webkit-order: 11; order: 11; }
  .col-sm-ordinal-12 { -webkit-box-ordinal-group: 12; -webkit-order: 12; order: 12; }
  /* 片側固定 */
  .col-sm-fluid { -webkit-flex: 1; flex: 1; padding-top: 0px; }
  .col-sm-fix-50 { width: 50px; }
  .col-sm-fix-100 { width: 100px; }
  .col-sm-fix-150 { width: 150px; }
  .col-sm-fix-200 { width: 200px; }
  .col-sm-fix-250 { width: 250px; }
  .col-sm-fix-300 { width: 300px; }
  .col-sm-fix-350 { width: 350px; }
  .col-sm-fix-400 { width: 400px; }
  .col-sm-fix-450 { width: 450px; }
  .col-sm-fix-500 { width: 500px; }
  .col-sm-fix-550 { width: 550px; }
  /* 表示設定 */
  .visible-xs { display: none !important; }
  .visible-md { display: none !important; }
  /* 非表示設定 */
  .hidden-sm { display: none !important; } }
@media screen and (max-width: 880px) { /* 880px以下 */
  .row .row, .row-fleximg .row { /*modify*/ margin-right: -5px; margin-left: -5px; } }
@media screen and (max-width: 640px) { /*  汎用スタイル　common ============================================================================================  */
  #article section > .row { margin-right: 5px; margin-left: 5px; }
  .row .row [class*="col-xs-"], .row-fleximg .row [class*="col-xs-"], .row-xs-nogutter .row [class*="col-xs-"] { /*modify*/ padding-top: 10px; padding-bottom: 0px; }
  .row .row:first-child [class*="col-xs-"], .row-fleximg .row:first-child [class*="col-xs-"], .row-xs-nogutter .row:first-child [class*="col-xs-"] { /*modify*/ padding-top: 0px; padding-bottom: 10px; }
  [class*="col-xs-"] { /*modify*/ padding: 0px 5px 10px 5px; }
  .row-xs-nogutter [class*="col-xs-"] { padding-right: 0; padding-left: 0; padding-bottom: 0; }
  .col-xs-1 { flex: 1 1 8.33333333%; max-width: 8.33333333%; }
  .col-xs-2 { flex: 2 1 16.66666667%; max-width: 16.66666667%; }
  .col-xs-3 { flex: 3 1 25%; max-width: 25%; }
  .col-xs-4 { flex: 4 1 33.33333333%; max-width: 33.33333333%; }
  .col-xs-5 { flex: 5 1 41.66666667%; max-width: 41.66666667%; }
  .col-xs-6 { flex: 6 1 50%; max-width: 50%; }
  .col-xs-7 { flex: 7 1 58.33333333%; max-width: 58.33333333%; }
  .col-xs-8 { flex: 8 1 66.66666667%; max-width: 66.66666667%; }
  .col-xs-9 { flex: 9 1 75%; max-width: 75%; }
  .col-xs-10 { flex: 10 1 83.33333333%; max-width: 83.33333333%; }
  .col-xs-11 { flex: 11 1 91.66666667%; max-width: 91.66666667%; }
  .col-xs-12 { flex: 12 1 100%; max-width: 100%; }
  .col-xs-offset-12 { margin-left: 100%; }
  .col-xs-offset-11 { margin-left: 91.66666667%; }
  .col-xs-offset-10 { margin-left: 83.33333333%; }
  .col-xs-offset-9 { margin-left: 75%; }
  .col-xs-offset-8 { margin-left: 66.66666667%; }
  .col-xs-offset-7 { margin-left: 58.33333333%; }
  .col-xs-offset-6 { margin-left: 50%; }
  .col-xs-offset-5 { margin-left: 41.66666667%; }
  .col-xs-offset-4 { margin-left: 33.33333333%; }
  .col-xs-offset-3 { margin-left: 25%; }
  .col-xs-offset-2 { margin-left: 16.66666667%; }
  .col-xs-offset-1 { margin-left: 8.33333333%; }
  .col-xs-offset-0 { margin-left: 0; }
  /* 順番指定 */
  .col-xs-ordinal-1 { -webkit-box-ordinal-group: 1; -webkit-order: 1; order: 1; }
  .col-xs-ordinal-2 { -webkit-box-ordinal-group: 2; -webkit-order: 2; order: 2; }
  .col-xs-ordinal-3 { -webkit-box-ordinal-group: 3; -webkit-order: 3; order: 3; }
  .col-xs-ordinal-4 { -webkit-box-ordinal-group: 4; -webkit-order: 4; order: 4; }
  .col-xs-ordinal-5 { -webkit-box-ordinal-group: 5; -webkit-order: 5; order: 5; }
  .col-xs-ordinal-6 { -webkit-box-ordinal-group: 6; -webkit-order: 6; order: 6; }
  .col-xs-ordinal-7 { -webkit-box-ordinal-group: 7; -webkit-order: 7; order: 7; }
  .col-xs-ordinal-8 { -webkit-box-ordinal-group: 8; -webkit-order: 8; order: 8; }
  .col-xs-ordinal-9 { -webkit-box-ordinal-group: 9; -webkit-order: 9; order: 9; }
  .col-xs-ordinal-10 { -webkit-box-ordinal-group: 10; -webkit-order: 10; order: 10; }
  .col-xs-ordinal-11 { -webkit-box-ordinal-group: 11; -webkit-order: 11; order: 11; }
  .col-xs-ordinal-12 { -webkit-box-ordinal-group: 12; -webkit-order: 12; order: 12; }
  /* 片側固定 */
  .col-xs-fluid { -webkit-flex: 1; flex: 1; padding-top: 0px; }
  .col-xs-fix-50 { width: 50px; }
  .col-xs-fix-100 { width: 100px; }
  .col-xs-fix-150 { width: 150px; }
  .col-xs-fix-200 { width: 200px; }
  .col-xs-fix-250 { width: 250px; }
  .col-xs-fix-300 { width: 300px; }
  .col-xs-fix-350 { width: 350px; }
  .col-xs-fix-400 { width: 400px; }
  .col-xs-fix-450 { width: 450px; }
  .col-xs-fix-500 { width: 500px; }
  .col-xs-fix-550 { width: 550px; }
  /* 表示設定 */
  .visible-sm { display: none !important; }
  .visible-md { display: none !important; }
  /* 非表示設定 */
  .hidden-xs { display: none !important; } }
/*　■■■■■■■■■■■■■■■　navi関連 ここから　■■■■■■■■■■■■■■■　*/
/* solutionNavi ソリューションナビ
------------------------------------------------------------------ */
#solutionNaviWrap { background-color: #2C3E66; }
#solutionNaviWrap .solutionNavi { max-width: 1200px; margin: 0 auto; }
#solutionNaviWrap .solutionNavi .navi { font-weight: bold; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; }
#solutionNaviWrap .solutionNavi .navi dt a, #solutionNaviWrap .solutionNavi .navi dd a { display: block; color: #FFFFFF; font-size: 14px; text-align: center; }
#solutionNaviWrap .solutionNavi .navi dd.kashi_car a, #solutionNaviWrap .solutionNavi .navi dd.flowvis a { background: #0080cc; color: #FFF; }
#solutionNaviWrap .solutionNavi .navi .homenavi { width: 10%; }
#solutionNaviWrap .solutionNavi .navi .othernavi { width: 90%; display: flex; flex-wrap: wrap; justify-content: space-around; }
#solutionNaviWrap .solutionNavi .navi dd a.noLink { color: #999999; cursor: default; }
@media screen and (min-width: 1128px) { #solutionNaviWrap .solutionNavi .navi dt { width: 100%; height: 90px; } }
@media screen and (max-width: 1127px) { #solutionNaviWrap { /* 1127以下 */ }
  #solutionNaviWrap .solutionNavi .navi dt { height: 90px; border-right: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd { height: 45px; }
  #solutionNaviWrap .solutionNavi .navi dt a, #solutionNaviWrap .solutionNavi .navi dd a { line-height: 1.4; height: 100%; } }
@media print, screen and (min-width: 881px) and (max-width: 1127px) { #solutionNaviWrap { /* 881px以上1127px以下 */ /* br */ }
  #solutionNaviWrap .solutionNavi .navi dd { width: 25%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(1), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(2), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(3), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-right: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-top: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dt a, #solutionNaviWrap .solutionNavi .navi dd a { padding: 14px 0; }
  #solutionNaviWrap .solutionNavi .navi dd.construction a, #solutionNaviWrap .solutionNavi .navi dd.parking a, #solutionNaviWrap .solutionNavi .navi dd.kashi_car a { padding: 4px 0; }
  #solutionNaviWrap .solutionNavi .navi dt a { padding: 20px 0; }
  #solutionNaviWrap .solutionNavi .navi dt a:hover, #solutionNaviWrap .solutionNavi .navi dd a:hover { background-color: #FFFFFF; color: #2C3E66; }
  #solutionNaviWrap .solutionNavi .navi dd a.noLink:hover { background-color: #2C3E66; }
  #solutionNaviWrap .pcNone { display: block; } }
@media screen and (min-width: 1128px) { #solutionNaviWrap { /* 1128px以上 */ /* solutionNavi ソリューションナビ
------------------------------------------------------------------ */ }
  #solutionNaviWrap .solutionNavi .navi { border-left: 2px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dt { border-right: 2px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd { border-right: 2px solid #FFFFFF; width: 25%; height: 45px; }
  #solutionNaviWrap .solutionNavi .navi dd a { padding: 12px 0; letter-spacing: 0; }
  #solutionNaviWrap .solutionNavi .navi dt a { padding: 35px 0; letter-spacing: 0; }
  #solutionNaviWrap .solutionNavi .navi dd.kashi_car a, #solutionNaviWrap .solutionNavi .navi dd.flowvis a { background: #0080cc; color: #FFF; }
  #solutionNaviWrap .solutionNavi .navi dt a:hover, #solutionNaviWrap .solutionNavi .navi dd a:hover { background-color: #FFFFFF; color: #2C3E66; }
  #solutionNaviWrap .solutionNavi .navi dd a.noLink:hover { background-color: #2C3E66; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(1), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(2), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(3), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-right: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-top: 1px solid #FFFFFF; } }
@media screen and (min-width: 641px) and (max-width: 880px) { #solutionNaviWrap { /* 641 px以上 880px以下 */ /* solutionNavi ソリューションナビ
------------------------------------------------------------------ */ /* br */ }
  #solutionNaviWrap .solutionNavi .navi dt { width: 100%; }
  #solutionNaviWrap .solutionNavi .navi dd { width: 25%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(1), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(2), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(3), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-right: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-top: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dt a, #solutionNaviWrap .solutionNavi .navi dd a { padding: 14px 0; }
  #solutionNaviWrap .solutionNavi .navi dd.construction a, #solutionNaviWrap .solutionNavi .navi dd.parking a, #solutionNaviWrap .solutionNavi .navi dd.kashi_car a { padding: 4px 0; }
  #solutionNaviWrap .solutionNavi .navi dt a { padding: 20px 0; }
  #solutionNaviWrap .solutionNavi .navi dd.kashi_car a { background: #0080cc; color: #FFF; }
  #solutionNaviWrap .pcNone { display: block; } }
@media screen and (max-width: 640px) { #solutionNaviWrap { /* solutionNavi ソリューションナビ
------------------------------------------------------------------ */ }
  #solutionNaviWrap .solutionNavi .navi dt { width: 100%; height: 135px; }
  #solutionNaviWrap .solutionNavi .navi .homenavi { width: 16%; }
  #solutionNaviWrap .solutionNavi .navi .othernavi { width: 84%; }
  #solutionNaviWrap .solutionNavi .navi dd { width: 33.333%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(1), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(2), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(3), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-right: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { border-top: 1px solid #FFFFFF; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7), #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { width: 50%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(1) { order: 1; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(2) { order: 2; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(3) { order: 3; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(4) { order: 7; width: 50%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(5) { order: 4; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(6) { order: 5; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(7) { order: 6; width: 33.33%; }
  #solutionNaviWrap .solutionNavi .navi dd:nth-of-type(8) { order: 8; width: 50%; }
  #solutionNaviWrap .solutionNavi .navi dt a, #solutionNaviWrap .solutionNavi .navi dd a { padding: 14px 0; font-size: 11px; }
  #solutionNaviWrap .solutionNavi .navi dd.construction a, #solutionNaviWrap .solutionNavi .navi dd.parking a, #solutionNaviWrap .solutionNavi .navi dd.kashi_car a { padding: 8px 0; }
  #solutionNaviWrap .solutionNavi .navi dt a { padding: 20px 0; } }

.navi dt a { display: inline-block; position: relative; }
.navi dt a:before { content: ''; display: block; position: absolute; top: 43px; left: 0; right: 0; margin: 0 auto; height: 10px; width: 16px; border: 5px solid #fff; border-bottom: 0; }
.navi dt a:after { content: ''; display: block; position: absolute; height: 0; width: 0; top: 23px; left: 0; right: 0; margin: 0 auto; border-top: 10px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #fff; border-left: 12px solid transparent; }
.navi dt a:hover:before { content: ''; display: block; position: absolute; top: 43px; left: 0; right: 0; margin: 0 auto; height: 10px; width: 16px; border: 5px solid #2C3E66; border-bottom: 0; }
.navi dt a:hover:after { content: ''; display: block; position: absolute; height: 0; width: 0; top: 23px; left: 0; right: 0; margin: 0 auto; border-top: 10px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #2C3E66; border-left: 12px solid transparent; }
@media screen and (max-width: 880px) { .navi dt a:hover:before { border: 5px solid #FFFFFF; border-bottom: 0; }
  .navi dt a:hover:after { border-bottom: 10px solid #FFFFFF; } }
@media screen and (max-width: 640px) { .navi dt a:before, .navi dt a:hover:before { top: 65px; }
  .navi dt a:after, .navi dt a:hover:after { top: 45px; } }

/*-------------------------------------------------------------- ページ内ナビ
--------------------------------------------------------------*/
.prd-nv { margin-bottom: 55px; background: #0080cc; }
.prd-nv.fixed { margin: 0 auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 1000; }
.prd-nv.fixed .prd-nv-inner { position: relative; }
.prd-nv .prd-nv-inner ul { display: flex; justify-content: space-between; margin: 0; padding: 0; }
.prd-nv .prd-nv-inner li { margin: 0; padding: 0; display: flex; flex: auto; min-height: 72px; }
.prd-nv .prd-nv-inner li a { box-sizing: border-box; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 1em 0.5em; transition: 0.1s; width: 100%; height: 100%; text-align: center; line-height: 1.2; font-weight: bold; font-size: 18px; }
.prd-nv .prd-nv-inner li a:hover { color: #FFF; background: #2f3c65; }
.prd-nv .current { background: #2f3c65; }
@media only screen and (max-width: 760px) { .prd-nv { -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 0; margin: 0 0 55px 0; width: 100%; }
  .prd-nv .slicknav_menu { background: #0080cc; box-sizing: border-box; display: block; padding: 5px 10px; position: relative; width: 100%; z-index: 0; }
  .prd-nv .slicknav_btn { background: none; display: flex; justify-content: flex-end; margin: 0; padding: 0.5em 3%; text-align: right; width: 100%; }
  .prd-nv .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: normal; padding-right: 0.25em; text-shadow: none; margin: 3px 10px 0 0; }
  .prd-nv .slicknav_menu .slicknav_icon { float: none; }
  .prd-nv .slicknav_menu .slicknav_icon-bar { background: #0080cc; box-shadow: none; }
  .prd-nv .slicknav_nav li { float: left; width: 50%; }
  .prd-nv .slicknav_nav a:hover { background: #2f5065; }
  .prd-nv .slicknav_nav a { color: #FFF; display: block; padding: 5px 10px; }
  .prd-nv .slicknav_nav a br { display: none; }
  .prd-nv .prd-nv-inner { display: none; } }
@media screen and (max-width: 400px) { .prd-nv .slicknav_nav li a { font-size: 14px; } }

#prd-nv-top, .prd-nv-top { width: auto; }

#prd-nv-top a, .prd-nv .prd-nv-inner .prd-nv-top a { color: #FFF; display: flex; align-items: end; padding: 30px 1.5em; }

#prd-nv-top a:before, .prd-nv-top a:before { font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.2em; content: "\e905"; }

#prd-nv-top a span, .prd-nv-top a span { display: block; width: 0; height: 0; overflow: hidden; line-height: 2em; }

/* ナビゲーション制御
------------------------------ */
.slicknav_menu { display: none; line-height: 1.3; }

#navTitle { color: #FFF; display: block; float: left; font-weight: bold; padding: 0.5em 0 0.5em; max-width: calc(100% - 7em); max-height: 2em; overflow: hidden; }
@media only screen and (max-width: 760px) { #navTitle { color: #FFF; position: absolute; float: none; top: 0.55em; display: flex; align-items: center; }
  #navTitle small { background: #fff; border: 1px solid #5a5a5a; display: inline-block; font-size: 0.65em; font-weight: normal; padding: 0.05em 0.25em; margin-right: 0.5em; } }

.slicknav_nav:before, .slicknav_nav:after { content: " "; display: table; }

.slicknav_nav:after { clear: both; }

.slicknav_nav { *zoom: 1; }

@media only screen and (max-width: 760px) { /* 固定メニュー ハンバーガーボタン*/
  .btnBurger { position: relative; border: 1px solid #fff; padding: 2px; width: 30px; height: 30px; margin: -5px 0 0 0; border-radius: 4px; }
  .btnBurger span, .btnBurger span:before, .btnBurger span:after { background: #fff; position: absolute; height: 2px; width: 16px; border-radius: 4px; -webkit-transition: all .5s; transition: all .5s; }
  .btnBurger span:first-child { top: 8px; left: 6px; }
  .btnBurger span:nth-child(2) { top: 13px; left: 6px; }
  .btnBurger span:nth-child(3) { top: 18px; left: 6px; } }
@media screen and (max-width: 640px) { .slicknav_open .btnBurger span:first-child { opacity: 0; top: 20px; width: 0px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
  .slicknav_open .btnBurger span:nth-child(2) { top: 13px; -webkit-transform: rotate(-315deg); transform: rotate(-315deg); width: 18px; }
  .slicknav_open .btnBurger span:nth-child(3) { top: 13px; -webkit-transform: rotate(495deg); transform: rotate(495deg); width: 18px; } }
/*--------------------------------------------------------------
solutionMenu フッタカテゴリメニュー
------------------------------------------------------------------ */
.solutionMenuWrap { background-color: #EAEAEA; padding: 40px 0 10px; margin-bottom: 40px; }
.solutionMenuWrap .solutionMenu { max-width: 1200px; width: 90%; margin: 0 auto; font-weight: bold; margin-bottom: 20px; }
.solutionMenuWrap .columnMenu { max-width: 1200px; width: 90%; margin: 0 auto; font-weight: bold; margin-bottom: 20px; }
.solutionMenuWrap .columnMenu h2 { margin-bottom: 20px; }
.solutionMenuWrap .columnMenu li a { font-weight: normal; }
.solutionMenuWrap .columnMenu .column-list h3 { display: none; }
.solutionMenuWrap .solutionMenu ul.menu li { color: #999999; }
@media print, screen and (min-width: 881px) { .solutionMenuWrap { /* 881px 以上 */ }
  .solutionMenuWrap .solutionMenu ul.menu li { width: 30%; margin-right: 5%; }
  .solutionMenuWrap .solutionMenu ul.menu li:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .solutionMenuWrap { /* 641 px以上 880px以下 */ }
  .solutionMenuWrap .solutionMenu ul.menu li { width: 29%; margin-right: 6%; }
  .solutionMenuWrap .solutionMenu ul.menu li:nth-child(3n) { margin-right: 0; } }
@media screen and (min-width: 641px) { .solutionMenuWrap { /* 641px 以上 */ }
  .solutionMenuWrap .solutionMenu .title { margin-bottom: 20px; }
  .solutionMenuWrap .solutionMenu ul.menu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: 1.5em; }
  .solutionMenuWrap .solutionMenu ul.menu li { margin-bottom: 20px; } }
@media screen and (max-width: 640px) { .solutionMenuWrap { padding: 20px 0; margin: 0 0 50px 0; }
  .solutionMenuWrap .solutionMenu { font-weight: normal; }
  .solutionMenuWrap .solutionMenu .title { font-weight: bold; }
  .solutionMenuWrap .solutionMenu ul.menu { margin-left: 30px; }
  .solutionMenuWrap .solutionMenu ul.menu li { margin-top: 20px; } }

/*----------------------------------------------------- カテゴリートップ
-----------------------------------------------------*/
/* mainImg　メインイメージ
------------------------------------------------------------------ */
#mainTitleWrap #mainTitle .title { color: #FFFFFF; font-weight: bold; line-height: 1.4; padding: 12px 0 8px 0; }

#mainImgWrap { position: relative; background-color: #B9E6FB; background-position: center top; background-repeat: no-repeat; }
#mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { font-weight: bold; }
#mainImgWrap #mainCaseImg { max-width: 1200px; margin: 0 auto; height: 420px; }
#mainImgWrap #imageWrap { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 240px; max-width: 1200px; margin: 0 auto; position: relative; }
#mainImgWrap #imageWrap .pointLead { position: absolute; top: 50%; left: 0; margin-right: calc(310px + 5%); background-color: rgba(255, 255, 255, 0.7); padding: 15px 20px; font-size: 28px; font-weight: bold; color: #2C3E66; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
#mainImgWrap #imageWrap .pointLead li .arrow { display: inline-block; width: 18px; height: 22px; background: url(/img/dsrc/common/bg_arrow_up.png) no-repeat left top; -webkit-background-size: auto 22px; background-size: auto 22px; }
#mainImgWrap #imageWrap .pointLead li .arrow.down { transform: rotate(180deg); }
#mainImgWrap #imageWrap .pointLead li .arrow.none { background: none; }
#mainImgWrap #titleContentWrap #titleContent .inquiryInfo { position: absolute; top: 14%; right: 0; background-color: #FFFFFF; border: 1px solid #CCCCCC; }

@media screen and (max-width: 1200px) { /* 1200px以下 */
  #mainImgWrap #imageWrap .pointLead { left: 5%; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  #mainImgWrap #titleContentWrap #titleContent { position: relative; max-width: 1200px; width: 90%; height: 100%; margin: 0 auto; }
  #mainImgWrap #titleContentWrap { position: absolute; top: 0; left: 0; width: 100%; height: 240px; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWrap { padding-bottom: 10px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquetBox { width: 360px; margin: 0 auto; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dt { background: url(/img/dsrc/common/img_inqury_icon.gif) no-repeat 4% center; background-size: 30px 30px; padding: 8px 10px 8px 50px; font-size: 16px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dd p.costmarInquryTtl { background: #000; color: #FFFFFF; padding: 1px 0; text-align: center; font-size: 18px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dd p.costmarInquryNum { background: url(/img/dsrc/common/img_inqury_icon_2.gif) no-repeat 8% center; background-size: 45px 26px; padding: 6px 10px 4px 60px; text-align: center; font-size: 22px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dd p.costmarInquryTime { text-align: center; font-size: 12px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb { padding: 10px 0px 0; margin: 0 10px 10px; border-top: 2px dashed #999999; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { background: url(/img/dsrc/common/img_inqury_icon_3.gif) no-repeat left center; -webkit-background-size: 20px 20px; background-size: 20px 20px; margin-bottom: 5px; padding: 4px 0 4px 24px; font-size: 15px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm { width: 250px; margin: 0 auto; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm a { display: block; text-align: center; padding: 10px 40px 10px 20px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-size: 14px; font-weight: bold; }
  #mainTitleWrap { background-color: #0DA8F2; }
  #mainTitleWrap #mainTitle { max-width: 1200px; width: 90%; margin: 0 auto; }
  #mainTitleWrap #mainTitle .title { font-size: 25px; padding: 10px 280px 0 0; }
  #mainTitleWrap #mainTitle .subLead { color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 0 310px 10px 0; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  #mainImgWrap #imageWrap .pointLead { padding: 15px 20px; font-size: 2.8vw; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo { top: 20px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWrap { padding-bottom: 10px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquetBox { width: 360px; margin: 0 auto; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dt { background: url(/img/dsrc/common/img_inqury_icon.gif) no-repeat 4% center; background-size: 30px 30px; padding: 8px 10px 8px 50px; font-size: 16px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury p.costmarInquryTtl { background: #000; color: #FFFFFF; padding: 1px 0; text-align: center; font-size: 18px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dd p.costmarInquryNum { background: url(/img/dsrc/common/img_inqury_icon_2.gif) no-repeat 8% center; background-size: 45px 26px; padding: 6px 10px 4px 60px; text-align: center; font-size: 22px; font-weight: bold; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInqury dd p.costmarInquryTime { text-align: center; font-size: 12px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb { padding: 10px 0px 0; margin: 0 10px 10px; border-top: 2px dashed #999999; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { background: url(/img/dsrc/common/img_inqury_icon_3.gif) no-repeat left center; -webkit-background-size: 20px 20px; background-size: 20px 20px; margin-bottom: 5px; padding: 4px 0 4px 24px; font-size: 14px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm { width: 250px; margin: 0 auto; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm a { display: block; text-align: center; padding: 10px 40px 10px 20px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-size: 14px; font-weight: bold; }
  #mainTitleWrap { background-color: #0DA8F2; }
  /*case main_image */
  #mainTitleWrap #mainTitle { max-width: 1200px; width: 90%; margin: 0 auto; }
  #mainTitleWrap #mainTitle .title { font-size: 2.7vw; padding: 10px 310px 8px 0; }
  #mainTitleWrap #mainTitle .subLead { color: #FFFFFF; font-size: 16px; font-weight: bold; line-height: 1.4; padding: 0 0 10px 0; } }
@media screen and (max-width: 640px) { #mainImgWrap { background: none; position: relative; }
  #mainImgWrap #imageWrap { padding-top: 33.2%; width: 100%; height: auto; }
  #mainImgWrap #imageWrap .pointLead { left: 5%; padding: 6px 10px; font-size: 3.8vw; margin: 0; }
  #mainImgWrap #imageWrap .pointLead li .arrow { width: 14px; height: 12px; background-position: right top; -webkit-background-size: auto 12px; background-size: auto 12px; }
  #mainImgWrap #imageWrap .pointLead li .arrow.down { -webkit-transform: rotate(180deg); }
  #mainTitleWrap #mainTitle .title { font-size: 18px; padding: 12px 0 8px 0; }
  #mainTitleWrap #mainTitle .subLead { color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 0 0 12px 0; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo { background: none; border: none; bottom: -190px; top: auto; right: auto; left: 0%; width: 100%; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWrap { display: none; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb { padding: 10px 15px 15px; margin: 16px auto 0px; width: 88%; border: 1px solid #ccc; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { text-align: center; margin-bottom: 10px; font-size: 14px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl:before { content: ""; background: url(/img/dsrc/common/img_inqury_icon_3.gif); background-repeat: no-repeat; display: inline-block; width: 16px; height: 16px; margin-right: 4px; -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; -ms-background-size: contain; background-size: contain; vertical-align: middle; margin-top: -4px; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm { width: 248px; margin: 0 auto; }
  #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb dd.costmarInquryWebForm a { display: block; text-align: center; padding: 6px 30px 6px 10px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-size: 16px; font-weight: bold; } }
/* 各ソリューションINDEX
-----------------------------------------------------*/
.solutionTopicsWrap { align-items: flex-end; }

.solutionTopics .topics li { margin-bottom: 15px; padding-bottom: 15px; font-size: 22px; font-weight: bold; padding-left: 50px; background: url(/img/dsrc/common/bg_topics_checkbox.jpg) no-repeat left 2px; border-bottom: 2px dotted #FF9900; }
.solutionTopics .topics li:last-child { margin-bottom: 0; }
@media screen and (min-width: 641px) { .solutionTopics { /* 641px 以上 */ }
  .solutionTopics .topics { background-repeat: no-repeat; background-position: left bottom; -webkit-background-size: 112px auto; background-size: 112px auto; } }
@media print, screen and (min-width: 881px) { .solutionTopics { /* 881px 以上 */ }
  .solutionTopics .topics { padding: 0 30px 0 150px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .solutionTopics { /* 641 px以上 880px以下 */ }
  .solutionTopics .topics { padding: 0 10px 0 130px; }
  .solutionTopics .solutionTopics .topics li { background-position: left 1px; } }
@media screen and (max-width: 640px) { .solutionTopics .topics { padding-right: 10px; }
  .solutionTopics .topics li { margin-bottom: 10px; padding-bottom: 10px; } }
@media screen and (max-width: 640px) { .solutionTopics.title { min-height: 86px; position: relative; margin-top: 4px; margin-bottom: 15px; background: url(/img/dsrc/common/bg_solution_title_border.gif) no-repeat left bottom; }
  .solutionTopics .titleA { position: absolute; bottom: 0; left: 0; border-bottom: none; margin-left: 70px; margin-right: 10px; margin-bottom: 5px; font-size: 12px; line-height: 1.2; }
  .solutionTopics .titleA:before { content: ""; position: absolute; bottom: -7px; left: -60px; display: block; width: 52px; height: 86px; background-repeat: no-repeat; background-position: left bottom; }
  .solutionTopics .topics li { background-size: 20px auto; background-position: left 3px; font-size: 15px; padding-left: 30px; -webkit-background-size: 20px auto; } }

@media screen and (min-width: 641px) { /* 641px 以上 */
  .topicsArrowDown { margin-top: 40px; } }
@media screen and (max-width: 640px) { .topicsArrowDown { margin-top: 20px; width: 70px; } }
/* スライド表示
------------------------------------------------------------------ */
.slick-prev:before, .slick-next:before { content: "" !important; }

.slideArea .slideLayout { position: relative; }

.slideAreaWrap .slideArea .slideLayout a { display: block; }

.slideAreaWrap .slideArea .slideLayout img.bg { width: 100%; }

.slideAreaWrap .slideArea .slideLayout .text { color: #2C3E66; }

.slideArea .slideLayout .text .title { font-weight: bold; }

@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* index slide -----------------------------------------------------*/
  .slideAreaWrap { background: #B9E6FB; }
  .slideAreaWrap .slideArea { max-width: 1200px; margin: 0 auto; }
  .slideAreaWrap .slideArea .slideLayout .character { bottom: 0; }
  .slideAreaWrap .slideArea .slideLayout .text { left: 0; width: 100%; }
  .slideAreaWrap .slideArea .slideLayout .text .title { font-size: 50px; }
  .slideAreaWrap .slideArea .slideLayout .text .lead { font-size: 18px; font-weight: bold; }
  /*ソリューションTOP用*/
  .slideAreaWrap .slideArea .slideLayout.dsrc .character { left: 53%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 50%; } }
@media screen and (max-width: 880px) { /* 880px以下 */
  /* index slide -----------------------------------------------------*/
  #mainImgSlideWrap { max-width: 1200px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*mainImgSlideWrap*/
  .slick-next:before, .slick-prev:before { content: none !important; }
  .slick-prev { left: 20px !important; }
  .slick-next { right: 20px !important; }
  .slideArea .slideLayout img.character { bottom: -3px; }
  .slideArea .slideLayout .text { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 53%; }
  .slideArea .slideLayout .text .title { font-size: 4.6vw; }
  .slideArea .slideLayout .text .lead { font-size: 1.7vw; font-weight: bold; }
  /*ソリューションTOP用*/
  .slideArea .slideLayout.dsrc img.character { left: 54%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 46%; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  .slick-prev, .slick-next { width: 51px; /* 画像幅 */ height: 51px; }
  .slideAreaWrap .slideArea .slideLayout .character { position: absolute; }
  .slideAreaWrap .slideArea .slideLayout .text { position: absolute; top: 14px; text-align: center; } }
@media screen and (max-width: 640px) { /* index slide -----------------------------------------------------*/
  .slick-prev { left: 6px !important; }
  .slick-next { right: 6px !important; }
  .slideArea .slideLayout img.character { display: none; }
  .slideArea .slideLayout .text { position: absolute; }
  .slideArea .slideLayout .text .title { font-size: 4.2vw; margin-bottom: 3px; }
  /*ソリューションTOP用*/
  .slideArea .slideLayout.dsrc img.character { right: 60px; width: 40% !important; }
  .slideArea .slideLayout.dsrc .text { top: 16px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 72%; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }
  .slideArea .slideLayout .text .title { font-size: 6.2vw; font-weight: bold; margin-bottom: 5px; }
  .slideArea .slideLayout .text .lead { font-size: 3.4vw; font-weight: bold; line-height: 1.4; } }
/* パーツ
------------------------------------------------------------------ */
span.new { padding: 1px 10px; margin-right: 0.25em; color: #fff; background-color: #CC3300; }

.flowvis-clm-details .copy { margin-bottom: 1.25em; }

.flowvis-clm-details .detailBtnPosStatic { text-align: right; }

.pointLead .orange { color: #FF9900; }

.problemWrap div p { background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #fff; color: #2C3E66; font-weight: bold; font-size: 20px; line-height: 1.3; padding: 10px; text-indent: -1em; padding-left: 1em; }

.problemWrap div:last-child { padding-bottom: 0; }

.balloonDown { background-color: #fff; border-radius: 16px; color: #2C3E66; font-weight: bold; position: relative; text-align: center; }

.balloonDown:before, .balloonDown:after { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; }

.balloonDown:before { bottom: -34px; left: 60%; border-width: 17px 12px 17px 12px; border-color: #fff transparent transparent transparent; margin-left: 4px; z-index: 1; }

.balloonDown:after { bottom: -42px; left: 60%; border-width: 22px 16px 22px 16px; border-color: #2C3E66 transparent transparent transparent; z-index: -1; }

.suggestionLead { color: #0F3CAA; font-weight: bold; text-align: center; }

.suggestionLead .sizeSmall { line-height: 1.4; display: inline-block; }

.suggestionLead strong { color: #FF9900; }

.suggestionBox dt { background-color: #0F3CAA; color: #fff; font-weight: bold; text-align: center; }

.suggestionBox dd.lead { background-color: #FF9900; color: #fff; font-weight: bold; text-align: center; }

.suggestionBox dd.text { background-color: #F8F8F8; }

.suggestionBox dd.text2 { background-color: #C0D1FA; font-weight: bold; }

@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /* 提案 -----------------------------------------------------*/
  .balloonDown { padding: 15px 15px; margin-bottom: 10px; font-size: 28px; border: 2px solid #2C3E66; margin-top: 20px; margin-bottom: 20px; }
  .suggestionLead { font-size: 36px; }
  .suggestionLead .sizeSmall { font-size: 20px; }
  /* suggestionBox */
  .suggestionBox { margin-top: 20px; }
  .suggestionBox dt { font-size: 22px; padding: 8px 10px; }
  .suggestionBox dd.lead { padding: 4px 0; }
  .suggestionBox dd.text { background-color: #F8F8F8; padding: 8px 13px; font-size: 18px; line-height: 1.6; }
  /* construction */
  .suggestionBox dd.text2 { padding: 8px 13px; font-size: 18px; }
  .pointLead .headSmallFont { font-size: 16.5px; } }
@media screen and (max-width: 640px) { /* 提案 -----------------------------------------------------*/
  .balloonDown { padding: 10px 10px; margin-bottom: 10px; font-size: 18px; line-height: 1.3; border: 2px solid #2C3E66; margin-top: 10px; margin-bottom: 30px; }
  .salesman img { width: 40%; }
  .suggestionLead { font-size: 24px; line-height: 1.3; }
  .suggestionLead .sizeSmall { font-size: 16px; }
  /* suggestionBox */
  .suggestionBox { margin-top: 10px; }
  .suggestionBox dt { font-size: 20px; padding: 12px 10px; line-height: 1.3; }
  .suggestionBox dd.lead { padding: 4px 10px; }
  .suggestionBox dd.text { background-color: #F8F8F8; padding: 10px 10px; font-size: 18px; line-height: 1.6; }
  /* construction */
  .suggestionBox dd.text2 { padding: 10px 10px; font-size: 18px; line-height: 1.3; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* 提案 -----------------------------------------------------*/
  .balloonDown { padding: 20px 20px; margin-bottom: 15px; font-size: 38px; border: 2px solid #2C3E66; margin-top: 30px; margin-bottom: 30px; }
  .suggestionLead { font-size: 62px; }
  /* parkingのみ */
  .parking .suggestionLead { font-size: 48px; }
  /* public_vehicleのみ */
  .public_vehicle .suggestionLead { font-size: 58px; }
  .suggestionLead .sizeSmall { font-size: 36px; }
  .balloonDown.fontAdjust { font-size: 30px; }
  /* suggestionBox */
  .suggestionBox { margin-top: 40px; }
  .suggestionBox dt { font-size: 30px; padding: 18px 15px; }
  .suggestionBox dd.lead { font-size: 22px; padding: 4px 0; }
  .suggestionBox dd.text { padding: 20px 25px; font-size: 20px; line-height: 1.8; }
  /* construction */
  .suggestionBox dd.text2 { padding: 20px 25px; font-size: 28px; line-height: 1.5; }
  .pointLead .headSmallFont { font-size: 24px; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  /* Problem 背景  */
  .problemWrap { margin: 0 auto; padding: 20px 0 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  .problemWrap .man img { width: 40%; max-width: 100%; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /* logistics ・ construction -----------------------------------------------------*/
  .problemWrap div p { font-size: 25px; margin: 0 10px 10px 10px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  .problemWrap div p { font-size: 20px; margin: 0 10px 10px 10px; } }
@media screen and (max-width: 640px) { /* Problem 背景  */
  .problemWrap, .problemWrap div p { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
  .problemWrap { max-width: 100%; margin-top: 21px; padding: 5px 0 0px; background-size: contain; }
  .problemWrap div p { font-size: 14px; padding: 5px; padding-left: 1em; }
  .problemWrap div:last-child img { width: 52%; } }
/*----------------------------------------------------- 事例
-----------------------------------------------------*/
/*--------------------------------------------------------------
事例リンクボタン
------------------------------------------------------------------ */
.solutionBtn { display: inline-block; padding: 5px 32px 4px 18px; font-weight: bold; }

.caseStudyArea { display: none; }

/*etc各事例へ*/
@media screen and (min-width: 641px) { /* 641px 以上 */
  .pWrap { display: flex; } }
.exampleWrap { border: 1px solid #CCCCCC; }
.exampleWrap a { display: block; color: #333; }
@media screen and (max-width: 640px) { .exampleWrap a { padding: 10px; } }
@media screen and (min-width: 641px) { .exampleWrap { /* 641px 以上 */ }
  .exampleWrap a { padding: 15px; } }

.etcExampleBox .etcExampleBoxLeft .etcExampleImg img { width: 100%; }
.etcExampleBox .etcExampleBoxLeft, .etcExampleBox .etcExampleBoxRight { float: left; }
.etcExampleBox .exampleTtl { font-weight: bold; line-height: 1.0; }
@media screen and (min-width: 641px) { .etcExampleBox { /* 641px 以上 */ }
  .etcExampleBox .etcExampleBoxLeft { width: 30%; }
  .etcExampleBox .etcExampleBoxRight { width: 65%; width: -webkit-calc(70% - 15px); width: calc(70% - 15px); margin-left: 15px; }
  .etcExampleBox .etcExampleBoxRightSub { width: 100%; float: right; font-size: 16px; line-height: 1.5; margin-top: 10px; } }
@media print, screen and (min-width: 881px) { .etcExampleBox { /* 881px 以上 */ }
  .etcExampleBox .exampleTtl { font-size: 20px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .etcExampleBox { /* 641 px以上 880px以下 */ }
  .etcExampleBox .exampleTtl { font-size: 18px; } }
@media screen and (max-width: 640px) { .etcExampleBox .etcExampleBoxLeft { width: 45%; }
  .etcExampleBox .etcExampleBoxRight, .etcExampleBox .etcExampleBoxRightSub { width: -webkit-calc(55% - 10px); width: calc(55% - 10px); margin-left: 10px; }
  .etcExampleBox .etcExampleBoxRight { width: 50%; }
  .etcExampleBox .etcExampleBoxRightSub { width: 50%; float: right; font-size: 14px; line-height: 1.6; letter-spacing: -1px; margin-top: 10px; }
  .etcExampleBox .exampleTtl { font-size: 14px; margin-top: 5px; } }

/* 事例カテゴリTOPへのリンクボタン */
.case .link-btn { text-align: center; margin: 6em 0 4em; }

.case .link-btn a { background: #2C3E66; color: #fff; display: inline-block; padding: 0.5em 2em; }

.case .link-btn strong { display: block; font-size: 23px; font-weight: bold; margin-bottom: 0.15em; }

.case .link-btn strong:after { font-size: 100%; }

.case .link-btn span { color: #FFF; font-size: 15px; }

.case #mainTitleWrap { background-color: #555555; }

.case #mainTitleWrap #mainTitle { max-width: 1200px; width: 90%; margin: 0 auto; }

.caseCopyArea h2 { text-align: center; font-weight: bold; }

.case #mainImgWrap { background-color: #EAEAEA; }

.case #mainImgWrap #mainCaseImg { background-position: left top; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

/*導入事例*/
.caseWrap h3 { font-weight: bold; }

/*事例紹介*/
.exampleBox { border: 1px solid #CCCCCC; padding: 0 15px 15px; height: 100%; }

.exampleSolution { color: #FFFFFF; line-height: 1.2; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; }

.exampleName { font-weight: bold; line-height: 1.2; color: #2C3E66; display: table-cell; vertical-align: middle; }

.exampleText { color: #000000; line-height: 1.5; }

/*写真下お客様情報*/
.photoTtl { font-weight: bold; }

/*お客様情報下の破線用ラップ*/
.costomerWrap { padding-bottom: 40px; border-bottom: 1px dashed #CCCCCC; }

/*お客様情報*/
.customerProfile table th { text-align: left; white-space: nowrap; }

.customerProfile table th, .customerProfile table td { padding: 5px; }

/*導入における三つのポイント*/
.taskBox { border: 1px solid #CCCCCC; }

.taskBox dt.taskTtl { text-align: left; background: #2C3E66; color: #FFFFFF; font-weight: bold; }

.taskNum { text-align: right; font-weight: bold; }

dl.taskBox dd.taskListBox dl dt { float: left; width: 50px; }

dl.taskBox dd.taskListBox dl dd { float: left; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }

dl.taskBox dd.taskListBox dl dd p.taskListTtl { font-weight: bold; }

dl.taskBox dd.taskListBox dl dd p.taskListText { margin: 0 0 8px; }

dl.taskBox dd.taskListBox dl:last-child dd p:last-child { margin-bottom: 0; }

@media screen and (max-width: 1200px) { /* 1200px以下 */
  .case #mainImgWrap #mainCaseImg { height: auto; padding-top: 35%; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  .case #mainTitleWrap #mainTitle .title { color: #FFF; font-size: 25px; font-weight: bold; padding: 8px 0; }
  .case #mainTitleWrap #mainTitle .title span { font-size: 20px; }
  .caseWrap { border: #CCCCCC 1px solid; }
  .caseWrap h3 { font-size: 20px; }
  .caseTextWrap { padding: 10px 8px 20px 8px; }
  /*事例紹介*/
  .exampleSolution { width: 37%; }
  .examplePhoto { margin-bottom: 20px; }
  .exampleText { letter-spacing: 0px; font-size: 16px; }
  .taskBox { width: 92; margin: 0 4%; }
  .taskBox dt.taskTtl { padding: 7px 25px; font-size: 24px; }
  dl.taskBox dd.taskListBox { padding: 20px; }
  /*お客様情報*/
  .customerProfile table th { width: 6em; } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*case main_image */
  .caseCopyArea h2 { font-size: 32px; }
  /*事例紹介*/
  .exampleSolution { padding: 30px 10px; font-size: 18px; }
  .exampleSolution.solutionColor5 { /* 駐車場・商業施設 */ padding: 19px 10px; }
  .exampleSolution p { width: 100%; text-align: center; }
  .exampleName { padding: 0 2px 0 10px; font-size: 20px; }
  .exampleText { padding-bottom: 60px; }
  /*ボタンが無い場合の事例紹介文クラス*/
  .exampleText2 { letter-spacing: 0px; font-size: 16px; line-height: 1.5; color: #000000; }
  .exampleTtlBox { margin-bottom: 15px; display: table; }
  dl.taskBox dd.taskListBox dl dd p.taskListTtl { font-size: 24px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  .caseCopyArea h2 { font-size: 32px; }
  /*事例紹介*/
  .exampleSolution { padding: 18px 5px; font-size: 16px; vertical-align: middle; }
  .exampleName { padding: 0 2px 0 10px; font-size: 16px; }
  .examplePhoto { margin-bottom: 20px; }
  .exampleText { padding-bottom: 50px; }
  .exampleText2 { letter-spacing: 0px; font-size: 16px; line-height: 1.5; color: #000000; }
  .exampleTtlBox { margin-bottom: 10px; display: table; }
  dl.taskBox dd.taskListBox dl dd { width: 70%; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }
  dl.taskBox dd.taskListBox dl dd p.taskListTtl { font-size: 20px; } }
@media screen and (max-width: 640px) { .case #siteStructureWrap { margin: 4px auto 28px; }
  .case #siteStructureWrap .siteStructure { padding: 0; }
  .case #mainImgWrap { background: none; position: relative; }
  .caseCopyArea h2 { font-size: 18px; }
  .case #mainTitleWrap #mainTitle .title span { font-size: 16px; }
  /* 事例カテゴリTOPへのリンクボタン ------------------------------------------------------------------ */
  .case .link-btn { margin: 3em 0 3em; }
  .case .link-btn a { padding: 0.5em 1em; }
  .case .link-btn strong { display: block; font-size: 18px; font-weight: bold; margin-bottom: 0.15em; }
  .case .link-btn strong:after { font-size: 100%; }
  .case .link-btn span { color: #FFF; font-size: 15px; }
  .casetTextBox { font-size: 12px; line-height: 1.6; }
  .caseWrap h3 { font-size: 14px; margin-bottom: 5px; }
  .caseTextWrap { padding: 10px 3px 0px 0px; }
  /*事例紹介*/
  .exampleBox { padding: 0 10px 10px; }
  .exampleSolution { width: 35%; padding: 22px 5px; font-size: 14px; }
  .exampleSolution.solutionColor5 { padding: 15px 5px; }
  .exampleName { padding: 0 10px 0; font-size: 16px; }
  .exampleName.double { /*見出し二行のとき*/ width: 66%; float: left; padding: 0px 0px 0 10px; font-size: 16px; font-weight: bold; line-height: 1.2; }
  .examplePhoto { text-align: center; margin-bottom: 10px; }
  .exampleText { margin-bottom: 10px; }
  .exampleTtlBox { width: 100%; margin-bottom: 10px; display: table; }
  /*「詳しくはこちら」ボタン本体CSS*/
  .solutionBtn { font-size: 15px; }
  .detailBtnPos a { display: block; }
  /*導入における三つのポイント*/
  .taskBox dt.taskTtl { padding: 5px 10px; font-size: 14px; }
  .taskNum { font-size: 14px; }
  dl.taskBox dd.taskListBox { padding: 10px 5px; }
  dl.taskBox dd.taskListBox dl dt { width: 30px; }
  dl.taskBox dd.taskListBox dl dd { width: 70%; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); }
  dl.taskBox dd.taskListBox dl dd p.taskListTtl { font-size: 14px; margin-bottom: 3px; }
  /*写真下お客様情報*/
  .photoTtl { margin: 10px auto 0; }
  /*お客様情報*/
  .customerProfile table th { width: 5em; } }
/*----------------------------------------------------- 各種調整
-----------------------------------------------------*/
/* セクションごとの色 */
/* 事例ボタン */
.solutionBtn1Arrow, .solutionBtn2Arrow, .solutionBtn3Arrow, .solutionBtn4Arrow, .solutionBtn5Arrow, .solutionBtn6Arrow, .solutionBtn7Arrow { display: inline-block; text-decoration: none; font-size: 15px; }

.solutionBtn1Arrow span, .solutionBtn2Arrow span, .solutionBtn3Arrow span, .solutionBtn4Arrow span, .solutionBtn5Arrow span, .solutionBtn6Arrow span, .solutionBtn7Arrow span { font-family: メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 1.8; }

.index, .case { font-size: 14px; }

/* 建設・工事向け　case2
------------------------------------------------------------------ */
.construction.case02 .systemblock img { width: 80%; }
.construction.case02 .systemblock h3 { width: 100%; }
.construction.case02 .blockend-inner-img { text-align: center; }

/*  ページごとのカスタマイズ
============================================================================================  */
#solutionTop .caseStudyArea.top, .office.index .caseStudyArea.office.index, .office.case .caseStudyArea.office.case, .mansion.index .caseStudyArea.mansion.index, .mansion.case .caseStudyArea.mansion.case, .logistics.index .caseStudyArea.logistics.index, .logistics.case .caseStudyArea.logistics.case, .construction.index .caseStudyArea.construction.index, .construction.case .caseStudyArea.construction.case, .parking.index .caseStudyArea.parking.index, .parking.case .caseStudyArea.parking.case, .public_vehicle.index .caseStudyArea.public_vehicle.index, .public_vehicle.case .caseStudyArea.public_vehicle.case, .etc.index .caseStudyArea.etc.index, .flowvis.index .caseStudyArea.flowvis.index, .flowvis.case .caseStudyArea.flowvis.index { display: block; }

.officeMark, .mansionMark, .parkingMark, .logisticMark, .constructionMark, .public_vehicleMark, .other-link .mark { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; display: inline-block; font-weight: bold; text-align: center; color: #ffffff; }

/* TOP
-----------------------------------------------------*/
dl.solutionItembox { border: 1px solid #CCCCCC; position: relative; height: 100%; }
dl.solutionItembox dd p.solutionText { color: #333; }
@media screen and (min-width: 641px) { dl.solutionItembox { /* 641px 以上 */ }
  dl.solutionItembox dt { text-align: center; padding-top: 10px; }
  dl.solutionItembox dd { padding: 10px 15px; }
  dl.solutionItembox dd p.soletionTtl { text-align: center; font-weight: bold; line-height: 1.3; margin-bottom: 10px; }
  dl.solutionItembox dd p.solutionText { font-size: 16px; text-align: left; margin-bottom: 10px; } }
@media print, screen and (min-width: 881px) { dl.solutionItembox { /* 881px 以上 */ }
  dl.solutionItembox dd { padding: 10px 15px; }
  dl.solutionItembox dd p.soletionTtl { font-size: 16px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { dl.solutionItembox { /* 641 px以上 880px以下 */ }
  dl.solutionItembox dd p.soletionTtl { font-size: 18px; } }
@media screen and (max-width: 640px) { dl.solutionItembox dt { float: left; width: 35%; padding: 2%; }
  dl.solutionItembox dd { float: left; width: 65%; }
  dl.solutionItembox dd p.soletionTtl { font-size: 16px; font-weight: bold; margin: 10px 5px 10px 5px; }
  dl.solutionItembox dd p { line-height: 1.4; margin: 0px 10px 10px 5px; } }

/* logistics ・ construction
-----------------------------------------------------*/
.construction .problemWrap, .logistics .problemWrap { background: #86D3F8 no-repeat center bottom; background-size: contain; }

/* office 事業所向けソリューション
-----------------------------------------------------*/
.solutionBtn1Arrow { border: 1px solid #DF2020; background: url(/img/dsrc/common/img_solution_arrow1.gif) no-repeat 93% center; }

.solutionBtn1Arrow span { color: #DF2020; }

.solutionColor1 { background: #DF2020; }

.officeMark { border: #DF2020 1px solid; background: #DF2020; }

.office-link .cornerImg:after { background-image: linear-gradient(-45deg, #DF2020 18px, transparent 0); }

.office.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/office/bg_main_pc.jpg); }

.office.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/office/bg_main_case_pc.jpg); }

.office.index #mainTitleWrap { border-bottom: 5px solid #DF2020; }

/* mansion マンション向けソリューション
-----------------------------------------------------*/
.solutionBtn2Arrow { border: 1px solid #9F9F00; background: url(/img/dsrc/common/img_solution_arrow2.gif) no-repeat 93% center; }

.solutionBtn2Arrow span { color: #9F9F00; }

.solutionColor2 { background: #CCCC00; }

.mansionMark { border: #CCCC00 1px solid; background: #CCCC00; }

.mansion-link .cornerImg:after { background-image: linear-gradient(-45deg, #CCCC00 18px, transparent 0); }

.mansion.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/mansion/bg_main_pc.jpg); }

.mansion.index #mainTitleWrap { border-bottom: 5px solid #CCCC00; }

/* 周年ロゴ追加  */
.mansion.index .logo10th { padding: 10px 0 0 10px; width: 50%; }

.mansion.index #mainTitleWrap #mainTitle .title small { font-size: 80%; }

/* logistics 物流向けソリューション
-----------------------------------------------------*/
.solutionBtn3Arrow { border: 1px solid #FF99CC; background: url(/img/dsrc/common/img_solution_arrow3.gif) no-repeat 93% center; }

.solutionBtn3Arrow span { color: #FF99CC; }

.solutionColor3 { background: #FF99CC; }

.logisticMark { border: #FF99CC 1px solid; background: #FF99CC; }

.logistics-link .cornerImg:after { background-image: linear-gradient(-45deg, #FF99CC 18px, transparent 0); }

.logistics.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/logistics/bg_main_pc.jpg); }

.logistics.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/logistics/bg_main_case_pc.jpg); }

.logistics.case2 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/logistics/case2_top_ph1.jpg); }

.logistics.case3 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/logistics/case3_top_ph1.jpg); }

#case-inner .logistics.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/construction/bg_main_case1_pc.jpg); }

.logistics.index #mainTitleWrap { border-bottom: 5px solid #FF99CC; }

.logistics .problemWrap { background-image: url(/img/dsrc/logistics/bg_problem.png); }

.caseStudyArea.logistics .caseWrap { background: url(/img/dsrc/common/img_solution_corner3.gif) no-repeat right bottom; }

/* construction 建設・工事向けソリューション
-----------------------------------------------------*/
.solutionBtn4Arrow { border: 1px solid #009933; background: url(/img/dsrc/common/img_solution_arrow4.gif) no-repeat 93% center; }

.solutionBtn4Arrow span { color: #009933; }

.solutionColor4 { background: #009933; }

.constructionMark { border: #009933 1px solid; background: #009933; }

.construction-link .cornerImg:after { background-image: linear-gradient(-45deg, #009933 18px, transparent 0); }

.construction.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/construction/bg_main_pc.jpg); }

.construction.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/construction/bg_main_case_pc.jpg); }

.construction.case2 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/construction/bg_main_case2_pc.jpg); }

.construction.index #mainTitleWrap { border-bottom: 5px solid #009933; }

.construction .problemWrap { background-image: url(/img/dsrc/construction/bg_problem.png); }

.construction { /* NETIS */ }
.construction .noticeList { margin: 0 auto 10px; }
.construction .noticeList li { background-color: #2C3E66; color: #fff; font-weight: bold; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.construction .netisList { display: inline-block; border: 1px solid #333; padding: 10px 15px; }
.construction .netisList li { text-align: left; }
.construction .netisList li:first-child { font-weight: bold; }
@media print, screen and (min-width: 881px) { .construction { /* 881px 以上 */ }
  .construction .noticeList { width: 675px; }
  .construction .noticeList li { font-size: 32px; padding: 12px 10px; margin-bottom: 40px; }
  .construction .netisList li { font-size: 18px; }
  .construction .netisList li:first-child { font-size: 20px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .construction { /* 641 px以上 880px以下 */ /*  construction
-----------------------------------------------------*/ /* NETIS */ }
  .construction .noticeList { width: 90%; max-width: 500px; }
  .construction .noticeList li { font-size: 26px; padding: 10px 10px; margin-bottom: 25px; }
  .construction .netisList li:first-child { font-size: 18px; } }
@media screen and (max-width: 640px) { .construction { /*  construction
-----------------------------------------------------*/ /* NETIS */ }
  .construction .noticeList { width: 100%; }
  .construction .noticeList li { font-size: 18px; padding: 6px 8px; margin-bottom: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
  .construction .netisList { padding: 10px 10px; }
  .construction .netisList li { font-size: 13px; }
  .construction .netisList li:first-child { font-size: 14px; } }

/* parking 駐車場・商業施設ソリューション
-----------------------------------------------------*/
.solutionBtn5Arrow { border: 1px solid #2B8ACA; background: url(/img/dsrc/common/img_solution_arrow5.gif) no-repeat 93% center; }

.solutionBtn5Arrow span { color: #2B8ACA; }

.solutionColor5 { background: #2B8ACA; }

.parkingMark { border: #2B8ACA 1px solid; background: #2B8ACA; }

.parking-link .cornerImg:after { background-image: linear-gradient(-45deg, #2B8ACA 18px, transparent 0); }

.parking.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/parking/bg_main_pc.jpg); }

.parking.case #mainImgWrap #mainCaseImg { height: 362px; background-image: url(/img/dsrc/parking/bg_main_case_pc.jpg); }

.parking.case2 #mainImgWrap #mainCaseImg { height: 362px; background-image: url(/img/dsrc/parking/bg_main_case2_pc.jpg); }

.parking.index #mainTitleWrap { border-bottom: 5px solid #2B8ACA; }

/* public_vehicle 商用車向けソリューション
-----------------------------------------------------*/
.solutionBtn6Arrow { border: 1px solid #663399; background: url(/img/dsrc/common/img_solution_arrow6.gif) no-repeat 93% center; }

.solutionBtn6Arrow span { color: #663399; }

.solutionColor6 { background: #663399; }

.public_vehicle .headCostmarInqury, .public_vehicle .costmarInquetAreaBox { display: none; }

.public_vehicle .costmarInquryWebArea { max-width: none; }

.public_vehicle #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb { border: 0; }

.public_vehicleMark { border: #663399 1px solid; background: #663399; }

.public_vehicle-link .cornerImg:after { background-image: linear-gradient(-45deg, #663399 18px, transparent 0); }

.public_vehicle.index #mainImgWrap #imageWrap { background-image: url(/img/dsrc/public_vehicle/bg_main_pc.jpg); }

.public_vehicle.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/public_vehicle/case1_bg_main.jpg); }

.public_vehicle.case2 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/public_vehicle/case2_bg_main.jpg); }

.public_vehicle.index #mainTitleWrap { border-bottom: 5px solid #663399; }

/* 今後のボタン（flowvis）
-----------------------------------------------------*/
.solutionBtn7Arrow { border: 1px solid #2f3c66; background: #2f3c66; }

.caseStudyArea a:hover .solutionBtn7Arrow { opacity: 0.7; }

.solutionBtn7Arrow span { color: #fff; }
.solutionBtn7Arrow span:after { color: #fff; padding-left: 0.25em; }

.solutionColor7 { background: #2f3c66; }

.other-link .mark { border: #2f3c66 1px solid; background: #2f3c66; }
.other-link .cornerImg:after { background-image: linear-gradient(-45deg, #2f3c66 18px, transparent 0); }

/* グロナビ追加
-----------------------------------------------------*/
#solutionTop #solutionNaviWrap .solutionNavi .navi dt a, .office #solutionNaviWrap .solutionNavi .navi dd.office a, .mansion #solutionNaviWrap .solutionNavi .navi dd.mansion a, .logistics #solutionNaviWrap .solutionNavi .navi dd.logistics a, .construction #solutionNaviWrap .solutionNavi .navi dd.construction a, .parking #solutionNaviWrap .solutionNavi .navi dd.parking a, .public_vehicle #solutionNaviWrap .solutionNavi .navi dd.public_vehicle a, .kashi_car #solutionNaviWrap .solutionNavi .navi dd.kashi_car a, .flowvis #solutionNaviWrap .solutionNavi .navi dd.flowvis a { background-color: #FFFFFF; color: #2C3E66; }

#solutionTop .navi dt a:before { border: 5px solid #2C3E66; border-bottom: 0; }
#solutionTop .navi dt a:after { border-bottom: 10px solid #2C3E66; }
#solutionTop .navi dt a:hover:before { border: 5px solid #2C3E66; border-bottom: 0; }
#solutionTop .navi dt a:hover:after { border-bottom: 10px solid #2C3E66; }

@media screen and (max-width: 1200px) { /* 1200px以下 */
  .parking.case #mainImgWrap #mainCaseImg { height: auto; padding-top: 30.5%; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  #solutionTop .caseStudyArea .exampleText { padding-bottom: 15px; }
  /*導入事例*/
  .officeMark, .mansionMark, .parkingMark, .logisticMark, .constructionMark, .public_vehicleMark, .other-link .mark { margin-bottom: 10px; padding: 3px 15px; }
  .mansion .solutionTopics .topics { background-image: url(/img/dsrc/mansion/bg_topics_ttl.jpg); }
  .office .solutionTopics .topics { background-image: url(/img/dsrc/office/bg_topics_ttl.jpg); }
  .logistics .solutionTopics .topics { background-image: url(/img/dsrc/logistics/bg_topics_ttl.jpg); }
  .parking .solutionTopics .topics { background-image: url(/img/dsrc/parking/bg_topics_ttl.jpg); }
  .public_vehicle .solutionTopics .topics { background-image: url(/img/dsrc/public_vehicle/bg_topics_ttl.jpg); } }
@media print, screen and (min-width: 881px) { /* 881px 以上 */
  /*下付ボタン*/
  .detailBtnPos { position: absolute; bottom: 20px; right: 20px; }
  .taskNum { font-size: 24px; }
  /*導入事例*/
  .officeMark, .mansionMark, .parkingMark, .logisticMark, .constructionMark, .public_vehicleMark, .other-link .mark { font-size: 16px; }
  /* 各ソリューションINDEX -----------------------------------------------------*/
  .office .solutionTopics .topics { background-size: auto 180px; min-height: 180px; }
  .logistics .problemWrap div p span { font-size: 24px; letter-spacing: 0; }
  .bottomBorderBoxTop, .bottomBorderBox, .bottomBorderBoxBottom { padding-bottom: 30px; }
  .bottomBorderBoxBottom { margin-bottom: 70px; } }
@media screen and (min-width: 641px) and (max-width: 880px) { /* 641 px以上 880px以下 */
  /*下付ボタン*/
  .detailBtnPos { position: absolute; bottom: 10px; right: 10px; }
  /*導入における三つのポイント*/
  .taskNum { font-size: 20px; }
  /*導入事例*/
  .officeMark, .mansionMark, .parkingMark, .logisticMark, .constructionMark, .public_vehicleMark, .other-link .mark { font-size: 15px; }
  /* マンションTOP 周年ロゴ追加 ------------------------------------------------------------------ */
  .mansion.index .logo10th { bottom: auto; top: 5px; }
  /* logistics ・ construction -----------------------------------------------------*/
  .logistics .problemWrap div p span { font-size: 18px; display: block; padding-left: 11px; }
  .bottomBorderBoxTop, .bottomBorderBox, .bottomBorderBoxBottom { padding-bottom: 20px; }
  .bottomBorderBoxBottom { margin-bottom: 70px; } }
/*　■■■■■■■■■■■■■■■　mobile ここから　■■■■■■■■■■■■■■■　*/
@media screen and (max-width: 640px) { .index, .case { line-height: 1.6; font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, sans-serif; font-size: 100%; }
  /* main メインコンテンツ ------------------------------------------------------------------ */
  #article { margin: 20px 0; }
  .index #article { margin: 0 0 20px; }
  .index #mainImgWrap #titleContentWrap #titleContent .inquiryInfo { position: static; }
  /*  個別スタイル ============================================================================================  */
  .detailBtnPosStatic a { display: block; }
  /*導入事例*/
  .borderSp { border: 1px solid #CCCCCC; }
  .officeMark, .mansionMark, .parkingMark, .logisticMark, .constructionMark, .public_vehicleMark, .other-link .mark { font-size: 12px; margin-bottom: 5px; padding: 2px 10px; }
  /* 各ソリューションINDEX -----------------------------------------------------*/
  .index #mainTitleWrap { background-color: #0DA8F2; }
  .office.index #mainTitleWrap, .mansion.index #mainTitleWrap, .logistics.index #mainTitleWrap, .construction.index #mainTitleWrap, .parking.index #mainTitleWrap, .public_vehicle.index #mainTitleWrap { border-bottom-width: 3px; }
  .index #mainTitleWrap #mainTitle { width: 90%; margin: 0 auto; }
  .mansion .solutionTopics .titleA:before, .office .solutionTopics .titleA:before, .parking .solutionTopics .titleA:before, .public_vehicle .solutionTopics .titleA:before { -webkit-background-size: contain; background-size: contain; }
  /*mansion*/
  .mansion .solutionTopics .titleA:before { background-image: url(/img/dsrc/mansion/bg_topics_ttl.jpg); }
  /*office*/
  .office .solutionTopics .titleA:before { background-image: url(/img/dsrc/office/bg_topics_ttl.jpg); }
  /*parking*/
  .parking .solutionTopics .titleA:before { background-image: url(/img/dsrc/parking/bg_topics_ttl.jpg); }
  /*public_vehicle*/
  .public_vehicle .solutionTopics .titleA:before { background-image: url(/img/dsrc/public_vehicle/bg_topics_ttl.jpg); }
  /* mansion -----------------------------------------------------*/
  .pointLead .headSmallFont { font-size: 12px; }
  /* マンションTOP 周年ロゴ追加 ------------------------------------------------------------------ */
  .mansion.index .logo10th { position: absolute; top: 0; width: 54%; padding: 5px 0 0 5px; }
  /* logistics ・ construction -----------------------------------------------------*/
  .logistics .problemWrap div p span { font-size: 12px; display: block; padding-left: 7px; }
  .bottomBorderBoxTop, .bottomBorderBox, .bottomBorderBoxBottom { padding-bottom: 20px; }
  .bottomBorderBoxBottom { margin-bottom: 35px; }
  .public_vehicle #mainImgWrap #titleContentWrap #titleContent .inquiryInfo .headCostmarInquryWeb { padding: 10px 15px 15px; margin: 16px auto 0px; width: 88%; border: 1px solid #ccc; }
  .public_vehicle .imgNarrowWidth img { width: 85% !important; display: block; margin: 0 auto; } }
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/*----------------------------------------------------- kashi_car まかせて可視CAR flowvis
-----------------------------------------------------*/
.contentsWrapping { margin: 20px auto; }

.intoContents { width: 90%; max-width: 1200px; margin: 0 auto; }

.bgColor01 { margin-bottom: 20px; padding: 35px 0; background-color: #f6f6f6; }

.bgColor02 { margin-bottom: 50px; padding: 50px 0; background-color: #f6f6f6; }

/* 余白調整
-------------------------------------------------------*/
.pr20 { padding-right: 20px; }

.mb1em { margin-bottom: 1em; }

.alignSelfCenter { align-self: center; }

.lineSpaceDeco01 { display: inline-block; padding-bottom: 10px !important; line-height: 1.3 !important; }

.cutover02 img { width: 36%; max-width: 360px; float: left; }

.cutover02 h3, .cutover02 p { width: calc(100% - 36%); float: right; padding-left: 20px !important; text-align-last: left; }

.cutover03 img { width: 15%; float: left; }

/* まかせて可視CARサービス概要 YOUTUBE リンク */
.youtubeEmbedWrap .bgColorArea02 { padding: 0 1px 0 0; background-color: #0080cc; }

.youtubeTitle02 { padding-top: 5px !important; color: #fff; font-size: 30px !important; font-weight: bold !important; text-align: center; }

.applyBnr { margin: 30px 0 40px; text-align: center; }

.applyBnr a { margin: 0 auto; padding: 25px 65px 25px 40px; border-radius: 10px; background-color: #2f3c66; background-image: url(/img/dsrc/kashi_car/img_solution_arrow8.png); background-repeat: no-repeat; background-position: 94% 50%; color: #fff; font-size: 24px; font-weight: bold; text-align: center; }

@media screen and (max-width: 640px) { .bgColor02 { padding: 25px 0; }
  .topicsArrowDown02 { width: 70px; }
  .lineSpaceDeco01 { display: block; padding-bottom: 0 !important; }
  .cutover02 img { width: 100%; max-width: 100%; float: none; margin-bottom: 10px; }
  .cutover02 h3, .cutover02 p { width: 100%; float: none; padding-left: 0 !important; }
  .cutover03 img { width: 26%; }
  .spTxtAdjustment { font-size: 17px; letter-spacing: -0.09em; }
  .youtubeTitle02 { padding-bottom: 5px; font-size: 16px !important; }
  .applyBnr { margin: 20px 0; }
  .applyBnr a { display: inline-block; padding: 10px 60px; font-size: 16px; } }
/* etc
-----------------------------------------------------*/
.etc { /*メイン*/ /* ふきだし
------------------------------------------------------------------ */ }
.etc #mainImgWrap #mainImg.etcMain { margin: 0 auto; max-width: 1200px; position: relative; }
.etc #mainImgWrap #mainImg.etcMain img { max-width: 100%; }
.etc #mainImgWrap #mainImg.etcMain .title { color: #000; font-weight: bold; }
.etc .scrollTable { padding: 30px 20px; background-image: url(/img/dsrc/etc/boardbg_topl.gif), url(/img/dsrc/etc/boardbg_topr.gif), url(/img/dsrc/etc/boardbg_btml.gif), url(/img/dsrc/etc/boardbg_btmr.gif), url(/img/dsrc/etc/boardbg_yokotop.gif), url(/img/dsrc/etc/boardbg_yokobtm.gif), url(/img/dsrc/etc/boardbg_tatel.gif), url(/img/dsrc/etc/boardbg_tater.gif); background-position: left top, right top, left bottom, right bottom, top, bottom, left, right; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y; }
.etc .scrollTable.scrollTableBm { margin-bottom: 30px; }
.etc .scrollTable .tableTtl { line-height: 1.0; font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.etc .tableParts { position: absolute; left: 0; right: 0; bottom: 0px; margin: auto; }
.etc .tableWrapParent { width: 100%; padding: 0 5px 10px 5px; }
.etc .tableWrap { position: relative; width: 100%; }
.etc .responsiveFix th { width: 100px; padding: 6px; font-weight: bold; text-align: center; vertical-align: middle; }
.etc .responsiveFlexWrap { position: absolute; top: 0; overflow-x: auto; }
.etc .responsiveFlex td { padding: 6px 5px; font-weight: normal; width: 25%; }
.etc .responsiveFlex th { padding: 6px 7px; font-weight: bold; width: 25%; text-align: center; }
.etc .responsiveFix, .etc .responsiveFlex { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 15px; }
.etc .heavyLineBottom, .etc .slimLineBottom { background-image: url("/img/dsrc/etc/bg_tableborder.png"); background-repeat: repeat-x; background-position: bottom; }
.etc .slimLineBottom { background-position: left 0px bottom -1px; }
.etc .heavyLineRight { border-right: 2px solid #000; }
.etc .slimLineRight { border-right: 1px solid #000; }
.etc .responsiveFlex ul li { text-indent: -1em; padding-left: 1em; }
.etc .responsiveFlex tr:nth-of-type(2) td { text-indent: 1em; }
.etc .responsiveFlex tr th:nth-child(1), .etc .responsiveFlex tr td:nth-child(1) { color: #CC0000; font-weight: bold; }
.etc .etcBorder { border: 1px solid #CCCCCC; background: url(/img/dsrc/etc/img_btnBg1.gif) no-repeat right center; }
.etc .etcBorder.blankWindow { background: url(/img/dsrc/etc/img_btnBg2.gif) no-repeat right center; }
.etc .etcDsrcWrap { width: 100%; display: -webkit-flex; display: flex; }
.etc .etcDsrcWrap img { width: 100%; }
.etc .etcDsrcLeftBox { width: 20%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.etc .etcDsrcRightBox { margin-left: 5%; width: 75%; }
.etc .etcDsrcRightBox p.DsrcBoxTtl { font-size: 24px; font-weight: bold; color: #0F3CAA; margin: 0; }
.etc .etcDsrcRightBox p.DsrcBoxText1, .etc .etcDsrcRightBox p.DsrcBoxText2 { font-weight: bold; margin: 0; }
.etc .etcDsrcRightBox p.DsrcBoxText1 { color: #0F3CAA; }
.etc .etcDsrcRightBox p.DsrcBoxText2 { color: #000000; }
.etc .etcCaoThrroughWrap { width: 100%; }
.etc .etcCaoThrroughTtlBox p { font-size: 18px; font-weight: bold; color: #0F3CAA; margin: 0; }
.etc .etcCaoThrroughContentBox p span { font-weight: bold; }
.etc .CaoThrroughContetntInnerLeftbox { width: 30%; float: left; }
.etc .CaoThrroughContetntInnerRightbox { width: 70%; float: left; color: #000000; }
.etc .CaoThrroughContetntInnerRightbox span { color: #0F3CAA; }
.etc .balloonArea1 { -webkit-align-items: center; align-items: center; }
.etc .balloon1, .etc .balloon2 { font-weight: bold; position: relative; display: inline-block; width: 100%; color: #2C3E66; background: #FFFFFF; border: 2px solid #2C3E66; text-align: left; z-index: 0; min-width: 115px; }
.etc .balloon1:before, .etc .balloon1:after, .etc .balloon2:before, .etc .balloon2:after { content: ""; position: absolute; display: block; border-style: solid; width: 0px; height: 0px; }
.etc .balloon1:before { top: 50%; left: -8px; margin-top: -9px; border-color: transparent #fff transparent transparent; z-index: 0; }
.etc .balloon1:after { margin-top: -10px; border-color: transparent #2C3E66 transparent transparent; z-index: -1; }
.etc .balloon2:before { top: 50%; right: -10px; margin-top: -7px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; z-index: 0; }
.etc .balloon2:after { top: 50%; right: -14px; margin-top: -9px; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #2C3E66; z-index: -1; }
.etc .faqWrap { border-bottom: 1px dashed #CCCCCC; }
.etc .faqWrap.noborder { border-bottom: 0px; margin-bottom: 0px; }
.etc .faq_list dt { background: url(/img/dsrc/etc/img_faq_q.gif) no-repeat 2px center; font-weight: bold; }
.etc .faq_list dd { background: url(/img/dsrc/etc/img_faq_a.gif) no-repeat 2px 4px; line-height: 1.5; }
@media print, screen and (min-width: 881px) and (max-width: 1127px) { .etc { /* 881px以上1127px以下 */ /* etc
-----------------------------------------------------*/ /*メイン*/ }
  .etc #mainImgWrap { -webkit-background-size: contain; background-size: contain; }
  .etc #mainImgWrap #mainImg.etcMain .title { top: 27px; font-size: 40px; }
  .etc #mainImgWrap #mainImg.etcMain .title span { font-size: 18px; } }
@media screen and (min-width: 641px) { .etc { /* 641px 以上 */ /* etc
-----------------------------------------------------*/ /*メイン*/ /* ふきだし
------------------------------------------------------------------ */ /*ふきだし左*/ /*ふきだし右*/ /* 吹き出しリスト形式 */ }
  .etc #mainImgWrap { background: url(/img/dsrc/etc/bg_main_repeat.jpg) repeat-x center top; -webkit-background-size: contain; background-size: contain; }
  .etc #mainImgWrap #mainImg.etcMain .title { position: absolute; }
  .etc .balloon1, .etc .balloon2 { -moz-border-radius: 14px; -webkit-border-radius: 14px; -o-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; }
  .etc .balloon1:before { border-width: 9px 9px 9px 0; }
  .etc .balloon1:after { top: 50%; left: -12px; border-width: 10px 10px 10px 0; }
  .etc .balloonMan2 { position: absolute; left: 50%; width: 90%; }
  .etc .faqWrap { margin-bottom: 20px; padding-bottom: 20px; }
  .etc .faqWrap.noborder { padding-bottom: 0px; }
  .etc .faqBalloonLeft, .etc .faqBalloonRight, .etc .faq_list.balloon dt, .etc .faq_list.balloon dd { border: 2px solid; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; position: relative; display: inline-block; padding: 20px 25px 20px 60px; min-width: 115px; line-height: 34px; color: #333333; text-align: left; font-size: 16px; line-height: 1.4; font-weight: bold; background: #FFFFFF; z-index: 0; }
  .etc .faqBalloonLeft:before, .etc .faqBalloonLeft:after, .etc .faqBalloonRight:before, .etc .faqBalloonRight:after, .etc .faq_list.balloon dt:before, .etc .faq_list.balloon dt:after, .etc .faq_list.balloon dd:before, .etc .faq_list.balloon dd:after { content: ""; position: absolute; top: 50%; display: block; width: 0px; height: 0px; border-style: solid; }
  .etc .faqBalloonLeft { border-color: #9A9A9A; margin-bottom: 5px; background: url(/img/dsrc/etc/img_faq_q.gif) no-repeat 15px center; margin: 0; }
  .etc .faqBalloonLeft:before { left: -8px; margin-top: -8px; border-width: 6px 9px 6px 0; border-color: transparent #fff transparent transparent; z-index: 0; }
  .etc .faqBalloonLeft:after { left: -12px; margin-top: -10px; border-width: 8px 12px 8px 0; border-color: transparent #9A9A9A transparent transparent; z-index: -1; }
  .etc .faq_balloonMan1 { position: absolute; top: 0px; right: 0px; z-index: 10; }
  .etc .faq_balloonMan3 { position: absolute; top: 0px; z-index: 10; }
  .etc .faq_balloonMan5 { position: absolute; top: 0px; z-index: 10; }
  .etc .faq_balloonMan7 { position: absolute; top: 0px; z-index: 10; }
  .etc .faqBalloonRight { border-color: #CF2121; float: right; background: url(/img/dsrc/etc/img_faq_a.gif) no-repeat 15px center; margin: 0; }
  .etc .faqBalloonRight:before { right: -10px; margin-top: -7px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; z-index: 0; }
  .etc .faqBalloonRight:after { right: -14px; margin-top: -9px; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #CF2121; z-index: -1; }
  .etc .faq_balloonMan2 { position: absolute; bottom: 0px; }
  .etc .faq_balloonMan4 { position: absolute; bottom: 0px; left: 0px; }
  .etc .faq_balloonMan6 { position: absolute; }
  .etc .faq_balloonMan8 { position: absolute; left: 0px; }
  .etc .faq_list dd.multi { /*複数行*/ background: url(/img/dsrc/etc/img_faq_a.gif) no-repeat 2px 4px; line-height: 1.5; }
  .etc .faq_list.balloon dt { border-color: #9A9A9A; display: block; min-width: inherit; margin-bottom: 5px; background: url(/img/dsrc/etc/img_faq_q.gif) no-repeat 15px center; margin: 0 90px 15px; }
  .etc .faq_list.balloon dt:before { left: -8px; margin-top: -8px; border-width: 6px 9px 6px 0; border-color: transparent #fff transparent transparent; z-index: 0; }
  .etc .faq_list.balloon dt:after { left: -12px; margin-top: -10px; border-width: 8px 12px 8px 0; border-color: transparent #9A9A9A transparent transparent; z-index: -1; }
  .etc .faq_list.balloon dd { border-color: #CF2121; padding: 20px 25px 20px 60px; display: block; min-width: inherit; background: url(/img/dsrc/etc/img_faq_a.gif) no-repeat 15px center; margin: 0 90px; }
  .etc .faq_list.balloon dd:before { right: -10px; margin-top: -7px; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; z-index: 0; }
  .etc .faq_list.balloon dd:after { right: -14px; margin-top: -9px; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #CF2121; z-index: -1; }
  .etc .faq_list.balloon dt .chara { position: absolute; display: block; top: -8px; }
  .etc .faq_list.balloon dd .chara { position: absolute; display: block; }
  .etc .faq_list.balloon dt .chara img, .etc .faq_list.balloon dd .chara img { width: 100%; }
  .etc .faq_list.balloon.balloon01 dt .chara { left: -80px; width: 60px; }
  .etc .faq_list.balloon.balloon01 dd .chara { right: -80px; width: 60px; } }
@media print, screen and (min-width: 881px) { .etc { /* 881px 以上 */ /* etc
-----------------------------------------------------*/ /*メイン*/ /*テーブル*/ /* scrollTable */ /* ふきだし
------------------------------------------------------------------ */ /*ふきだし左*/ /*ふきだし右*/ /*普通のリスト形式*/ }
  .etc #mainImgWrap #mainImg.etcMain .title { top: 40px; font-size: 48px; line-height: 0.8; left: 30px; position: absolute; }
  .etc #mainImgWrap #mainImg.etcMain .title span { font-size: 20px; }
  .etc .tableParts { width: 613px; height: 19px; }
  .etc .etcBorder { padding: 10px 39px 10px 10px; }
  .etc .etcBorder.blankWindow { border: 1px solid #CCCCCC; padding: 10px 39px 10px 10px; }
  .etc .etcCaoThrroughContentBox p { font-size: 14px; line-height: 1.4; margin: 0 10px; }
  .etc .etcCaoThrroughContentBox p span { font-size: 28px; letter-spacing: -1px; }
  .etc .balloon1, .etc .balloon2 { padding: 15px 25px; font-size: 24px; line-height: 1.4; }
  .etc .balloonMan2 { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 10px; }
  .etc .faqBalloonLeft { width: 90.5%; }
  .etc .faq_balloonMan1 { width: 50px; height: 98px; }
  .etc .faq_balloonMan3 { right: -15px; width: 75px; height: 99px; }
  .etc .faq_balloonMan5 { right: -16px; width: 88px; height: 101px; }
  .etc .faq_balloonMan7 { right: 0px; width: 47px; height: 102px; }
  .etc .faqBalloonRight { width: 90.5%; }
  .etc .faq_balloonMan2 { left: 20px; height: 94px; }
  .etc .faq_balloonMan4 { height: 94px; }
  .etc .faq_balloonMan6 { top: 0px; left: 0px; height: 98px; }
  .etc .faq_balloonMan8 { top: 0px; height: 99px; }
  .etc .faq_list dt, .etc .faq_list dd { padding: 10px 10px 10px 47px; }
  .etc .faq_list.balloon dd .chara { bottom: -3px; }
  .etc .faq_list.balloon.balloon02 dt .chara { left: -80px; width: 90px; }
  .etc .faq_list.balloon.balloon02 dd .chara { right: -73px; width: 88px; }
  .etc .faq_list.balloon.balloon03 dt .chara { left: -91px; width: 110px; }
  .etc .faq_list.balloon.balloon03 dd .chara { right: -73px; width: 100px; }
  .etc .pWrap a { width: 100%; } }
@media screen and (min-width: 1060px) { .etc { /* 1060px以上 */ }
  .etc .balloonMan1 { position: absolute; left: 23px; top: -100px; }
  .etc .balloonMan2 { position: absolute; left: 50%; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 96%; } }
@media screen and (min-width: 641px) and (max-width: 880px) { .etc { /* 641 px以上 880px以下 */ /* etc
-----------------------------------------------------*/ /*メイン*/ /*テーブル*/ /* scrollTable */ /*ふきだし左*/ /*ふきだし右*/ /*普通のリスト形式*/ }
  .etc #mainImgWrap #mainImg.etcMain .title { top: 20px; font-size: 32px; line-height: 0.8; left: 5%; padding: 10px 0; }
  .etc #mainImgWrap #mainImg.etcMain .title span { font-size: 14px; }
  .etc .tableParts { width: 483px; height: 17px; }
  .etc .etcBorder { padding: 5px 30px 5px 5px; background-size: 30px auto; }
  .etc .etcBorder.blankWindow { background-size: 30px auto; }
  .etc .faqBalloonLeft { width: 80%; }
  .etc .faq_balloonMan1, .etc .faq_balloonMan2, .etc .faq_balloonMan3, .etc .faq_balloonMan4, .etc .faq_balloonMan5, .etc .faq_balloonMan6, .etc .faq_balloonMan7, .etc .faq_balloonMan8 { width: 100%; text-align: center; }
  .etc .faq_balloonMan3, .etc .faq_balloonMan5, .etc .faq_balloonMan7 { right: 0px; }
  .etc .faqBalloonRight { width: 80%; }
  .etc .faq_balloonMan2 { left: 0px; }
  .etc .faq_balloonMan6 { bottom: 0px; left: 0px; }
  .etc .faq_balloonMan8 { bottom: 0px; }
  .etc .faq_list dt, .etc .faq_list dd { padding: 10px 10px 10px 43px; }
  .etc .faq_list dt, .etc .faq_list dd, .etc .faq_list dd.multi { -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; -ms-background-size: 30px 30px; background-size: 30px 30px; }
  .etc .faq_list dd { background-position: 2px 6px; }
  .etc .faq_list.balloon dd { background-size: auto; }
  .etc .faq_list.balloon dd .chara { bottom: -2px; }
  .etc .faq_list.balloon.balloon02 dt .chara { left: -80px; width: 95px; }
  .etc .faq_list.balloon.balloon02 dd .chara { right: -80px; width: 90px; }
  .etc .faq_list.balloon.balloon03 dt .chara { left: -91px; width: 111px; top: -2px; }
  .etc .faq_list.balloon.balloon03 dd .chara { right: -80px; width: 100px; } }
@media screen and (max-width: 880px) { .etc { /* 880px以下 */ /* etc
-----------------------------------------------------*/ /* scrollTable */ /* ふきだし
------------------------------------------------------------------ */ }
  .etc .scrollTable.scrollTableBm { margin-bottom: 20px; }
  .etc .scrollTable .tableTtl { background: url(/img/dsrc/etc/img_tablearrow.gif) no-repeat right center; -webkit-background-size: 25px 15px; background-size: 25px 15px; }
  .etc .etcDsrcRightBox p.DsrcBoxTtl { font-size: 16px; }
  .etc .etcDsrcRightBox p.DsrcBoxText1 { font-size: 12px; }
  .etc .etcDsrcRightBox p.DsrcBoxText2 { font-size: 12px; }
  .etc .etcCaoThrroughTtlBox p { font-size: 14px; }
  .etc .etcCaoThrroughContentBox p { font-size: 12px; line-height: 1.5; margin: 0 5px 0 10px; }
  .etc .etcCaoThrroughContentBox p span { font-size: 16px; }
  .etc .CaoThrroughContetntInnerLeftbox { width: 25%; }
  .etc .CaoThrroughContetntInnerRightbox { width: 75%; font-size: 12px; }
  .etc .balloon1, .etc .balloon2 { padding: 10px 15px; font-size: 20px; line-height: 1.5; }
  .etc .balloonMan2 { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media screen and (max-width: 640px) { .etc { /* etc
-----------------------------------------------------*/ /*メイン*/ /*テーブル*/ /* scrollTable */ /* ふきだし
------------------------------------------------------------------ */ /*普通のリスト形式*/ }
  .etc #mainImgWrap #mainImg.etcMain { background: #D5F1F2; }
  .etc #mainImgWrap #mainImg.etcMain .title { font-size: 22px; line-height: 0.8; padding: 15px 15px 2px 15px; }
  .etc #mainImgWrap #mainImg.etcMain .title span { font-size: 14px; }
  .etc .scrollTable.scrollTableBm { margin-bottom: 20px; }
  .etc .scrollTable .tableTtl { font-size: 15px; }
  .etc .tableParts { bottom: -4px; width: 70%; }
  .etc .responsiveFix, .etc .responsiveFlex { font-size: 14px; }
  .etc .etcBorder { padding: 5px 30px 5px 5px; background-size: 26px auto; }
  .etc .etcBorder.blankWindow { background-size: 26px auto; }
  .etc .etcCaoThrroughWrap { height: 100%; }
  .etc .balloon1, .etc .balloon2 { padding: 5px 8px; font-size: 14px; line-height: 1.4; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
  .etc .balloon1:before { border-width: 6px 8px 5px 0; }
  .etc .balloon1:after { top: 50%; left: -10px; border-width: 7px 8px 6px 0; }
  .etc .balloonMan2 { left: 8px; position: absolute; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 70%; }
  .etc .faqWrap { padding-top: 10px; padding-bottom: 0px; margin-bottom: 10px; }
  .etc .faqWrapUp { margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; }
  .etc .faq_list { margin-bottom: 15px; }
  .etc .faqWrap.noborder .faq_list { margin-bottom: 0px; }
  .etc .faq_list dt, .etc .faq_list dd { padding: 5px 10px 5px 32px; background-position: 2px 7px; -moz-background-size: 21px 21px; -webkit-background-size: 21px 21px; -ms-background-size: 21px 21px; background-size: 21px 21px; }
  .etc .faq_list dt .chara, .etc .faq_list dd .chara { display: none; } }

/* dsrc トップページ用 可視カー バナー 
-----------------------------------------------------*/
.kashi_carBnr { padding: 20px; border: 1px solid #CCCCCC; /* 
.titleB::before {
	content: "NEW";
	margin-right: 10px;
	padding: 5px 10px;
	color: #fff;
	background-color: #CC3300;
}*/ }
.kashi_carBnr .titleB { display: inline-block; }
.kashi_carBnr .imgBox { width: 40%; float: right; }
.kashi_carBnr .imgBox img { max-width: 100%; }
.kashi_carBnr img:hover { opacity: 0.6; }
.kashi_carBnr p { width: calc(100% - 42%); }
@media screen and (max-width: 900px) { .kashi_carBnr .titleB { display: block; }
  .kashi_carBnr .imgBox { width: 48%; }
  .kashi_carBnr p { width: calc(100% - 50%); } }
@media screen and (max-width: 640px) { .kashi_carBnr { text-align: center; /*
.titleB::before {
	content: "NEW";
	margin-right: 8px;
	padding: 4px 8px;
	color: #fff;
	background-color: #CC3300;
	font-size: 18px;
}*/ }
  .kashi_carBnr .imgBox { width: 100%; float: none; margin: 15px auto; }
  .kashi_carBnr p { width: 100%; text-align: left; } }

.kashi_car .seminarBox p { text-align: center; font-weight: bold; padding: 0.75em; }

/* kashi_car お問い合わせ
-----------------------------------------------------*/
.kashi_car #mainImgWrap #titleContentWrap #titleContent img { position: absolute; top: 15px; right: 36px; z-index: 2; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { font-weight: bold; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo { position: absolute; top: 50px; right: 17px; background-color: #FFFFFF; border: 2px solid #007fcc; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWrap { padding-bottom: 10px; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .frontInquiry { padding: 18px 12px 5px; background-color: #007fcc; color: #fff; text-align: center; font-weight: bold; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInqury p.costmarInquryNum { background: url(/img/dsrc/kashi_car/img_tel_num_icon.png) no-repeat 12% 65%; background-size: auto; padding: 6px 10px 0 101px; font-size: 30px; font-weight: bold; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInqury p.costmarInquryTime { font-size: 14px; text-align: center; line-height: 1.3; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb { margin: 0 10px 10px; padding: 5px 0px 0; border-top: 2px dashed #999999; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { margin-bottom: 5px; padding: 4px 0 4px 30px; background: url(/img/dsrc/kashi_car/img_internet_icon.png) no-repeat 21% center; background-size: 27px 27px; font-size: 20px; text-align: center; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb .costmarInquryWebForm { width: 250px; margin: 0 auto; }

.kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb .costmarInquryWebForm a { display: block; text-align: center; padding: 10px 40px 10px 20px; border-radius: 20px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-size: 14px; font-weight: bold; }

/* mainImg　メインイメージ */
.kashi_car #mainImgWrap #imageWrap.cutover { max-width: 1200px; margin: 0 auto; position: relative; height: 420px; overflow: hidden; }

.kashi_car #mainImgWrap #canvas2 { background: url(/img/dsrc/kashi_car/bg_main_pc.jpg) center top no-repeat; background-size: cover; margin-left: -600px; position: absolute; top: 0; left: 50%; }

.kashi_car #mainImgWrap #mainTitleWrap { background-color: #B9E6FB; margin-top: -80px; }

.kashi_car #mainImgWrap #mainTitleWrap #mainTitle { width: 100%; padding: 10px 0; background-color: #007fcc; position: relative; }

.kashi_car #mainImgWrap .mainTitleImg { position: absolute; bottom: 14%; left: 2%; width: 41%; }

.kashi_car #mainImgWrap #mainTitleWrap #mainTitle .subLead { padding: 0 0 0 40px; color: #FFFFFF; font-size: 42px; font-weight: bold; }

/* 1カ月トライアル0円 */
.kashi_car .trialPrice { width: 485px; margin: 0 auto; }
.kashi_car .trialPrice table { width: 480px; margin: 0 auto 5px; text-align: center; }
.kashi_car .trialPrice table tr th { width: 50%; padding: 10px 0; border-right: 1px solid #1b4aa0; border-bottom: 1px solid #1b4aa0; border-left: 2px solid #1b4aa0; background-color: #0080cc; color: #fff; font-size: 20px; font-weight: bold; }
.kashi_car .trialPrice table tr td { width: 50%; padding: 10px 12% 10px 0; border-right: 2px solid #1b4aa0; border-bottom: 1px solid #1b4aa0; color: #1b4aa0; font-size: 14px; font-weight: bold; text-align: right; }
.kashi_car .trialPrice table tr td span { font-size: 24px; }
.kashi_car .trialPrice table tr:first-child th, .kashi_car .trialPrice table tr:first-child td { border-top: 2px solid #1b4aa0; }
.kashi_car .trialPrice table tr:last-child th, .kashi_car .trialPrice table tr:last-child td { border-bottom: 2px solid #1b4aa0; }
@media screen and (max-width: 640px) { .kashi_car .trialPrice { /* 1カ月トライアル0円 */ width: 80%; }
  .kashi_car .trialPrice table { width: 100%; }
  .kashi_car .trialPrice table tr th { width: 40%; font-size: 18px; }
  .kashi_car .trialPrice table tr td { width: 60%; padding: 10px 10% 10px 0; font-size: 15px; }
  .kashi_car .trialPrice table tr td span { font-size: 18px; } }

.kashi_car { /* ふきだし */ }
.kashi_car .functionBalloonLeft01, .kashi_car .functionBalloonLeft04 { position: relative; display: inline-block; margin: 30px 0 30px 30px; padding: 20px 30px 18px; border: 2px solid #2C3E66; border-radius: 20px; background-color: #fff; color: #2C3E66; font-size: 32px; font-weight: bold; text-align: left; line-height: 1.4; }
.kashi_car .functionBalloonLeft03 { position: relative; display: inline-block; margin: 30px 0 10px 30px; padding: 20px 30px 18px; border: 2px solid #2C3E66; border-radius: 20px; background-color: #fff; color: #2C3E66; font-size: 32px; font-weight: bold; text-align: left; line-height: 1.4; }
.kashi_car .functionBalloonLeft01:before, .kashi_car .functionBalloonLeft01:after, .kashi_car .functionBalloonLeft03:before, .kashi_car .functionBalloonLeft03:after, .kashi_car .functionBalloonLeft04:before, .kashi_car .functionBalloonLeft04:after { content: ""; position: absolute; display: block; width: 0px; height: 0px; border-style: solid; }
.kashi_car .functionBalloonLeft01:before, .kashi_car .functionBalloonLeft03:before { top: 53px; left: -15px; border-width: 0 17px 16px 0; border-color: transparent #fff transparent transparent; z-index: 1; }
.kashi_car .functionBalloonLeft04:before { top: 31px; left: -15px; border-width: 0 17px 16px 0; border-color: transparent #fff transparent transparent; z-index: 1; }
.kashi_car .functionBalloonLeft01:after, .kashi_car .functionBalloonLeft03:after { top: 51px; left: -19px; border-width: 0 17px 17px 0; border-color: transparent #2C3E66 transparent transparent; z-index: 0; }
.kashi_car .functionBalloonLeft04:after { top: 29px; left: -19px; border-width: 0 17px 17px 0; border-color: transparent #2C3E66 transparent transparent; z-index: 0; }
@media screen and (max-width: 900px) { .kashi_car { /* ふきだし */ }
  .kashi_car .functionBalloonLeft01, .kashi_car .functionBalloonLeft04 { margin: 15px 0 10px 10px; padding: 20px; border-radius: 10px; }
  .kashi_car .functionBalloonLeft03 { margin: 0 0 5px 5px; padding: 20px; border-radius: 10px; }
  .kashi_car .functionBalloonLeft01:before, .kashi_car .functionBalloonLeft04:before { top: 24px; left: -8px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft03:before { top: 42px; left: -8px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft01:after, .kashi_car .functionBalloonLeft04:after { top: 22px; left: -13px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft03:after { top: 40px; left: -13px; border-width: 0 12px 10px 0; } }
@media screen and (max-width: 640px) { .kashi_car { /* ふきだし */ }
  .kashi_car .functionBalloonLeft01, .kashi_car .functionBalloonLeft04 { margin: 15px 0 10px 10px; padding: 5px 8px; font-size: 18px; border-radius: 10px; }
  .kashi_car .functionBalloonLeft03 { margin: 0 0 5px 5px; padding: 5px; font-size: 18px; border-radius: 10px; }
  .kashi_car .functionBalloonLeft01:before, .kashi_car .functionBalloonLeft04:before { top: 24px; left: -8px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft03:before { top: 42px; left: -8px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft01:after, .kashi_car .functionBalloonLeft04:after { top: 22px; left: -13px; border-width: 0 12px 10px 0; }
  .kashi_car .functionBalloonLeft03:after { top: 40px; left: -13px; border-width: 0 12px 10px 0; } }

/* 運転成績表 解説 */
.pointNumArea { display: flex; margin-bottom: 10px; align-items: center; }

.pointNumArea li:first-child img { padding-left: 50px; }

.pointNumArea li:nth-child(2) img { padding: 0 10px 0 5px; }

.pointNumArea .adjustmentBox { text-align: left; }

.gradeReportComment { display: flex; width: 100%; border: 2px solid #b5b5b5; }

.gradeReportComment .imgBox { padding: 0 12px 0 12px; background: #0080cc; display: flex; align-items: center; flex-shrink: 0; }

.gradeReportComment .txtBox { display: flex; align-items: center; min-height: 4em; padding: 5px 10px; font-size: 16px; }

.gradeReportComment:nth-child(1) { margin-top: 23%; }

.gradeReportComment:nth-child(2) { margin-top: 57%; }

.gradeReportComment:nth-child(3) { margin-top: 10%; }

.gradeReportComment:nth-child(4) { margin-top: -0.5%; }

.gradeReportComment05Box { border: 2px solid #b5b5b5; }

.gradeReportComment02 { display: flex; }

.gradeReportComment02 .imgBox { padding: 0 15px; background: #0080cc; display: flex; align-items: center; }

.gradeReportComment02 .imgBox img { max-width: fit-content; }

.gradeReportComment02 .txtBox { align-self: center; padding: 15px 20px; font-size: 24px; font-weight: bold; }

/* 機能仕様一覧表 */
.tableDeco01 { display: table; width: 96%; margin: 0; }

.captionDeco01:first-child { margin-top: 20px; }

.captionDeco01 { display: block; width: 96%; background-color: #0080cc; padding: 5px 10px; color: #fff; font-size: 20px; font-weight: bold; }

.row01 { display: table-row; }

.tdCell { display: table-cell; padding: 5px 10px; border-right: 1px solid #0080cc; border-bottom: 1px solid #0080cc; text-align: left; }

.ttlCell { width: 25%; border-left: 1px solid #0080cc; background-color: #d5f1ff; font-weight: bold; }

.productBalloonRight { position: relative; display: inline-block; margin: 30px 0 22px 30px; padding: 15px 30px; border: 2px solid #2C3E66; border-radius: 16px; background-color: #fff; color: #2C3E66; font-size: 32px; font-weight: bold; text-align: left; }

.productBalloonRight:before, .productBalloonRight:after { content: ""; position: absolute; display: inline-block; width: 0px; height: 0px; border-style: solid; }

.productBalloonRight:before { top: 48px; right: -15px; border-width: 16px 17px 0 0; border-color: #fff transparent transparent transparent; z-index: 1; }

.productBalloonRight:after { top: 46px; right: -19px; border-width: 17px 17px 0 0; border-color: #2C3E66 transparent transparent transparent; z-index: 0; }

/* 走行タイプ チャート表 */
.flowchart { margin-bottom: 20px; }

.flow { margin-left: 3.5em; }

.chart1 { border-left: 50px solid #51beff; }

.chart2 { border-left: 50px solid #ff98a0; }

.chart3 { border-left: 50px solid #ff5f6b; }

.chart4 { border-left: 50px solid #e60012; position: relative; }

figure.chartDeco01 { position: relative; margin-bottom: 0; padding: 0 0 30px 20px; text-align-last: left; }

.flowchart figure img { margin-left: 20px; }

.flowchart .chart1 figure p, .flowchart .chart2 figure p, .flowchart .chart3 figure p, .flowchart .chart4 figure p { width: calc(100% - 22%); float: right; text-align: left; }

.flowchart .chart1 figure:before { content: "低"; width: 1em; position: absolute; left: calc(-1em - 11px); top: .5em; color: #fff; font-size: 1.8em; font-weight: bold; }

.flowchart .chart2 figure:before { content: "事故リスク"; width: 1em; position: absolute; left: calc(-1em - 9px); top: 2.6em; color: #fff; font-size: 2em; font-weight: bold; line-height: 1; }

.flowchart .chart4 figure:before { content: "高"; width: 1em; position: absolute; left: calc(-1em - 9px); bottom: .8em; color: #fff; font-size: 2em; font-weight: bold; z-index: 1; }

.flowchart .chart4:after { content: url(/img/dsrc/kashi_car/img_triangle.jpg); display: inline-block; vertical-align: middle; position: absolute; left: calc(-5em - -8px); bottom: -10px; }

/* animation サービス概要 ------------------------------------*/
#animationArea { padding-bottom: 40px; }

#animationArea .iconArea { width: 960px; margin: 0 auto; }

#animationArea .iconArea ul { display: flex; justify-content: space-between; list-style: none; margin: 0 auto; padding: 0; width: 25%; }

#animationArea .iconArea ul li { width: 20%; }

#animationArea .iconArea ul li img { width: 100%; }

#animationArea .iconArea ul li img:hover { cursor: pointer; opacity: 0.7; }

@media screen and (min-width: 1061px) { .pc_none { display: none !important; } }
@media screen and (max-width: 1060px) { .sp_none { display: none !important; }
  /* サービス概要 アニメーション */
  #animationArea { width: 100%; height: 100%; position: relative; }
  #animationArea .iconArea { width: 100%; }
  #animationArea .startBtn { display: none; }
  #animationArea .startBtn img { width: 100%; }
  #animationArea .whiteBg { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; }
  #animationArea .iconArea ul { width: 228px; }
  #animationArea .iconArea ul li { width: 35px; }
  .iconArea.disabled { opacity: 0.5; } }
@media screen and (max-width: 640px) { /* サービス概要 アニメーション */
  #animationArea .startBtn { display: block; position: absolute; z-index: 5; width: 15%; height: 27%; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } }
@media screen and (min-width: 641px) { /* 641px 以上 */
  .kashi_car #mainImgWrap #titleContentWrap #titleContent { position: relative; max-width: 1200px; width: 100%; height: 100%; margin: 0 auto; } }
@media screen and (max-width: 900px) { .kashi_car #mainImgWrap { background: none; }
  		/* kashi_car お問い合わせ -----------------------------------------------------*/
  .kashi_car #mainImgWrap #titleContentWrap { height: auto; position: inherit; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent img { top: -35px; right: 0; left: 0; margin: auto; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo { position: static !important; top: auto; bottom: -190px; right: auto; left: 0; display: block; background: none; width: 90%; margin: 55px auto 0; border: 1px solid #007fcc; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWrap { display: none; padding: 0; margin: 0 0 15px; border-top: none; text-align: center; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb { padding: 0; margin: 0 0 15px; border-top: none; text-align: center; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { display: inline-block; position: relative; margin-bottom: 0; padding: 10px 0 10px 26px; background: none; font-size: 18px; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl:before { content: ''; position: absolute; top: 13px; left: 0; width: 1.2em; height: 1.2em; background: url(/img/dsrc/kashi_car/img_internet_icon.png) no-repeat; background-size: contain; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb .costmarInquryWebForm { width: auto; }
  .kashi_car #mainImgWrap #titleContentWrap #titleContent .kashi_carInquiryInfo .headCostmarInquryWeb .costmarInquryWebForm a { display: inline-block; padding: 10px 30px 10px 20px; border-radius: 35px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 94% center #2C3E66; background-size: 10px 15px; font-size: 18px; }
  /* mainImg　メインイメージ */
  .kashi_car #mainTitleWrap #mainTitle .subLead { padding-left: 0 !important; text-align: center; }
  .kashi_car #mainImgWrap #canvas2 { left: 68%; }
  .kashi_car #mainImgWrap .mainTitleImg { display: block; bottom: 67%; left: 5%; width: 75%; }
  /* 運転成績表 解説 */
  .pointNumArea { display: inline-block; width: 100%; margin-bottom: 0; }
  .pointNumArea li:first-child { display: block; width: 100%; }
  .pointNumArea li:first-child img { width: 25%; padding-left: 0; }
  .pointNumArea li:nth-child(2) { display: inline-block; width: 22%; vertical-align: top; }
  .pointNumArea li:nth-child(2) img { padding: 5px 0 0; }
  .pointNumArea li:nth-child(3) { display: inline-block; width: 76%; }
  .productBalloonRight { font-size: 23px; } }
@media screen and (max-width: 880px) { .kashi_car #mainImgWrap #mainTitleWrap { margin-top: 0; }
  .gradeReportComment { position: unset; border-bottom: none; border: 1px solid #b5b5b5; border-bottom: none; }
  .gradeReportComment .txtBox { height: unset; }
  .gradeReportComment:nth-child(1), .gradeReportComment:nth-child(2), .gradeReportComment:nth-child(3), .gradeReportComment:nth-child(4) { margin-top: 0; }
  .gradeReportComment .imgBox { padding: 10px 5px; }
  .gradeReportComment .imgBox img { width: 70%; }
  .spMgNone { margin-bottom: 0 !important; }
  .spPdNone { padding-bottom: 0 !important; }
  .gradeReportComment05Box { border: 1px solid #b5b5b5; }
  .gradeReportComment02 .imgBox { padding: 10px 5px; }
  .gradeReportComment02 .imgBox img { width: 70%; }
  .gradeReportComment02 .txtBox { padding: 5px 10px; font-size: 16px; font-weight: normal; } }
@media only screen and (max-width: 760px) { /* 機能仕様一覧表 */
  .tableDeco01 { display: block; width: 100%; }
  .captionDeco01 { width: 100%; text-align: center; }
  .row01 { position: relative; display: block; border-bottom: 1px solid #ccc; }
  .header-row { display: none; }
  .tdCell { display: block; width: 100%; position: relative; border-left: 1px solid #0080cc; }
  .ttlCell:after { display: block; content: ""; position: absolute; right: 20px; top: 18px; width: 15px; height: 2px; background-color: #0080cc; transition: .3s; }
  .ttlCell:before { display: block; content: ""; position: absolute; right: 20px; top: 18px; width: 15px; height: 2px; background-color: #0080cc; transition: .2s; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
  .ttlCell.active:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
  .ttlCell.active:before { background-color: transparent; }
  .tdCell:nth-of-type(n + 2) { display: none; }
  .product-details > section { overflow: auto; } }
@media screen and (max-width: 640px) { /* mainImg　メインイメージ */
  .kashi_car #mainImgWrap #imageWrap.cutover { width: 100%; height: 340px; }
  .kashi_car #mainImgWrap #canvas2 { left: 96%; width: 1000px !important; height: auto !important; }
  .kashi_car #mainImgWrap #mainTitleWrap #mainTitle { width: 100%; position: relative; }
  .kashi_car #mainImgWrap .mainTitleImg { display: block; bottom: 67%; left: 5%; width: 75%; }
  .kashi_car #mainImgWrap #mainTitleWrap #mainTitle .subLead { padding: 0; font-size: 20px; text-align: center; line-height: 1; }
  .kashi_car .seminarBox { text-align: left; padding: 15px 10px; }
  .kashi_car .seminarBox p { text-align: left; }
  /* 運転成績表 解説 */
  .pointNumArea .adjustmentBox { display: inline-block; }
  .productBalloonRight { font-size: 16px; padding: 10px; margin: 0; border-radius: 10px; }
  .productBalloonRight:before { top: 33px; right: -11px; border-width: 10px 12px 0 0; }
  .productBalloonRight:after { top: 32px; right: -14px; border-width: 10px 12px 0 0; }
  /* 走行タイプ チャート表 */
  .flow { margin-left: 20px; }
  .chart1, .chart2, .chart3, .chart4 { border-left-width: 25px; }
  figure.chartDeco01 { padding: 0 10px 20px 10px; }
  .flowchart figure { align-items: start; }
  .flowchart figure img { width: 30%; margin: 0; }
  .flowchart .chart1 figure p:first-child, .flowchart .chart2 figure p:first-child, .flowchart .chart3 figure p:first-child, .flowchart .chart4 figure p:first-child { width: 100%; display: block; float: none; margin-bottom: 10px; }
  .flowchart .chart1 figure p:last-child, .flowchart .chart2 figure p:last-child, .flowchart .chart3 figure p:last-child, .flowchart .chart4 figure p:last-child { width: 70%; padding-left: 5%; }
  .flowchart .chart1 figure:before { left: calc(-1em - 5px); font-size: 2vh; }
  .flowchart .chart2 figure:before { left: calc(-1em - 5px); top: 8.2em; font-size: 2vh; }
  .flowchart .chart4 figure:before { left: calc(-1em - 5px); bottom: 5px; font-size: 2vh; }
  .flowchart .chart4:after { content: "　"; vertical-align: middle; left: calc(-2em - 0px); bottom: -7px; background: url(/img/dsrc/kashi_car/img_triangle.jpg) left bottom no-repeat; background-size: 40px; width: 40px; } }
@media screen and (max-width: 414px) { .kashi_car #mainImgWrap #imageWrap.cutover { height: 240px; }
  .kashi_car #mainImgWrap #canvas2 { position: absolute; top: 0; left: 143%; width: 690px !important; height: auto !important; } }
@media screen and (max-width: 320px) { .kashi_car #mainImgWrap #canvas2 { position: absolute; top: 0; left: 160%; } }
/*----------------------------------------------------- flowvis
-----------------------------------------------------*/
/*-------------------------------------------------------------- 
	ページ内ナビ
--------------------------------------------------------------*/
.flowvis .prd-nv { margin-bottom: 55px; background: #0080cc; }
.flowvis .prd-nv.fixed { margin: 0 auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 1000; }
.flowvis .prd-nv.fixed .prd-nv-inner { position: relative; }
.flowvis .prd-nv .prd-nv-inner ul { display: flex; justify-content: space-between; margin: 0; padding: 0; }
.flowvis .prd-nv .prd-nv-inner li { margin: 0; padding: 0; display: flex; flex: auto; min-height: 72px; }
.flowvis .prd-nv .prd-nv-inner li a { box-sizing: border-box; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 1em 0.5em; transition: 0.1s; width: 100%; height: 100%; text-align: center; line-height: 1.2; font-weight: bold; font-size: 18px; }
.flowvis .prd-nv .prd-nv-inner li a:hover { color: #FFF; background: #2f3c65; }
.flowvis #prd-nv-top, .flowvis .prd-nv-top { width: auto; }
.flowvis #prd-nv-top a, .flowvis .prd-nv .prd-nv-inner .prd-nv-top a { color: #FFF; display: flex; align-items: end; padding: 30px 1.5em; }
.flowvis #prd-nv-top a:before, .flowvis .prd-nv-top a:before { font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1.2em; content: "\e905"; }
.flowvis #prd-nv-top a span, .flowvis .prd-nv-top a span { display: block; width: 0; height: 0; overflow: hidden; line-height: 2em; }
.flowvis .prd-nv .current { background: #2f3c65; }
.flowvis .slicknav_menu { display: none; line-height: 1.3; }
.flowvis #navTitle { color: #FFF; display: block; float: left; font-weight: bold; padding: 0.5em 0 0.5em; max-width: calc(100% - 7em); max-height: 2em; overflow: hidden; }
.flowvis .slicknav_nav:before, .flowvis .slicknav_nav:after { content: " "; display: table; }
.flowvis .slicknav_nav:after { clear: both; }
.flowvis .slicknav_nav { *zoom: 1; }
@media only screen and (max-width: 760px) { .flowvis #navTitle { color: #FFF; position: absolute; float: none; top: 0.55em; display: flex; align-items: center; }
  .flowvis #navTitle small { background: #fff; border: 1px solid #5a5a5a; display: inline-block; font-size: 0.65em; font-weight: normal; padding: 0.05em 0.25em; margin-right: 0.5em; }
  .flowvis .prd-nv { -moz-box-sizing: border-box; box-sizing: border-box; border: none; padding: 0; margin: 0 0 55px 0; width: 100%; }
  .flowvis .prd-nv .slicknav_menu { background: #0080cc; box-sizing: border-box; display: block; padding: 5px 10px; position: relative; width: 100%; z-index: 0; }
  .flowvis .prd-nv .slicknav_btn { background: none; display: flex; justify-content: flex-end; margin: 0; padding: 0.5em 3%; text-align: right; width: 100%; }
  .flowvis .prd-nv .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: normal; padding-right: 0.25em; text-shadow: none; margin: 3px 10px 0 0; }
  .flowvis .prd-nv .slicknav_menu .slicknav_icon { float: none; }
  .flowvis .prd-nv .slicknav_menu .slicknav_icon-bar { background: #0080cc; box-shadow: none; }
  .flowvis .prd-nv .slicknav_nav li { float: left; width: 50%; }
  .flowvis .prd-nv .slicknav_nav a:hover { background: #2f5065; }
  .flowvis .prd-nv .slicknav_nav a { color: #FFF; display: block; padding: 5px 10px; }
  .flowvis .prd-nv .slicknav_nav a br { display: none; }
  .flowvis .product-details > section { overflow: auto; }
  .flowvis .prd-nv .prd-nv-inner { display: none; }
  .flowvis .btnBurger { position: relative; border: 1px solid #fff; padding: 2px; width: 30px; height: 30px; margin: -5px 0 0 0; border-radius: 4px; }
  .flowvis .btnBurger span, .flowvis .btnBurger span:before, .flowvis .btnBurger span:after { background: #fff; position: absolute; height: 2px; width: 16px; border-radius: 4px; -webkit-transition: all .5s; transition: all .5s; }
  .flowvis .btnBurger span:first-child { top: 8px; left: 6px; }
  .flowvis .btnBurger span:nth-child(2) { top: 13px; left: 6px; }
  .flowvis .btnBurger span:nth-child(3) { top: 18px; left: 6px; } }
@media screen and (max-width: 640px) { .flowvis .slicknav_open .btnBurger span:first-child { opacity: 0; top: 20px; width: 0px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }
  .flowvis .slicknav_open .btnBurger span:nth-child(2) { top: 13px; -webkit-transform: rotate(-315deg); transform: rotate(-315deg); width: 18px; }
  .flowvis .slicknav_open .btnBurger span:nth-child(3) { top: 13px; -webkit-transform: rotate(495deg); transform: rotate(495deg); width: 18px; } }
@media screen and (max-width: 400px) { .flowvis .prd-nv .slicknav_nav li a { font-size: 14px; } }

/*-------------------------------------------------------------- 
	メインイメージ
--------------------------------------------------------------*/
.flowvis #mainImgWrap #titleContentWrap #titleContent img { position: absolute; top: 8px; right: 42px; z-index: 2; }
.flowvis #mainImgWrap .main-backimg .taikan img { position: absolute; top: 1%; left: 1%; z-index: 2; width: 21%; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { font-weight: bold; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo { position: absolute; top: 70px; right: 17px; background-color: #FFFFFF; border: 2px solid #007fcc; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWrap { padding-bottom: 10px; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .frontInquiry { padding: 18px 12px 5px; background-color: #007fcc; color: #fff; text-align: center; font-weight: bold; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInqury p.costmarInquryNum { background: url(/img/dsrc/kashi_car/img_tel_num_icon.png) no-repeat 12% 65%; background-size: auto; padding: 6px 10px 0 101px; font-size: 30px; font-weight: bold; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInqury p.costmarInquryTime { font-size: 14px; text-align: center; line-height: 1.3; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb { margin: 0 10px 10px; padding: 5px 0px 0; border-top: 2px dashed #999999; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { margin-bottom: 5px; padding: 4px 0 4px 30px; background: url(/img/dsrc/flowvis/img_internet_icon.png) no-repeat 21% center; background-size: 27px 27px; font-size: 20px; text-align: center; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb .costmarInquryWebForm { width: 250px; margin: 0 auto; }
.flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb .costmarInquryWebForm a { display: block; text-align: center; padding: 10px 40px 10px 20px; border-radius: 20px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 95% center #2C3E66; color: #FFFFFF; font-size: 14px; font-weight: bold; }
.flowvis #mainImgWrap #imageWrap.cutover { max-width: 1200px; margin: 0 auto; position: relative; height: 420px; overflow: hidden; }
.flowvis #mainImgWrap .main-backimg { background: url(/img/dsrc/flowvis/bg_main_pc.jpg) center top no-repeat; background-size: cover; position: absolute; top: 0; height: 340px; width: 1200px; }
.flowvis #mainImgWrap #mainTitleWrap { background-color: #B9E6FB; margin-top: -80px; }
.flowvis #mainImgWrap #mainTitleWrap #mainTitle { width: 100%; padding: 10px 0; background-color: #007fcc; position: relative; }
.flowvis #mainImgWrap .mainTitleImg { position: absolute; bottom: 2%; left: 1%; width: 41%; }
.flowvis #mainImgWrap #mainTitleWrap #mainTitle .category-title { position: relative; }
.flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead { padding: 0 0 0 40px; color: #FFFFFF; font-size: 42px; font-weight: bold; }
.flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead-category { margin-top: -5%; margin-left: 5%; padding: 5px 10px; background: #fd9900; text-align: center; color: #fff; width: 27%; min-width: 190px; font-weight: bold; border-radius: 20px; font-size: 20px; display: block; }
@media screen and (max-width: 1100px) { .flowvis #mainImgWrap .main-backimg { background: url(/img/dsrc/flowvis/bg_main_pc.jpg) center top no-repeat; background-size: cover; position: absolute; top: 0; height: 340px; width: 1120px; } }
@media screen and (max-width: 1060px) { .flowvis #mainImgWrap .main-backimg { left: -7%; }
  .flowvis #mainImgWrap .main-backimg .taikan img { margin-left: 7%; width: 15%; } }
@media screen and (max-width: 1020px) { .flowvis #mainImgWrap .main-backimg { left: -11%; }
  .flowvis #mainImgWrap .main-backimg .taikan img { margin-left: 10%; } }
@media screen and (max-width: 990px) { .flowvis #mainImgWrap .main-backimg { left: -15%; }
  .flowvis #mainImgWrap .main-backimg .taikan img { margin-left: 13%; } }
@media screen and (max-width: 900px) { .flowvis #mainImgWrap { background: none; }
  .flowvis #mainImgWrap #canvas2 { left: 68%; }
  .flowvis #mainImgWrap .mainTitleImg { display: block; bottom: 135%; left: 23%; width: 47%; }
  .flowvis #mainImgWrap .main-backimg { left: 0; }
  .flowvis #mainImgWrap .main-backimg .taikan img { margin-left: 0; }
  .flowvis #mainImgWrap #imageWrap.cutover { height: 420px; }
  .flowvis #mainImgWrap #mainTitleWrap { margin-top: 0; }
  .flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead-category { margin-left: 8%; min-width: 172px; font-size: 18px; } }
@media screen and (max-width: 900px) { .flowvis #mainImgWrap #titleContentWrap { height: auto; position: inherit; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent img { top: -35px; right: 0; left: 0; margin: auto; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo { position: static !important; top: auto; bottom: -190px; right: auto; left: 0; display: block; background: none; width: 90%; margin: 55px auto 0; border: 1px solid #007fcc; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWrap { display: none; padding: 0; margin: 0 0 15px; border-top: none; text-align: center; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb { padding: 0; margin: 0 0 15px; border-top: none; text-align: center; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl { display: inline-block; position: relative; margin-bottom: 0; padding: 10px 0 10px 26px; background: none; font-size: 18px; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb dt.costmarInquryWebTtl:before { content: ''; position: absolute; top: 13px; left: 0; width: 1.2em; height: 1.2em; background: url(/img/dsrc/flowvis/img_internet_icon.png) no-repeat; background-size: contain; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb .costmarInquryWebForm { width: auto; }
  .flowvis #mainImgWrap #titleContentWrap #titleContent .flowvis_InquiryInfo .headCostmarInquryWeb .costmarInquryWebForm a { display: inline-block; padding: 10px 30px 10px 20px; border-radius: 35px; background: url(/img/dsrc/common/img_inqury_icon_4.gif) no-repeat 94% center #2C3E66; background-size: 10px 15px; font-size: 18px; } }
@media screen and (max-width: 880px) { .flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead-category { margin: -3% auto 0 auto; } }
@media only screen and (max-width: 760px) { .flowvis #mainImgWrap .main-backimg { left: -3%; }
  .flowvis #mainImgWrap .main-backimg .taikan img { margin-left: 3%; } }
@media only screen and (max-width: 720px) { .flowvis #mainImgWrap .main-backimg { left: -12%; }
  .flowvis #mainImgWrap .main-backimg .taikan img { left: 6%; } }
@media screen and (min-width: 641px) { .flowvis #mainImgWrap #titleContentWrap #titleContent { position: relative; max-width: 1200px; width: 100%; height: 100%; margin: 0 auto; } }
@media screen and (max-width: 640px) { .flowvis #mainImgWrap #imageWrap.cutover { width: 100%; height: 400px; }
  .flowvis #mainImgWrap #canvas2 { left: 96%; width: 1000px !important; height: auto !important; }
  .flowvis #mainImgWrap #mainTitleWrap #mainTitle { width: 100%; position: relative; }
  .flowvis #mainImgWrap .mainTitleImg { display: block; bottom: 150%; left: 5%; width: 75%; }
  .flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead { padding: 0; font-size: 20px; text-align: center; line-height: 1; }
  .flowvis #mainImgWrap .main-backimg { background: url(/img/dsrc/flowvis/bg_main_sp.jpg) center top no-repeat; background-size: contain; width: 100%; height: 420px; left: 0; }
  .flowvis #mainImgWrap .main-backimg .taikan img { width: 25%; left: 1%; }
  .flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead-category { font-size: 16px; margin-top: -5%; margin-bottom: 1%; padding: 2px 10px; } }
@media screen and (max-width: 500px) { .flowvis #mainImgWrap #imageWrap.cutover { height: 368px; } }
@media screen and (max-width: 414px) { .flowvis #mainImgWrap .mainTitleImg { bottom: 131%; }
  .flowvis #mainImgWrap .main-backimg { background-size: contain; }
  .flowvis #mainImgWrap #mainTitleWrap #mainTitle .subLead-category { left: 31%; } }
@media screen and (max-width: 414px) { .flowvis #mainImgWrap #imageWrap.cutover { height: 270px; }
  .flowvis #mainImgWrap #canvas2 { position: absolute; top: 0; left: 143%; width: 690px !important; height: auto !important; } }
@media screen and (max-width: 320px) { .flowvis #mainImgWrap #canvas2 { position: absolute; top: 0; left: 160%; } }

/* flowvisページ
-----------------------------------------------------*/
.flowvis .contentsWrapping { margin: 20px auto; }
.flowvis .intoContents { width: 90%; max-width: 1200px; margin: 0 auto; }
.flowvis .bgColor01 { margin-bottom: 5px; padding: 35px 0 40px 0; background-color: #fff; }
.flowvis .bgColor02 { padding: 65px 0 30px 0; background-color: #f6f6f6; margin-bottom: 0; }
.flowvis .bgColor03 { margin-bottom: 20px; padding: 65px 0 30px 0; background-color: #fff; }
.flowvis .bgColor04 { padding: 65px 0 30px 0; background-color: #f6f6f6; margin-bottom: 0; }
.flowvis .bgColor05 { padding: 65px 0 30px 0; background-color: #fff; }
.flowvis .bgColor06 { padding: 65px 0 30px 0; background-color: #f6f6f6; }
.flowvis .bgColor07 { padding: 65px 0 30px 0; background-color: #f6f6f6; }
.flowvis .titleG { margin-bottom: 40px; padding: 24px 0; border-top: 3px solid #2f3c65; border-bottom: 3px solid #2f3c65; color: #2f3c65; text-align: center; line-height: 1.25; }
.flowvis .titleG span { font-size: 32px !important; font-weight: bold !important; }
.flowvis .titleH { margin-bottom: 10px; border-left: 10px solid #333; font-weight: bold !important; font-size: 24px; }
.flowvis .titleH span { padding: 0 20px; font-size: 32px; }
.flowvis .spBoderBottomAdd { margin-bottom: 30px; border-bottom: 2px solid #333; }
.flowvis .titleI { display: inline-block; margin-top: 10px; padding: 10px 3em; border-radius: 30px; background-color: #0080cc; color: #fff; font-size: 28px; font-weight: bold; line-height: 1; }
.flowvis .catch { font-size: 30px; margin-bottom: 30px; }
.flowvis .catch02 { margin-bottom: 5px; font-size: 24px; font-weight: bold; }
.flowvis .catch03 { margin-bottom: 10px; font-size: 24px; font-weight: bold; }
.flowvis .pr20 { padding-right: 20px; }
.flowvis .mb1em { margin-bottom: 1em; }
.flowvis .alignSelfCenter { align-self: center; }
.flowvis .blockend-ml { margin-bottom: 50px !important; }
.flowvis .data-clm .catch { font-size: 24px; margin-bottom: 10px; }
.flowvis .overview-top-clm .catch { font-size: 24px; }

.flowvis .positionA01, .flowvis .positionA02, .flowvis .positionA03 { position: absolute; width: 28%; }
.flowvis .positionA01 { top: 8%; left: 9%; }
.flowvis .positionA02 { top: 21%; right: 7%; }
.flowvis .positionA03 { top: 61%; left: 6%; }
.flowvis img.botheredMan { position: absolute; top: 1%; left: 0; right: 0; width: 20.5%; margin: auto; z-index: 2; }
.flowvis .balloonDown { padding: 47px 20px; font-size: 38px; border: 2px solid #2C3E66; margin-top: 30px; margin-bottom: 30px; }

@media screen and (min-width: 1201px) { .flowvis .balloonDeco01, .flowvis .balloonDeco02, .flowvis .balloonDeco03 { font-size: 24px !important; } }
.flowvis .balloonDeco01, .flowvis .balloonDeco02, .flowvis .balloonDeco03 { position: relative; padding: 7% 2%; border: #2f3c65 solid 2px; background-color: #e6f7ff; border-radius: 20px; color: #2f3c65; font-size: 2vw; font-weight: bold; text-align: center; line-height: 1.6; z-index: -2; }
.flowvis .balloonDeco01:before { content: ''; position: absolute; display: block; z-index: 1; border-style: solid; border-color: #e6f7ff transparent; border-width: 20px 0 0 25px; bottom: -18px; right: 32px; }
.flowvis .balloonDeco01:after { content: ''; position: absolute; display: block; z-index: 0; border-style: solid; border-color: #2f3c65 transparent; border-width: 20px 0 0 27px; bottom: -21px; right: 30px; }
.flowvis .balloonDeco02:before { content: ''; position: absolute; top: 15px; bottom: 83px; left: -29px; display: block; border: 12px solid transparent; border-right: 20px solid #e6f7ff; z-index: 2; }
.flowvis .balloonDeco02:after { content: ""; position: absolute; display: block; top: 15px; bottom: 83px; left: -33px; border: 12px solid transparent; border-right: 20px solid #2f3c65; z-index: 1; }
.flowvis .balloonDeco03:before { content: ''; position: absolute; top: 15px; right: -30px; display: block; border: 12px solid transparent; border-left: 20px solid #e6f7ff; z-index: 2; }
.flowvis .balloonDeco03:after { content: ""; position: absolute; top: 15px; right: -34px; border: 12px solid transparent; border-left: 20px solid #2f3c65; z-index: 1; }
.flowvis .lineSpaceDeco01 { display: inline-block; padding-bottom: 10px !important; line-height: 1.3 !important; }
.flowvis .cutover02 img { width: 36%; max-width: 360px; float: left; }
.flowvis .cutover02 h3, .flowvis .cutover02 p { width: calc(100% - 36%); float: right; padding-left: 20px !important; text-align-last: left; }
.flowvis .cutover03 img { width: 15%; float: left; }
.flowvis .cutover01 img.point-no, .flowvis .cutover02 img.point-no, .flowvis .cutover03 img.point-no { width: 30%; max-width: 160px; margin-bottom: 1.75em; }
.flowvis .service-clm .service-title { width: calc(100% - 36%); float: right; }
.flowvis .service-clm .service-img { float: left; width: 36%; }
.flowvis .service-clm .service-copy { width: calc(100% - 36%); float: right; }
.flowvis .cutover02 h3, .flowvis .cutover02 p { width: 100%; }
.flowvis .cutover02 img { width: 100%; }

.flowvis #wrapper .advantages-clm { width: 100%; }
.flowvis #wrapper .advantages-clm .text { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around; }
.flowvis #wrapper .advantages-clm .text h5 { font-weight: bold; font-size: 30px; }
.flowvis #wrapper .advantages-clm .text li { position: relative; padding: 0 0.7em 1.2em 3em; font-size: 24px; letter-spacing: 0; }
.flowvis #wrapper .advantages-clm .text li:after { content: ""; position: absolute; width: 95%; background: #ddd; display: block; height: 1px; bottom: 12px; left: 0; }
.flowvis #wrapper .advantages-clm .text li.demerit:before { content: url(/img/dsrc/flowvis/batu_img.png); position: absolute; left: 0; top: 0px; }
.flowvis #wrapper .advantages-clm .text li.demerit { color: #2f3c65; font-weight: bold; }
.flowvis #wrapper .advantages-clm .text li.merit:before { content: url(/img/dsrc/flowvis/maru_img.png); position: absolute; left: 0; top: 0px; }
.flowvis #wrapper .advantages-clm .text li.merit { color: #e70512; font-weight: bold; }
.flowvis #wrapper .advantages-clm h4 { padding: 11px; text-align: center; color: #fff; background: #0080cc; font-weight: bold; font-size: 30px; border-radius: 18px 18px 0 0; }
.flowvis #wrapper .advantages-clm .text h5:before { content: ""; position: absolute; left: 0; top: 21px; width: 5px; background: #2c3e66; height: 27px; }
.flowvis #wrapper .advantages-clm .text h5 { position: relative; color: #333333; font-weight: bold; padding: 0.3em 0.7em 1em 0.6em; }
.flowvis #wrapper .system-clm { margin-top: 100px; border: solid 8px #ddd; border-radius: 18px; }
.flowvis #wrapper .system-clm .title-rap { padding: 11px; color: #fff; background: #0080cc; font-weight: bold; font-size: 30px; border-radius: 56px; margin: -48px auto 0 auto; width: 100%; max-width: 900px; }
.flowvis #wrapper .system-clm h4 { width: 100%; text-align: center; }
.flowvis #wrapper .system-clm .title-rap .title { width: 97%; margin: auto; text-align: center; font-size: 42px; }
.flowvis #wrapper .system-clm .title-rap .title span { font-size: 32px; }
.flowvis #wrapper .system-clm .title-rap .note { width: 96%; margin: auto; font-size: 14px; text-align: left; }
.flowvis #wrapper .system-clm .title-rap h4 small { width: 100%; text-align: center; }
.flowvis #wrapper .system-clm h5 { width: 100%; text-align: center; padding: 38px 0; font-size: 32px; color: #2f3c65; font-weight: bold; }
.flowvis #wrapper .system-clm .system-inner .inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2%; }
.flowvis #wrapper .system-clm .system-inner .system-img { width: 42%; }
.flowvis #wrapper .system-clm .system-inner .system-copy { width: 54%; }
.flowvis #wrapper .system-clm .system-inner li { font-size: 20px; color: #2f3c65; font-weight: bold; padding-bottom: 28px; margin-bottom: 28px; position: relative; }
.flowvis #wrapper .system-clm .system-inner li:after { content: ""; position: absolute; width: 100%; background: #ddd; display: block; height: 2px; bottom: 0; }
.flowvis #wrapper .system-clm .system-inner li strong { font-size: 32px; color: #ea0012; margin-left: -18px; }
@media screen and (max-width: 640px) { .flowvis #wrapper .advantages-clm h4 { font-size: 20px; }
  .flowvis #wrapper .advantages-clm .text h5 { font-size: 20px; padding: 0.8em 0.7em 1em 0.6em; }
  .flowvis #wrapper .advantages-clm .text li { padding: 0.5em 0.7em 1.2em 3em; font-size: 18px; }
  .flowvis #wrapper .advantages-clm .text li:after { bottom: 7px; }
  .flowvis #wrapper .system-clm .title-rap .title { font-size: 24px; }
  .flowvis #wrapper .system-clm .title-rap .title span { font-size: 20px; }
  .flowvis #wrapper .system-clm .title-rap .note { font-size: 14px; font-weight: normal; }
  .flowvis #wrapper .system-clm .title-rap { border-radius: 25px; }
  .flowvis #wrapper .system-clm { margin-top: 50px; }
  .flowvis #wrapper .system-clm h5 { padding: 14px 0 0 0; font-size: 18px; }
  .flowvis #wrapper .system-clm .system-inner .system-img, .flowvis #wrapper .system-clm .system-inner .system-copy { width: 94%; margin: auto; }
  .flowvis #wrapper .system-clm .system-inner li { font-size: 16px; }
  .flowvis #wrapper .system-clm .system-inner li strong { font-size: 22px; }
  .flowvis #wrapper .system-clm .system-inner li { font-size: 18px; } }

.flowvis .advantages-clm .text { padding: 26px 35px 35px 35px; font-size: 20px; line-height: 1.8; background-color: #F8F8F8; }

.flowvis .bgColor01 .service-clm .col-md-12 { margin-bottom: 2.85em; }

.flowvis .service-clm .carnumber, .flowvis .service-clm .etc { width: 48%; }

.flowvis .catch-copy-clm { display: grid; max-width: 1000px; margin: auto; grid-template-columns: 70% 30%; grid-template-rows: auto auto auto; display: -ms-grid; -ms-grid-columns: 70% 30%; -ms-grid-rows: auto auto auto; font-size: 26px; width: 100%; font-weight: bold; }

.flowvis .catch-copy-clm .blockend-s { margin-bottom: 45px; }

.flowvis .catch-copy-clm .logo-img { max-width: 355px; width: 100%; grid-column: 1/2; -ms-grid-column: 1; -ms-grid-row: 1; text-align: left; }

.flowvis .catch-copy-clm .main-copy { grid-column: 1/2; grid-row: 2/3; -ms-grid-column: 1; -ms-grid-row: 2; text-align: left; }

.flowvis .catch-copy-clm .sub-copy { grid-column: 1/2; grid-row: 3/4; -ms-grid-column: 1; -ms-grid-row: 3; text-align: left; }

.flowvis .catch-copy-clm .good-img { width: 100%; text-align: center; grid-column: 2/3; grid-row: 1/4; -ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 3; position: relative; }

.flowvis .catch-copy-clm .good-img img { position: absolute; bottom: 0; right: 16%; width: 76%; }

.flowvis .catch-copy-clm strong { font-size: 60px; font-weight: bold; color: #ea0012; letter-spacing: 0.06em; }

.flowvis .catch-copy-clm strong span { font-size: 45px; font-weight: bold; color: #ea0012; }

.flowvis .applyBnr a { margin: 0 auto; padding: 33px 115px 33px 90px; border-radius: 10px; background-color: #2f3c66; background-image: url(/img/dsrc/flowvis/img_solution_arrow8.png); background-repeat: no-repeat; background-position: 94% 50%; color: #fff; font-size: 32px; font-weight: bold; text-align: center; }

.flowvis .applyBnr { margin: 30px 0 40px; text-align: center; }

@media screen and (min-width: 1061px) { .flowvis .pc_none { display: none !important; } }
@media screen and (max-width: 1060px) { .flowvis .sp_none { display: none !important; } }
@media screen and (min-width: 641px) and (max-width: 1095px) { .flowvis .titleH { padding-left: 8px; padding-bottom: 0; font-size: 20px; border-bottom: none; }
  .flowvis .titleH span { padding: 0 8px 0 0; font-size: 30px; }
  .flowvis .spBoderBottomAdd { margin-bottom: 15px; border-bottom: 1px solid #333; } }
@media screen and (max-width: 800px) { .flowvis .titleI { font-size: 20px; } }
@media screen and (min-width: 681px) and (max-width: 900px) { .flowvis .blockend-ml { margin-bottom: 50px !important; } }
@media screen and (min-width: 1095px) { .flowvis .pcNoneOnly { display: none; } }
@media screen and (min-width: 901px) { .flowvis .pcNoneOnly02 { display: none; } }
@media screen and (min-width: 641px) and (max-width: 900px) { .flowvis .tbNone { display: none; } }
@media screen and (max-width: 900px) { .flowvis .catch-copy-clm strong { font-size: 38px; }
  .flowvis .catch-copy-clm strong span { font-size: 29px; }
  .flowvis .catch-copy-clm .sub-copy { font-size: 17px; }
  .flowvis .applyBnr a { font-size: 18px; }
  .flowvis #mainTitleWrap #mainTitle .subLead { padding-left: 0 !important; text-align: center; }
  .flowvis .catch-copy-clm .good-img img { width: 84%; } }
@media screen and (max-width: 880px) { /* 業務車両の管理でこんなお悩みありませんか？ */
  .flowvis .spMgNone { margin-bottom: 0 !important; }
  .flowvis .spPdNone { padding-bottom: 0 !important; }
  .flowvis .balloonDown { padding: 15px 15px; font-size: 28px; border: 2px solid #2C3E66; margin-top: 20px; margin-bottom: 20px; } }
@media only screen and (max-width: 760px) { /* FLOWVIS(フロービス)のサービス概要 */
  .flowvis .catch { font-size: 24px; }
  .flowvis .tableDeco01 { display: block; width: 100%; }
  .flowvis .captionDeco01 { width: 100%; text-align: center; }
  .flowvis .row01 { position: relative; display: block; border-bottom: 1px solid #ccc; }
  .flowvis .header-row { display: none; } }
@media screen and (max-width: 640px) { /* mainImg　メインイメージ */
  .flowvis .bgColor02 { padding: 25px 0; }
  .flowvis .titleG { margin-bottom: 10px; padding: 15px 0; border-top: 2px solid #2f3c65; border-bottom: 2px solid #2f3c65; }
  .flowvis .titleG span { font-size: 16px !important; letter-spacing: -0.09em; }
  .flowvis .titleH { padding-left: 8px; padding-bottom: 0; font-size: 14px; border-bottom: none; }
  .flowvis .titleH span { padding: 0; font-size: 20px; }
  .flowvis .spBoderBottomAdd { margin-bottom: 15px; border-bottom: 1px solid #333; }
  .flowvis .titleI { padding: 10px 18px; font-size: 15px; }
  .flowvis .catch02 { font-size: 18px; line-height: 1; }
  .flowvis .catch03 { margin-bottom: 5px; font-size: 18px; }
  .flowvis .catch { font-size: 18px; }
  .flowvis .blockend-ml { margin-bottom: 30px !important; }
  /*------ 現場のこんな困りごとありませんか？ ------*/
  /* 吹き出し */
  .flowvis .positionA01, .flowvis .positionA02, .flowvis .positionA03 { width: 48%; }
  .flowvis .positionA01 { top: 0; left: 0; }
  .flowvis .positionA02 { top: 0; right: 0; }
  .flowvis .positionA03 { top: 75%; width: 100%; left: 0; }
  .flowvis img.botheredMan { top: 12%; width: 50%; }
  .flowvis .balloonDeco01, .flowvis .balloonDeco02, .flowvis .balloonDeco03 { display: block; padding: 5% 2%; border: 1px solid #2f3c65; border-radius: 10px; font-size: 3.5vw; letter-spacing: -0.05em; z-index: -1; }
  .flowvis .balloonDeco03 { padding: 5% 2%; }
  .flowvis .balloonDeco01:before { border-width: 10px 0 0 12px; bottom: -8px; right: 61px; }
  .flowvis .balloonDeco01:after { border-width: 10px 0 0 12px; bottom: -10px; right: 60px; }
  .flowvis .balloonDeco02:before { border-width: 10px 12px 0 0; top: auto; bottom: -8px; left: 63px; border-color: #e6f7ff transparent; }
  .flowvis .balloonDeco02:after { top: auto; left: 62px; bottom: -10px; border-width: 0 0 10px 12px; border-color: transparent transparent transparent #2f3c65; }
  .flowvis .balloonDeco03:before { top: -9px; left: 48%; right: auto; border-width: 0 8px 10px 8px; border-color: transparent transparent #e6f7ff transparent; }
  .flowvis .balloonDeco03:after { top: -11px; left: 48%; right: auto; border-width: 0 8px 10px 8px; border-color: transparent transparent #2f3c65 transparent; }
  .flowvis img.botheredMan { top: 12%; width: 28%; }
  .flowvis .spTxtAdjustment { font-size: 17px; letter-spacing: -0.09em; }
  .flowvis .topicsArrowDown02 { width: 70px; }
  .flowvis .lineSpaceDeco01 { display: block; padding-bottom: 0 !important; }
  .flowvis .cutover02 img { width: 100%; max-width: 100%; float: none; margin-bottom: 10px; }
  .flowvis .cutover02 h3, .flowvis .cutover02 p { width: 100%; float: none; padding-left: 0 !important; }
  .flowvis .cutover03 img { width: 26%; }
  .flowvis .spTxtAdjustment { font-size: 17px; letter-spacing: -0.09em; }
  /* FLOWVIS(フロービス)のサービス概要 */
  .flowvis .service-clm .service-copy, .flowvis .service-clm .service-img, .flowvis .service-clm .service-title { width: 100%; float: none; }
  .flowvis .bgColor01 { padding: 0 0 40px 0; }
  .flowvis .cutover01 img.point-no, .flowvis .cutover02 img.point-no, .flowvis .cutover03 img.point-no { margin-bottom: 0.5em; }
  .flowvis .bgColor01 .service-clm .col-md-12 { margin-bottom: 1.5em; }
  .flowvis .advantages-clm .text { padding: 0 12px 35px 12px; font-size: 20px; line-height: 1.8; background-color: #F8F8F8; }
  .flowvis .service-clm .carnumber, .flowvis .service-clm .etc { width: 100%; }
  .flowvis .youtubeTitle02 { padding-bottom: 5px; font-size: 16px !important; }
  .flowvis .catch-copy-clm .logo-img { max-width: 270px; }
  .flowvis .catch-copy-clm .good-img img { width: 100%; }
  .flowvis .catch-copy-clm .copy strong { font-size: 40px; font-weight: bold; color: #ea0012; letter-spacing: 0.06em; }
  /* お問合せ */
  .flowvis .applyBnr a { display: inline-block; padding: 10px 60px; font-size: 16px; }
  .flowvis .applyBnr { margin: 20px 0; }
  .flowvis .applyBnr a { display: inline-block; padding: 10px 60px; font-size: 16px; } }
@media screen and (max-width: 414px) { .flowvis .catch-copy-clm .main-copy { grid-column: 1/3; grid-row: 2/3; }
  .flowvis .catch-copy-clm .good-img { grid-column: 2/3; grid-row: 3/4; } }
@media only screen and (max-width: 640px) { .flowvis .data-clm .catch { font-size: 16px; margin-bottom: 8px; }
  .flowvis .overview-top-clm .catch { font-size: 18px; } }
.flowvis.case #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case1_top_ph1.jpg); }
.flowvis.case #mainImgWrap #mainTitleWrap, .flowvis.case #mainImgWrap #mainTitleWrap #mainTitle { background-color: #555555; }
.flowvis.case #mainImgWrap #mainTitleWrap { margin: 0; }
.flowvis.case #mainImgWrap #mainTitleWrap #mainTitle { max-width: 1200px; width: 90%; margin: 0 auto; }
@media only screen and (max-width: 640px) { .flowvis.case #article section .bgColor05 > .row { margin-right: 5px; margin-left: 5px; }
  .flowvis.case .caseStudyArea .intoContents { width: 100%; } }

.flowvis.case2 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case2_top_ph1.jpg); }

.flowvis.case3 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case3_top_ph1.jpg); }

.flowvis.case4 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case4_top_ph1.jpg); }

.flowvis.case5 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case5_top_ph1.jpg); }

.flowvis.case6 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case6_top_ph1.jpg); }

.flowvis.case7 #mainImgWrap #mainCaseImg { background-image: url(/img/dsrc/flowvis/case7_top_ph1.jpg); }

/*----------------------------------------------------- コラム
-----------------------------------------------------*/
/* TOPページタイトル調整
-------------------------*/
#solutionTop.index .column-clm h3.titleB { display: block; }
#solutionTop.index .column-clm h3 { display: none; }

/* ナビ
-------------------------*/
.column-list .caseList02 { padding-left: 0; }
.column-list .caseList02 li span.new { color: #FFF; font-size: 0.75em; font-weight: bold; line-height: 1em; letter-spacing: normal; margin: 0 5px; vertical-align: middle; padding: 0 5px; background: #FF6C00; position: relative; top: -2px; }
.column-list .caseList02 li { padding-bottom: 0.5em; list-style: none; }
.column-list .caseList02 li p { display: none; }
.column-list .caseList02 li a { color: #161616; padding-left: 0.875rem; display: inline-block; }
.column-list .caseList02 li a:hover { color: #004ea2; }
.column-list .caseList02 li a:before { font-family: 'furunocom' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 0.875em; line-height: 1.5; color: #004ea2; vertical-align: middle; margin-left: -0.875rem; padding-right: 0.35em; }
@media screen and (max-width: 640px) { .column-list .caseList02 li { font-size: 14px; margin: 0; } }

/* コラムページ
-------------------------*/
#column { /* ベースのフォントサイズ調整
---------- */ /* コラム一覧ページ
-------------------------*/ }
#column #wrapper .column-right *, #column #wrapper .column-right *:before, #column #wrapper .column-right *:after, #column #wrapper .siteStructure *, #column #wrapper h1.inner * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
@media screen and (min-width: 641px) and (max-width: 880px) { #column #wrapper { /* 641 px以上 880px以下 */ font-size: 16px; } }
#column.index .column-clm .column-list h3 { display: block; }
#column.column.article-page #wrapper { letter-spacing: normal; /* 小バナー
---------- */ }
#column.column.article-page #wrapper h1 { line-height: 1.2; }
#column.column.article-page #wrapper h1 small { font-size: 1.4rem; }
#column.column.article-page #wrapper h1 .columntime { font-size: 1rem; display: block; text-align: right; padding-top: 1em; }
#column.column.article-page #wrapper h1 .category-name { background: #004ea2; color: #fff; font-size: 1.2rem; font-weight: normal; display: inline-block; padding: 0.2em 0.5em; margin-bottom: 0.25em; }
#column.column.article-page #wrapper h3 { color: #004ea2; font-size: 1.375em; line-height: 1.2; margin: 0 0 1.0em; font-weight: bold; }
#column.column.article-page #wrapper .catListCase { margin: -2em auto 3em; }
#column.column.article-page #wrapper .catListCase li { display: inline-block; margin-right: 8px; }
#column.column.article-page #wrapper .column-right .inner .clm { padding-bottom: 3.25em; }
#column.column.article-page #wrapper .column-right .inner .clm.top-clm { padding-bottom: 1em; }
#column.column.article-page #wrapper .column-right .inner .clm::after { content: “”; display: block; clear: both; }
#column.column.article-page #wrapper .column-right .inner .clm h4 { font-size: 20px; }
#column.column.article-page #wrapper .column-right .inner .clm h5 { font-size: 14px; padding-bottom: 0.1em; }
#column.column.article-page #wrapper .column-right .inner .clm p { line-height: 1.75; }
#column.column.article-page #wrapper .column-right .inner .clm .clm:last-of-type { padding-bottom: 0; }
#column.column.article-page #wrapper .column-right .inner .clm .dot-list { margin-bottom: 1.5em; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-c { max-width: 750px; margin: auto; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-w, #column.column.article-page #wrapper .column-right .inner .clm .photos-h { float: right; padding: 0.35em 0 0 1.25em; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-w { width: 490px; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-h { width: 326px; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-w p, #column.column.article-page #wrapper .column-right .inner .clm .photos-h p, #column.column.article-page #wrapper .column-right .inner .clm .photos p, #column.column.article-page #wrapper .column-right .inner .clm .photos-c p { font-size: 13px; line-height: 1.4; display: flex; flex-wrap: wrap; margin-bottom: 1em; padding-bottom: 0; }
#column.column.article-page #wrapper .column-right .inner .clm .photos-w p .caption, #column.column.article-page #wrapper .column-right .inner .clm .photos-h p .caption, #column.column.article-page #wrapper .column-right .inner .clm .photos p .caption, #column.column.article-page #wrapper .column-right .inner .clm .photos-c p .caption { background: #ebebeb; padding: 0.75em 0.5em 1em; width: 100%; word-break: break-all; }
#column.column.article-page #wrapper .column-right .inner .clm .num-list { margin-bottom: 1.5em; }
#column.column.article-page #wrapper .column-right .inner .clm .alpha-list { margin: 0 0 1.5em 0; padding: 0; }
#column.column.article-page #wrapper .column-right .inner .clm .alpha-list li { list-style: upper-alpha; margin: 0 0 0.25em 1.8em; padding: 0; }
#column.column.article-page #wrapper .column-right .inner .clm .table-clm { overflow: unset; }
#column.column.article-page #wrapper .column-right .inner .clm .table-clm th { font-weight: bold; }
#column.column.article-page #wrapper .column-right .inner .clm .explanation { background: #ebebeb; padding: 0.75em 0.75em 1em; word-break: break-all; margin-bottom: 1.5em; font-size: 14px; }
#column.column.article-page #wrapper .column-right .inner .clm .explanation .title { font-size: 1em; font-weight: bold; color: #333; }
#column.column.article-page #wrapper .column-right .inner .clm .explanation p:last-of-type { margin-bottom: 0; }
#column.column.article-page #wrapper .column-right .inner .column-clm .caseList02 .current { background: #aad5ff; }
#column.column.article-page #wrapper .column-right .inner section { margin-top: -30px; padding-top: 30px; padding-bottom: 4em; }
#column.column.article-page #wrapper .column-left { padding: 0; }
#column.column.article-page #wrapper .column-left .column-list h3 { display: none; }
#column.column.article-page #wrapper .column-left .solutionMenuWrap h2 { border-bottom: none; font-size: 1em; font-weight: bold; line-height: 1; margin: 0 0 20px; padding-bottom: 0; }
#column.column.article-page #wrapper #Reference-material ol { margin-bottom: 3em; }
#column.column.article-page #wrapper #Online .clm { padding-bottom: 1em; }
#column.column.article-page #wrapper .prof-clm { border: 3px solid #ddd; }
#column.column.article-page #wrapper .prof-clm h3 small { font-size: 14px; }
#column.column.article-page #wrapper .prof-clm .photo { width: 100px; box-sizing: border-box; padding-right: 20px; }
#column.column.article-page #wrapper .prof-clm .copy-clm { width: calc(100% - 100px); }
#column.column.article-page #wrapper .prof-clm .prof-title h4 { text-align: center; padding: 12px; background: #eee; font-weight: bold; margin-bottom: 1em; }
#column.column.article-page #wrapper .prof-clm .prof-main { padding: 30px 16px; display: flex; }
#column.column.article-page #wrapper .prof-clm p { padding-bottom: 0; }
@media screen and (max-width: 640px) { #column.column.article-page #wrapper .prof-clm .copy-clm { padding-left: 0; } }
#column.column.article-page #wrapper .prof-clm h3, #column.column.article-page #wrapper .column-article .prof-clm h3 { color: #000; font-size: 1.375em; margin-bottom: 0.5em; padding: 0; }
#column.column.article-page #wrapper .bnr a:hover { opacity: 1; -webkit-animation: navi-flash 1s; animation: navi-flash 1s; }
@-webkit-keyframes navi-flash { 0% { opacity: .4; }
  100% { opacity: 1; } }
@keyframes navi-flash { 0% { opacity: .4; }
  100% { opacity: 1; } }
#column.column.article-page #wrapper .w640under, #column.column.article-page #wrapper .bnr .w400under { display: none; }
@media screen and (max-width: 640px) { #column.column.article-page #wrapper .w640under, #column.column.article-page #wrapper .bnr .w400under { display: inline; } }
#column.column.article-page #wrapper .related_banner { display: flex; flex-wrap: wrap; }
#column.column.article-page #wrapper .related_banner > p { width: 20.4%; margin-right: 6.13%; }
#column.column.article-page #wrapper .related_banner > p:nth-of-type(4n) { margin-right: 0; }
#column.column.article-page #wrapper .related_banner img { display: block; }
#column.column.article-page #wrapper .related_banner a .copy { background: linear-gradient(#e8e8e8, #fff 24px); color: #161616; display: block; margin-top: 2px; padding: 24px 0 0 0; }
#column.column.article-page #wrapper .related_banner a .title { color: #004ea2; font-weight: normal; line-height: 1.3; padding: 0 0.25em 1.25em; display: flex; justify-content: center; align-items: center; text-align: center; }
#column.column.article-page #wrapper .related_banner a:hover .copy { color: #004ea2; }
#column.column.article-page #wrapper .related_banner a:hover img { opacity: 0.7; }
@media screen and (max-width: 960px) { #column.column.article-page #wrapper .related_banner > p { width: 23%; margin-right: 2.66%; } }
@media screen and (max-width: 640px) { #column.column.article-page #wrapper .related_banner > p { width: 100%; margin: 0 0 1em; }
  #column.column.article-page #wrapper .related_banner > p > a { display: flex; flex-wrap: wrap; }
  #column.column.article-page #wrapper .related_banner a .thumbnail { width: 150px; }
  #column.column.article-page #wrapper .related_banner a .copy { background: none; box-sizing: border-box; font-size: 0.875em; margin: 0; padding: 0 0 0 1em; text-align: left; width: calc(100% - 150px); }
  #column.column.article-page #wrapper .related_banner a .title { display: block; justify-content: left; padding: 0 0 0.75em; font-weight: bold; text-align: left; } }
@media screen and (max-width: 400px) { #column.column.article-page #wrapper .related_banner a a .thumbnail { width: 40%; }
  #column.column.article-page #wrapper .related_banner a a .copy { width: 60%; } }
@media screen and (max-width: 640px) { #column.column.article-page.index #wrapper h1.inner { margin-bottom: 1em; }
  #column.column.article-page #wrapper h1.inner { margin-bottom: 1.75em; }
  #column.column.article-page #wrapper .column-right .inner h2 { padding-bottom: 0.5em; }
  #column.column.article-page #wrapper .column-right .inner h2 .page-title { font-size: 26px; padding: 0.1em 0 0em 0; }
  #column.column.article-page #wrapper .column-right .inner h2 .cat-title { font-size: 16px; }
  #column.column.article-page #wrapper .column-right .inner h3 { font-size: 1.15em; line-height: 1.3; }
  #column.column.article-page #wrapper .column-right .inner .catListCase { margin: -1em auto 3em; }
  #column.column.article-page #wrapper .column-right .inner .clm { padding-bottom: 3.25em; }
  #column.column.article-page #wrapper .column-right .inner .clm.top-clm { padding-bottom: 1em; }
  #column.column.article-page #wrapper .column-right .inner .clm h3 { font-size: 18px; }
  #column.column.article-page #wrapper .column-right .inner .clm h4 { font-size: 18px; padding-bottom: 0.5em; }
  #column.column.article-page #wrapper .column-right .inner .clm .prof-title h4 { padding: 12px; }
  #column.column.article-page #wrapper .column-right .inner .clm h5 { font-size: 16px; padding-bottom: 0.1em; }
  #column.column.article-page #wrapper .column-right .inner .clm p { line-height: 1.75; padding-bottom: 1.5em; }
  #column.column.article-page #wrapper .column-right .inner .clm .photos-w, #column.column.article-page #wrapper .column-right .inner .clm .photos-h { padding: 0.35em 0 0 1.25em; }
  #column.column.article-page #wrapper .column-right .inner .clm .photos-w { float: none; margin: auto; width: 100%; max-width: 490px; padding: 0; }
  #column.column.article-page #wrapper .column-right .inner .clm .photos-h { max-width: 326px; }
  #column.column.article-page #wrapper .column-right .inner .clm .photos-w p, #column.column.article-page #wrapper .column-right .inner .clm .photos-h p, #column.column.article-page #wrapper .column-right .inner .clm .photos p { font-size: 13px; line-height: 1.4; display: flex; flex-wrap: wrap; margin-bottom: 1em; padding-bottom: 0; }
  #column.column.article-page #wrapper .column-right .inner .clm .photos-w p .caption, #column.column.article-page #wrapper .column-right .inner .clm .photos-h p .caption, #column.column.article-page #wrapper .column-right .inner .clm .photos p .caption { background: #ebebeb; padding: 0.75em 0.5em 1em; }
  #column.column.article-page #wrapper .column-right .inner .profile .notes { padding-bottom: 0; margin-bottom: 0; }
  #column.column.article-page #wrapper .column-right .inner .btns { margin: auto; }
  #column.column.article-page #wrapper .column-right .inner .w640over, #column.column.article-page #wrapper .column-right .inner .bnr .w640over { display: none; } }
@media screen and (max-width: 500px) { #column.column.article-page #wrapper .column-right .inner .clm .photos-h { max-width: 326px; width: 100%; padding: 0; float: none; margin: auto; } }
@media screen and (max-width: 400px) { #column.column.article-page #Reference-material .list-two-one-clm, #column.column.article-page #Online .list-two-one-clm { flex-direction: column-reverse; } }