/* CSS Document */
.inherited { /* CLEAR FIX
==================================================== */ /* FORCE ALIGNMENT
==================================================== */ /* FIGURE & IMAGE
==================================================== */ }
.inherited .cf { clear: both; }
.inherited .cf:after { content: ''; clear: both; display: block; }
.inherited .aLt { text-align: left; }
.inherited .aRt { text-align: right; }
.inherited .aCt { text-align: center; }
.inherited .fLt { float: left; }
.inherited .fRt { float: right; }
.inherited .ctr { margin: 0 auto; }
.inherited .clr { clear: both; }
.inherited figure.fLt { margin: 0 30px 30px 0; }
.inherited figure.fRt { margin: 0 0 30px 30px; }
.inherited figure.aCt { margin: 0 auto 30px auto; text-align: center; }
.inherited figcaption { font-size: 12px; padding-top: 5px; line-height: 1.5; }
.inherited figure img { max-width: 100%; height: auto; }
.inherited figure.fLt + figure.fRt { margin: 0 0 30px 0; }
.inherited p.image.fLt { margin: 0 20px 20px 0; }
.inherited p.image.fRt { margin: 0 0 20px 20px; }

.inherited { /* table
==================================================== */ }
.inherited table.regular { width: 100%; margin-bottom: 40px; }
.inherited table.regular td, .inherited table.regular th { padding: 10px; font-size: 14px; line-height: 1.5; border: 1px #3b3932 solid; }
.inherited table.regular th { font-weight: bold; }
.inherited table.regular thead th { text-align: center; color: #fff; }
.inherited table + .footNote { margin-top: -35px; margin-bottom: 40px; font-size: 12px; }
.inherited table.regular.fntS td, .inherited table.regular.fntS th { font-size: 12px; }
.inherited table.regular.glay td, .inherited table.regular.glay th { color: #3b3932; }

body.information table.regular thead th { background: #fc6666; }

body.interview table.regular thead th { background: #25c4ff; }

body.color-solution table.regular thead th { background: #29c9a4; }

body.products table.regular thead th { background: #ee67ae; }

body.case table.regular thead th { background: #ffba00; }

body.tools table.regular thead th { background: #ff8429; }

body.information table.regular tbody th { color: #fc6666; }

body.interview table.regular tbody th { color: #25c4ff; }

body.color-solution table.regular tbody th { color: #29c9a4; }

body.products table.regular tbody th { color: #ee67ae; }

body.case table.regular tbody th { color: #ffba00; }

body.tools table.regular tbody th { color: #ff8429; }

body.color-solution table.regular.glay thead th { background: #e9eaee; }

body.color-solution table.regular.glay tbody th { color: #3b3932; }

.inherited { /* BASE LAYOUT
==================================================== */ /* article */ /* sns buttons */ }
.inherited article p { line-height: 1.75; margin-bottom: 2em; }
.inherited .signature { text-align: right; }
.inherited ul.regular, .inherited ol.regular { margin: 0 0 30px 1.5em; }
.inherited ul.regular li, .inherited ol.regular li { margin-bottom: 15px; line-height: 1.5; }
.inherited a.linkMark { position: relative; padding-left: 15px; }
.inherited a.linkMark:before { width: 10px; height: 10px; content: ''; display: block; background: url(/cmn/img/sprite.png) no-repeat -750px -400px; position: absolute; left: 0; top: 5px; }
.inherited .footNote { margin-bottom: 2em; font-size: 12px; }
.inherited .snsBtns { text-align: center; padding: 20px 0 30px; height: 70px; overflow: hidden; display: flex; align-content: center; justify-content: center; align-items: center; clear: both; }
.inherited .snsBtns * { vertical-align: middle; }
.inherited .snsBtns li { height: 20px; display: inline-block; margin-right: 5px; list-style: none; vertical-align: middle; }
.inherited .snsBtns img { display: block; }
.inherited #___plusone_0, .inherited #___plusone_1, .inherited #___plusone_2 { width: 70px !important; }
.inherited iframe.twitter-share-button { position: relative; width: 100px !important; overflow: hidden !important; }

.inherited { /* form objects
===================================================================== */ }
.inherited .jsSelectWrap { height: 42px; position: relative; border: none; background: #fff; }
.inherited .jsSelectWrap .jsSelectValue { height: 42px; line-height: 42px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.inherited .jsSelectWrap select { height: 42px; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; display: block; border: 1px #fff solid; }
.inherited .jsSelectWrap.jsSelectWrap.selected { background-color: #ffc; }
.inherited .jsSelectWrap.error { background-color: #ffd5d5 !important; }
.inherited .jsSelectWrap .jsSelectWrap { border: 1px #222 solid; }

.inherited { /* article list */ }
.inherited article.articleList { background: none transparent; }
.inherited .listItem { position: relative; }
.inherited .listItem a { display: block; padding: 20px; border-bottom: 1px #d4ddde solid; }
.inherited .listItem a:hover { text-decoration: none; opacity: .7; }
.inherited .listItem a:after, .inherited .listItem:after { content: ''; clear: both; display: block; }
.inherited .listItem figure { width: 220px; float: left; }
.inherited .listItem figure img { width: 220px; height: auto; }
.inherited .listItem a:hover figure img { opacity: 0.5; }
.inherited .listItem .text { float: left; margin-left: 30px; width: calc(100% - 250px); }
.inherited .listItem time { display: block; margin: 0 0 5px 0; font-size: 12px; }
.inherited .listItem p { margin: 0 0 10px 0; font-size: 10px; margin-bottom: 15px; }
.inherited .listItem h2 { margin: 0 0 15px 0; font-weight: normal; line-height: 1.5; font-size: 16px; line-height: 1.75; }
.inherited .listItem p.ctg { font-size: 12px; font-weight: normal; margin-bottom: 15px; }

body.interview .listItem:before { background-position: -800px -100px; }

body.interview .listItem a:hover { border: 1px #39c9ff solid; }

body.color-solution .listItem { background: transparent; }

body.color-solution .listItem:before { background-position: -500px -500px; }

body.color-solution .listItem a:hover { border: 1px #29c9a4 solid; }

body.case .listItem:before { background-position: -900px -100px; }

body.case .listItem a:hover { border: 1px #ffba00 solid; }

body.case .listItem time { display: inline-block; margin-right: 30px; }

body.case .listItem .corp { display: inline-block; font-weight: normal; position: relative; top: -2px; }

body.case .listItem .summary { font-size: 12px; font-weight: normal; }

.inherited { /* pager */ }
.inherited nav.listPager { clear: both; padding: 40px 0; }
.inherited nav.listPager ul { text-align: center; display: flex; margin: 0 auto; align-self: center; justify-content: center; }
.inherited nav.listPager ul li { margin: 0 7px; font-size: 12px; font-weight: bold; }
.inherited nav.listPager ul li a:hover { color: #fc6666; text-decoration: none; }
.inherited nav.listPager ul li a.active { color: #fc6666; border: 1px #fc6666 solid; text-decoration: none; }
.inherited nav.listPager ul li a, .inherited nav.listPager ul li span { display: block; color: #222; display: block; position: relative; display: block; padding: 4px 8px 20px; min-width: 35px; }
.inherited nav.listPager ul li a::after, .inherited nav.listPager ul li span::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; font-family: '1050icons'; text-align: center; font-size: 18px; }
.inherited nav.listPager ul li a.prev::after, .inherited nav.listPager ul li span.prev::after { content: '\f177'; }
.inherited nav.listPager ul li a.next::after, .inherited nav.listPager ul li span.next::after { content: '\f178'; }
.inherited nav.listPager ul li span { color: #bbb; }
.inherited nav.listPager ul li.pageNum { font-size: 18px; margin: 0 15px; padding: 4px 30px 0; border: 1px #d4ddde solid; border-width: 0 1px; }

body.interview nav.listPager ul li a:hover { color: #4da75d; }

body.interview nav.listPager ul li a.active { color: #39c9ff; border: 1px #39c9ff solid; }

body.color-solution nav.listPager ul li a:hover { color: #29c9a4; }

body.color-solution nav.listPager ul li a.active { color: #29c9a4; border: 1px #29c9a4 solid; }

body.case nav.listPager ul li a:hover { color: #ffba00; }

body.case nav.listPager ul li a.active { color: #ffba00; border: 1px #ffba00 solid; }

.inherited { /* pager */ /* detail */ /* related links */ }
.inherited nav.entryPager { clear: both; text-align: center; border-top: 2px #79766c solid; padding: 25px 40px; width: 760px; margin: 0 auto 25px; }
.inherited nav.entryPager ul li { float: left; font-weight: bold; width: 33.3%; }
.inherited nav.entryPager ul li:nth-child(1) { text-align: left; }
.inherited nav.entryPager ul li:nth-child(2) { text-align: center; font-size: 12px; padding-top: 2px; }
.inherited nav.entryPager ul li:nth-child(3) { text-align: right; }
.inherited section.entry { background: #fff; position: relative; padding: 30px; }
.inherited section.entry header { padding: 0 30px 30px; margin-bottom: 0; border-bottom: 2px #79766c solid; }
.inherited section.entry header time { display: block; margin: 0 0 20px; font-size: 20px; }
.inherited section.entry header h1 { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; line-height: 1.7; }
.inherited section.entry header p.ctg { display: inline; margin: 0; background: #3b3932; padding: 2px 5px; color: #fff; font-size: 12px; font-weight: normal; }
.inherited section.entry header p.ttl { font-weight: bold; font-size: 15px; margin-bottom: 0; }
.inherited section.entry { padding: 10px 30px 30px; }
.inherited section.entry h1 { font-size: 20px; margin-bottom: 40px; line-height: 1.7; }
.inherited section.entry figure { margin-bottom: 30px; }
.inherited ul.relatedLinks { clear: both; padding-top: 15px; }
.inherited ul.relatedLinks:after { content: ''; clear: both; display: block; }
.inherited ul.relatedLinks li { float: left; width: 200px; margin: 0 40px 20px 0; list-style: none; }
.inherited ul.relatedLinks li:nth-child(3n) { margin-right: 0; }
.inherited ul.relatedLinks li a { display: block; }
.inherited ul.relatedLinks li a:hover { opacity: 0.5; text-decoration: none; }
.inherited ul.relatedLinks li img { margin-bottom: 15px; }
.inherited ul.relatedLinks li p { line-height: 1.4; }
.inherited ul.relatedLinks li .ttl { font-size: 16px; margin-bottom: 10px; }

body.interview article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -850px -100px; }

body.color-solution article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -550px -500px; }

.inherited br.pc { display: inline; }
.inherited br.sp { display: none; }

.inherited { /* multi column*/ }
.inherited .multi { clear: both; }
.inherited .multi:after { clear: both; content: ''; display: block; }
.inherited .multi .half { width: 320px; float: left; margin-bottom: 20px; }
.inherited .multi .half:nth-child(even) { float: right; }
.inherited .multi .one3rd { width: 33.3%; float: left; margin: 0; }
.inherited .multi .one3rd:nth-child(3n) { float: right; margin-right: 0; }

.inherited a.pLink { color: #ee67ae; text-decoration: underline; }
.inherited a.pLink:hover { color: #ee67ae; text-decoration: none; }
.inherited a:pLink.visited { color: #ee67ae; text-decoration: underline; }

@media (min-width: 768px) and (max-width: 1024px) { .inherited { /* sns buttons */ /* detail */ /* related links */ /* multi column*/ }
  .inherited a { transition: none; }
  .inherited .snsBtns li { margin-right: 0px; }
  .inherited article.entry { width: 100%; }
  .inherited section.articleList { width: 100%; }
  .inherited ul.relatedLinks { clear: both; }
  .inherited ul.relatedLinks:after, .inherited ul.relatedLinks li:after { content: ''; clear: both; display: block; }
  .inherited ul.relatedLinks li { float: none; clear: both; width: 100%; margin: 0 0 20px 0; }
  .inherited ul.relatedLinks li img { margin-bottom: 0; float: left; margin-right: 20px; }
  .inherited ul.relatedLinks li p { line-height: 1.4; }
  .inherited ul.relatedLinks li .ttl { font-size: 18px; margin-bottom: 10px; }
  .inherited .multi .half { width: 48%; float: left; margin-bottom: 20px; }
  .inherited .multi .one3rd { width: 30%; float: left; margin: 0 3% 20px; }
  .inherited .multi .one3rd:nth-child(3n) { float: right; margin-right: 0; } }
@media (max-width: 767px) { .inherited { /* sns buttons */ /* article list */ }
  .inherited .snsBtns { text-align: left; padding: 10px; height: auto; }
  .inherited .snsBtns li { height: 20px; margin: 0 0 10px; }
  .inherited .listItem { margin-bottom: 15px; }
  .inherited .listItem a { padding: 15px; }
  .inherited .listItem figure { width: 100%; float: none; margin-bottom: 10px; }
  .inherited .listItem figure img { width: 100%; }
  .inherited .listItem .text { float: none; clear: both; margin-left: 0; width: auto; }
  .inherited .listItem time { margin: 0 0 10px; font-size: 18px; }
  .inherited .listItem p { margin: 0 0 10px 0; font-size: 14px; }
  .inherited .listItem p.ttl { margin: 0 0 10px 0; font-size: 12px; }
  .inherited .listItem p.ctg { margin: 0 0 0 5px; font-size: 12px; }
  body.case .listItem time { display: block; margin: 0 0 10px; }
  body.case .listItem .corp { display: block; font-weight: normal; position: static; top: auto; }
  .inherited { /* pager */ /* pager */ }
  .inherited nav.listPager { padding: 0; margin-bottom: 30px; border: 2px #3b3932 solid; border-width: 2px 0; position: relative; height: 57px; }
  .inherited nav.listPager ul { text-align: center; }
  .inherited nav.listPager ul li { line-height: 57px; text-align: center; margin: 0; }
  .inherited nav.listPager ul li:first-child { display: block; width: 30%; height: 54px; position: absolute; left: 0; top: 0; border-right: 1px #3b3932 solid; }
  .inherited nav.listPager ul li:last-child { display: block; width: 30%; height: 54px; position: absolute; right: 0; top: 0; border-left: 1px #3b3932 solid; }
  .inherited nav.listPager ul li a, .inherited nav.listPager ul li span { padding: 0; min-width: 0; border: none; width: 100%; height: 100%; }
  .inherited nav.listPager ul li a.active { border: none; }
  .inherited nav.listPager .pgNum { display: block; position: absolute; left: 30%; top: 0; width: 40%; text-align: center; line-height: 54px; font-size: 16px; }
  .inherited nav.listPager ul li a::after, .inherited nav.listPager ul li span::after { display: none; }
  .inherited nav.listPager ul li.pageNum { margin: 0 10px; padding: 0; border: 0; }
  .inherited nav.entryPager { clear: both; text-align: center; border-top: 2px #79766c solid; padding: 15px; margin-bottom: 10px; width: auto; }
  .inherited nav.entryPager::after { content: ''; display: block; clear: both; }
  .inherited nav.entryPager ul li:nth-child(1) { width: 20%; }
  .inherited nav.entryPager ul li:nth-child(2) { width: 60%; }
  .inherited nav.entryPager ul li:nth-child(3) { width: 20%; }
  .inherited { /* detail */ /* related links */ /* multi column*/ }
  .inherited article.entry { padding: 15px; margin-bottom: 20px; width: auto; }
  .inherited article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -375px -50px; background-size: 500px auto; width: 15px; height: 15px; }
  .inherited article.entry header { padding: 0 0 15px; }
  .inherited article.entry header time { margin: 0 0 5px; font-size: 16px; }
  .inherited article.entry header h1 { margin: 0 0 10px; font-size: 16px; }
  .inherited article.entry section { padding: 10px 0; }
  .inherited article.entry section h1 { font-size: 16px; margin-bottom: 20px; }
  .inherited article.entry section figure { margin-bottom: 20px; }
  .inherited article.entry section figure img { width: 100%; height: auto; }
  .inherited ul.relatedLinks li { float: none; width: 100%; margin: 0 0 30px 0; }
  .inherited ul.relatedLinks li img { margin-bottom: 15px; width: 100%; height: auto; }
  .inherited figure.fLt, .inherited figure.fRt { margin: 0 0 30px 0; float: none; }
  .inherited figure img { width: 100%; height: auto; }
  .inherited br.sp { display: inline; }
  .inherited br.pc { display: none; }
  .inherited .multi .half { width: 100%; float: none; clear: both; }
  .inherited .multi .half:nth-child(even) { float: none; }
  .inherited .multi .one3rd { width: 100%; float: none; margin: 0 0 20px; }
  .inherited .multi .one3rd:nth-child(3n) { float: none; margin-right: 0; }
  body.interview article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -425px -50px; background-size: 500px auto; }
  body.interview article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -426px -50px; background-size: 500px auto; }
  body.color-solution article.entry:before { background: url(/cmn/img/sprite.png) no-repeat -275px -250px; background-size: 500px auto; } }

/*# sourceMappingURL=inheritedBase.css.map */