@charset 'UTF-8';
/* Foundation
   ========================================================================== */

.maincontents p,
.maincontents ul,
.maincontents ol {
  font-size: 16px !important;
}
body.double .maincontents p,
body.double .maincontents li {
  line-height: 1.7 !important;
}
.maincontents ul,
.maincontents ol {
  padding-left: 20px;
}
.maincontents li {
  margin-bottom: 0;
}
a img {
  border: none;
}
/* リンク */

.scrolltop a,
.lp-related-links a {
  opacity: 1;
}
.scrolltop a:hover {
  opacity: .75;
}
.lp-related-links a:hover {
  opacity: .5;
}
/* Layout
 * 各ページ共通レイアウト
   ========================================================================== */

.stage {
  background-image: none;
}
.bodyarea,
#bodyarea.body5span .maincontents {
  width: 100%;
  padding-bottom: 0;
}
.lp-inner {
  position: relative;
  width: 900px;
  margin: 0 auto;
  padding: 50px 0 60px;
}
.lp-inner>*:last-child {
  margin-bottom: 0 !important;
}
/*
   トップに戻るスクロールボタン
   -------------------------------------------------- */

.maincontents div.scrolltop {
  position: fixed;
  z-index: 9999;
  right: 0;
  bottom: 10%;
  padding: 0;
}
.scrolltop a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: left;
  text-indent: -9999px;
  background: url(/jp/Images/arrow_top_tcm102-2917479.png) no-repeat left top;
}
.scrolltop img {
  display: none !important;
}
/* Object - Component
 * 汎用的なパーツ
   ========================================================================== */


/*
   見出し
   -------------------------------------------------- */

.maincontents h1,
.maincontents h2,
.maincontents h3,
.maincontents h4,
.maincontents h5,
.maincontents h6 {
  font-weight: normal !important;
}
.maincontents h1 {
  font-size: 32px !important;
  line-height: 1.3 !important;
  width: 980px;
  margin: 30px auto 50px !important;
}
.maincontents h2 {
  font-size: 26px !important;
  line-height: 1.3 !important;
  margin-bottom: 1em !important;
}
.maincontents h2 small {
  font-size: 20px;
}
/*
   グリッドシステム（6分割）
   -------------------------------------------------- */

.lp-grid {
  box-sizing: border-box;
  width: 100%;
  max-width: 1008px;
  margin: auto;
}
.maincontents>.lp-grid,
siteedit > .lp-grid {
  margin-top: 55px;
  margin-bottom: 55px;
}
.lp-grid:after {
  display: block;
  clear: both;
  content: '';
}
.lp-grid>div {
  float: left;
  box-sizing: border-box;
  padding: 0 14px;
}
.lp-grid__col01 {
  width: 16.67%;
  width: calc(100% / 6);
}
.lp-grid__col02 {
  width: 33.33%;
 width: calc(100% / 6 * 2);
}
.lp-grid__col03 {
  width: 50%;
}
.lp-grid__col04 {
  width: 66.66%;
 width: calc(100% / 6 * 4);
}
.lp-grid__col05 {
  width: 83.33%;
 width: calc(100% / 6 * 5);
}
.lp-grid__col06 {
  float: none !important;
  width: 100%;
}
/*
   ボタン
   -------------------------------------------------- */

.lp-btn {
  font-size: 24px;
  display: block;
  box-sizing: border-box;
  margin: auto;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #b00;
}
.lp-btn:hover {
  text-decoration: none !important;
  background-color: #a30b1a;
}
.lp-btn small {
  font-size: 13px;
  display: inline-block;
}
/* ダウンロードアイコン付ボタン */

.lp-btn--dl {
  position: relative;
  display: inline-block;
}
.lp-btn--dl:after {
  position: relative;
  top: 6px;
  margin-left: 10px;
  content: url(/jp/Images/download_icon_tcm102-2917477.png);
}
.lp-btn--dl__divider {
  padding-bottom: 3px;
  border-bottom: 1px solid #48190a;
}
/* ダウンロードアイコン＆ファイルアイコンボタン*/

.lp-btn--dl-detail {
  display: block;
}
.lp-btn--dl-detail__divider {
  position: relative;
  display: block !important;
  box-sizing: border-box;
  margin: .75em 0;
  margin-left: 75px;
  padding: .25em 0;
  border-top: 1px solid #48190a;
  border-bottom: 1px solid #48190a;
}
.lp-btn--dl-detail .lp-btn--dl {
  margin-left: 70px;
}
.lp-btn--dl-detail small:first-child{
  width:100%;
}
.lp-btn--dl-detail small:first-child:after {
  position: absolute;
  display: block;
  content: url(/jp/Images/file_icon_tcm102-2917490.png);
  margin-top: 10px;
}
/*
   パネル
   -------------------------------------------------- */

.lp-panel .lp-panel__ttl {
  margin: 0 !important;
}
.lp-panel__body {
  padding: 25px;
}
.lp-panel__body> :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* 背景色版 */

.lp-panel--bg {
  background: #eee;
}
.lp-panel--bg .lp-panel__ttl {
  margin-bottom: -5px !important;
  padding: 25px 25px 0;
}
/* 枠線版 */

.lp-panel--border {
  border: 2px solid #706f67;
}
.lp-panel--border .lp-panel__ttl {
  font-size: 24px !important;
  color: #fff;
  padding: 0.25em !important;
  background: #706f67;
}
/* Object - Project
 * 特定用途のためのパーツ
   ========================================================================== */


/*
   アイキャッチ
   -------------------------------------------------- */

.lp-eyecatch {
  position: relative;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  min-height: 320px;
}
.lp-lead {
  position: absolute;
  margin-left: 515px;
  bottom: 20px;
  box-sizing: border-box;
  width: 445px;
  padding: 20px;
  background: rgba(255, 255, 255, .7);
}

.lp-lead.with-related-link {
  top: 80px;
  background: rgba(255, 255, 255, .9);
}

.mobile .lp-lead.with-related-link {
  top: inherit;
  background: rgba(255, 255, 255, .9);
}


.related-link-box h2 {
  color: #000 !important;
  font-size: 15px !important;
}

.mobile .related-link-box h2 {
  color: #000 !important;
  font-size: 15px !important;
}

.related-link-box ul {
  margin-top: 10px;
  font-size: 15px !important;

}


.lp-lead> :last-child {
  margin-bottom: 0 !important;
}
.lp-lead h2 {
  margin-bottom: .25em !important;
  color: #a30b1a;
}
.lp-lead h2+p {
  margin-bottom: 1em !important;
}
.lp-lead p {
  font-size: 14px !important;
}
body.double .lp-lead p {
  line-height: 1.5 !important;
}
/*
   矢印背景付見出し
   -------------------------------------------------- */

.lp-ttl-next {
  padding-bottom: 30px;
  background: url(/jp/Images/bg_arrow_tcm102-2917478.jpg) no-repeat bottom center;
}
.maincontents .lp-ttl-next {
  margin-bottom: 5px !important;
}
/*
   関連リンクタイル
   -------------------------------------------------- */

.lp-related-links {
  padding-left: 0 !important;
  list-style: none;
}
.maincontents ul.lp-related-links {
  font-size: 14px !important;
}
.lp-related-links:after {
  display: block;
  clear: both;
  content: '';
}
.lp-related-links li {
  float: left;
  width: 312px;
  margin-right: 21px;
}
.lp-related-links li:last-child {
  margin-right: 0;
}
.lp-related-links a {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
}
.lp-related-links .lp-related-links__desc {
  display: block;
  min-height: 5.1em;
}
.lp-related-links .lp-related-links__more {
  display: inline-block;
  margin: 10px 0;
  padding: 3px 14px;
  color: #841718;
  border: solid 1px #841718;
}
/* Object - Utility
 * 各種ヘルパークラス
   ========================================================================== */

.lp-has-border {
  border: 1px solid #ccc!important;
}
.lp-is-hidden {
  display: none !important;
}
.lp-is-block {
  display: block !important;
}
.lp-is-iblock {
  display: inline-block !important;
}
.lp-text-center {
  text-align: center!important;
}
.lp-text-right {
  text-align: right!important;
}
.lp-text-left {
  text-align: left!important;
}
.lp-text-top {
  vertical-align: top !important;
}
.lp-text-bottom {
  vertical-align: bottom!important;
}
.lp-text-middle {
  vertical-align: middle!important;
}
.lp-m-0 {
  margin: 0 !important;
}
.lp-mb-0 {
  margin-bottom: 0 !important;
}
.lp-mb-10 {
  margin-bottom: 10px !important;
}
.lp-mb-20 {
  margin-bottom: 20px !important;
}
.lp-mb-30 {
  margin-bottom: 30px !important;
}
.lp-mb-40 {
  margin-bottom: 40px !important;
}
.lp-mb-50 {
  margin-bottom: 50px !important;
}
.lp-mb-60 {
  margin-bottom: 60px !important;
}
.lp-mt-0 {
  margin-top: 0 !important;
}
.lp-mt-10 {
  margin-top: 10px !important;
}
.lp-mt-20 {
  margin-top: 20px !important;
}
.lp-mt-30 {
  margin-top: 30px !important;
}
.lp-mt-40 {
  margin-top: 40px !important;
}
.lp-mt-50 {
  margin-top: 50px !important;
}
.lp-mr-0 {
  margin-right: 0 !important;
}
.lp-mr-10 {
  margin-right: 10px !important;
}
.lp-mr-20 {
  margin-right: 20px !important;
}
.lp-mr-30 {
  margin-right: 30px !important;
}
.lp-mr-40 {
  margin-right: 40px !important;
}
.lp-mr-50 {
  margin-right: 50px !important;
}
.lp-ml-0 {
  margin-left: 0 !important;
}
.lp-ml-10 {
  margin-left: 10px !important;
}
.lp-ml-20 {
  margin-left: 20px !important;
}
.lp-ml-30 {
  margin-left: 30px !important;
}
.lp-ml-40 {
  margin-left: 40px !important;
}
.lp-ml-50 {
  margin-left: 50px !important;
}
.lp-p-0 {
  padding: 0 !important;
}
.lp-pb-0 {
  padding-bottom: 0 !important;
}
.lp-pb-10 {
  padding-bottom: 10px !important;
}
.lp-pb-20 {
  padding-bottom: 20px !important;
}
.lp-pb-30 {
  padding-bottom: 30px !important;
}
.lp-pb-40 {
  padding-bottom: 40px !important;
}
.lp-pb-50 {
  padding-bottom: 50px !important;
}
.lp-pt-0 {
  padding-top: 0 !important;
}
.lp-pt-10 {
  padding-top: 10px !important;
}
.lp-pt-20 {
  padding-top: 20px !important;
}
.lp-pt-30 {
  padding-top: 30px !important;
}
.lp-pt-40 {
  padding-top: 40px !important;
}
.lp-pt-50 {
  padding-top: 50px !important;
}
.lp-pr-0 {
  padding-right: 0 !important;
}
.lp-pr-10 {
  padding-right: 10px !important;
}
.lp-pr-20 {
  padding-right: 20px !important;
}
.lp-pr-30 {
  padding-right: 30px !important;
}
.lp-pr-40 {
  padding-right: 40px !important;
}
.lp-pr-50 {
  padding-right: 50px !important;
}
.lp-pr-60 {
  padding-right: 60px !important;
}
.lp-pr-70 {
  padding-right: 70px !important;
}
.lp-pr-80 {
  padding-right: 80px !important;
}
.lp-pr-90 {
  padding-right: 90px !important;
}
.lp-pr-100 {
  padding-right: 100px !important;
}
.lp-pl-0 {
  padding-left: 0 !important;
}
.lp-pl-10 {
  padding-left: 10px !important;
}
.lp-pl-20 {
  padding-left: 20px !important;
}
.lp-pl-30 {
  padding-left: 30px !important;
}
.lp-pl-40 {
  padding-left: 40px !important;
}
.lp-pl-50 {
  padding-left: 50px !important;
}
.lp-pl-60 {
  padding-left: 60px !important;
}
.lp-pl-70 {
  padding-left: 70px !important;
}
.lp-pl-80 {
  padding-left: 80px !important;
}
.lp-pl-90 {
  padding-left: 90px !important;
}
.lp-pl-100 {
  padding-left: 100px !important;
}
.lp-w-100 {
  width: 100% !important;
}
.lp-w-90 {
  width: 90% !important;
}
.lp-w-80 {
  width: 80% !important;
}
.lp-w-70 {
  width: 70% !important;
}
.lp-w-60 {
  width: 60% !important;
}
.lp-w-50 {
  width: 50% !important;
}
.lp-w-40 {
  width: 40% !important;
}
.lp-w-30 {
  width: 30% !important;
}
.lp-w-20 {
  width: 20% !important;
}
.lp-w-10 {
  width: 10% !important;
}

/* 追加CSS　2017/02/08
 * /jp/innovation/workstyle/articles/2017/topics-01/
 * /jp/innovation/workstyle/dl-contents/2017/case-study-03/index.html
   ========================================================================== */

.maincontents h2.red-heading {
    margin-bottom: 15px!important;
}

/* ヘッダー背景 */
body.double .stage #bodyarea .maincontents .trends_main_image--articles {
  background: #fbfbfb url(/jp/Images/articles-topics01-head_tcm102-2923984.jpg) no-repeat center 0;
}
/* /jp/innovation/workstyle/dl-contents/2017/case-study-03/index.html
 * ヘッダー画像
 */
body.double .stage #bodyarea .maincontents .case-study-03 .trends_main_image--articles {
  background: #fbfbfb url(/jp/Images/kv_1280x413_tcm102-2953351.jpg) no-repeat center 0;
}
/* コンテンツエリア */
#contentsWrap {
    margin-top: 40px;
    margin: 0 auto;
    width: 980px;
}
#contentsWrap .digital-maincontents-781 .section .section-inside {
    width: 781px;
    padding: 0;
}
#contentsWrap .submenu .digigal-submenu-cta-area .digigal-submenu-cta-head {
    background: #646464;
    color: #fff;
    padding: 5px 10px;
}
body.double .stage #bodyarea #contentsWrap .submenu .digigal-submenu-cta-area .digigal-submenu-cta-head h3 {
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 0.2em;
    padding: 0;
    color: #fff;
}
/* グレーBOX */
#contentsWrap .lp-panel--bg {
    margin-bottom: 2rem;
}
#contentsWrap .lp-panel__body {
    padding: 25px 20px 25px;
}
body.double .stage #bodyarea #contentsWrap .lp-panel__body li {
    margin-bottom: 0;
    font-size: medium;
}
/* お問合せBOX */
#contentsWrap .lp-panel--border {
    margin-bottom: 64px!important;
}
/* キャプション　*/
.image-caption {
    font-size: 14px;
}

/* /jp/innovation/workstyle/dl-contents/2017/case-study-03/index.html
 * お問合せBOX
 */
.lp-panel--border.case-study-03 .lp-panel__ttl {
    padding: 25px!important;
    font-size: 16px!important;
}
.lp-grid.case-study-03>div {
    padding: 0 30px;
    float: none;
    margin: 0 auto;
}



/* モバイル
  ======================================================================================*/
@media screen and (max-width: 750px) and (min-width: 1px) {
#contentsWrap {
    margin: 0 auto!important;
    width: 95%;
}
#contentsWrap .digital-maincontents-781 .section .section-inside {
    width: 100%;
    text-align: left;
}
element.style {
    width: 100%;
    padding-top: 0;
}
/* グレーBOX */
#contentsWrap　.lp-panel--bg h3.lp-panel__ttl {
    font-size: 18px!important;
}
#contentsWrap .lp-panel__body ol.gray-box-list li {
    list-style-type: decimal!important;
}
/* お問い合せBOX */
#contentsWrap .lp-panel--border {
    border: 2px solid #706f67;
    margin-bottom: 40px!important;
}
#contentsWrap .lp-panel--border h3.lp-panel__ttl {
    padding: 10px !important;
    font-size: 20px !important;
    text-align: left !important;
}
#contentsWrap .lp-panel__body {
    padding: 15px;
}
#contentsWrap .lp-panel__body .lp-grid__col01 {
    width: 125px;
    float: left;
}
#contentsWrap .lp-panel__body .lp-grid__col01 > img {
    max-width: 100%;
    height: auto !important;
    margin: 0 auto 0;
}
#contentsWrap .lp-panel__body .lp-grid__col05 {
    padding: 0!important;
    width: auto;
    float: none;
}
#contentsWrap .lp-panel__body .lp-grid__col05 p.lp-lesd-txt {
    min-height: 128px;
    font-size: 14px !important;
}
#contentsWrap .lp-panel__body .lp-grid__col05 .lp-btn small {
    padding: 0.75em 0;
    font-size: 11px;
    margin-bottom: 6px;
    padding-bottom: 6px;
}
#contentsWrap .lp-panel__body .lp-grid__col05 .lp-btn .lp-btn--dl {
    position: static;
    font-size: 16px;
}
#contentsWrap .lp-btn--dl:after {
    display: none;
}
#contentsWrap .digigal-submenu-cta-image {
    text-align: center;
}

/* 戻るボタン */
.t-about_new .social-bookmarks-wrapper + .scrolltop {
    display: none!important;
}

/* 追加 */
.section .section-inside {
    width: 100%!important;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}


}

/* 追加CSS　2017/02/09
 * Mass Production Pages
   ========================================================================== */
/* 
 *ヘッダー部分
  ****************************/
/* 高さ400px */
.height-400 {
    height: 400px;
}

/* ヘッダー縦180ｐｘ */
.height-180 {
    min-height: 180px;
}
.height-180 .lp-lead {
    background: none;
    bottom: 40px;
}

/* セミナー */
.seminar-info {
    margin-top: 60px;
}
body.double .seminar-info h3 {
    font-size: 24px !important;
}
.maincontents .seminar-info div.lay2col div.col1 {
    width: 310px!important;
}
.maincontents .seminar-info div.lay2col div.col2 {
    width: 670px!important;
}
.maincontents .seminar-info div.lay2col div.col2 .innerblock {
    margin-left: 25px;
}
body.double .maincontents .seminar-info p.info-date {
    font-size: 13px!important;
}
body.double .maincontents .seminar-info p.link-more {
    display: inline;
    margin: 10px 0;
    padding: 7px 14px;
    color: #841718;
    border: solid 1px #841718;
    margin-bottom: 0;
}
body.double .link-more a:link,
body.double .link-more a:visited {
    color: #841718;
    text-decoration: none!important;
}
.maincontents #contentsWrap .seminar-info div.lay2col {
    margin-bottom: 60px;
}
.maincontents #contentsWrap .seminar-info div.lay2col div.col2 {
    width: 471px!important;
}

/* ダウンロード　カスタム */
.lp-lead.custom {
    background: inherit;
    width: 405px;
    margin: 20px 20px 20px 535px;
    padding: 0;
}
.lp-btn small {
    width: auto;
    border-top: none;
    margin-top: 0;
}
.lp-btn--dl-detail small:first-child {
    width: auto;
}
.lp-lead.custom p .lp-btn--dl-detail small:first-child:after {
    content: no-close-quote;
}
.lp-lead.custom p .lp-btn--dl-detail:after {
    position: absolute;
    display: block;
    content: url(/jp/Images/file_icon_tcm102-2917490.png);
    margin-top: 8px;
    top: 0;
}
/* LP カスタム */
body.double p.btn-w70 {
    width: 70%;
}
.lp-btn.custom .lp-btn--dl__divider {
    border-bottom: none;
}
.lp-btn.custom small {
    font-size: 24px;
}
.lp-lead.custom.head {
    top: 40px;
}


/****************************************************************************
 * モバイル
 ****************************************************************************/

@media screen and (max-width: 750px) and (min-width: 1px) {

/* 
 *ヘッダー部分
  ****************************/
/* 高さ400px */
.height-400 {
    height: auto;
}

/* ヘッダー縦180ｐｘ */
.height-180 .lp-lead {
    bottom: 0;
}

/* モバイル調整 */
.lp-lead {
    margin-left: 0;
}
.maincontents h2 {
    font-size: 18px !important;
}
.sp-img {
    width: 80%;
}
.lp-eyecatch {
    min-height: inherit;
}

/* セミナー */
.seminar-info {
    margin-top: 30px;
}
body.double .seminar-info h3 {
    font-size: 20px !important;
}
.maincontents .seminar-info div.lay2col div.col1 {
    width: 100%!important;
    text-align: center;
}
.maincontents .seminar-info div.lay2col div.col2 {
    width: 100%!important;
}
.maincontents .seminar-info div.lay2col div.col2 .innerblock {
    margin: 0;
}
body.double .maincontents .seminar-info p.link-more {
    display: block;
    width: 50%;
    text-align: center;
    margin: 0 auto;
}
.maincontents #contentsWrap .seminar-info div.lay2col div.col2 {
    width: 100%!important;
}
.maincontents #contentsWrap .seminar-info {
    margin-bottom: 40px;
}

/* ダウンロード　カスタム */
.lp-lead.custom {
    margin: 0;
    padding: 20px 15px;
    width: 100%;
}

/* LP カスタム */
body.double p.btn-w70 {
    width: 100%;
}

/* マルケトタグ */
.hiddenTracking {
    display: none;
}

.t-dlContents .lp-panel--border .lp-btn.custom .lp-btn--dl__divider {
    font-size: 16px !important;
    padding: 0;
    margin: 0;
}

.lp-lead.custom.head {
    top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    width: 100%;
}
.lp-lead.custom.head h2 {
    color: #a30b1a;
    margin-bottom: 0!important;
}
.lp-lead.custom.btn {
    box-sizing: border-box;
    width: 100%;
}

}