/*!
Theme Name: SSOL
Theme URI: https://www.digitalcube.jp/
Author: DigitalCube Co.,Ltd
Author URI: https://www.digitalcube.jp/
Description: SEIKO SOLUTIONS INC. theme.
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ssol
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SSOL is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Header
	## Posts and pages
	## Asides
	## Footer
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
.main-navigation .main-navigation-inner, .main-navigation .sub-menu-depth-0, .home-navigation, .sub-page-links .sub-page-links-inner, .contact-area .widget-area-content, .site-header .site-header-inner, .page-header .page-header-inner, .page-description .page-description-inner, .section-area, .page-anchor-links, .google-search-section .google-search-box-inner, .home-news-section {
  max-width: 980px;
  margin: 0 auto;
}

.breadcrumbs .breadcrumbs-inner, .widget-area-content, .hero-image-area .site-description-inner, .common-banner-area .common-banner-inner, .important-notification-area .important-notification-inner, .footer-navigation-area-content, .site-info .site-info-content {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 15px;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #333333;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0 0 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 0 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: #111;
  line-height: 1;
  vertical-align: bottom;
  padding: .5em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  background: #e6e6e6;
  color: #111;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  background: #e6e6e6;
  color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #00559d;
}
a:visited {
  color: #00559d;
}
a:hover, a:focus, a:active {
  color: #cc0000;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  line-height: 1.2;
  clear: both;
  padding: 5px 0;
}
.main-navigation .header-secondary-menu {
  display: none;
}
.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  /*position: relative;*/
}
_:-ms-lang(x), .main-navigation ul {
  position: relative;
}
.main-navigation ul ul {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: left;
  display: block;
}
.main-navigation ul ul ul {
  margin-top: 0.75em;
}
.main-navigation ul li:hover .sub-menu-depth-0,
.main-navigation ul li.focus .sub-menu-depth-0 {
  display: block;
}
.main-navigation .sub-menu-depth-0 {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  padding-top: 15px;
}
.main-navigation .sub-menu-depth-0-inner {
  background: #fff;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  *zoom: 1;
}
.main-navigation .sub-menu-depth-0-inner:after {
  content: "";
  display: table;
  clear: both;
}
.main-navigation .sub-menu-depth-0-clm {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
@media all and (-ms-high-contrast:none){
  .main-navigation .sub-menu-depth-0-clm { max-height:480px } /* IE */
}
.main-navigation li {
  -webkit-flex: 1 0;
  flex: 1 0;
  border-right: solid 1px #dedede;
  padding: 0 5px;
}
.main-navigation li:first-child {
  padding-left: 0;
}
.main-navigation li:last-child {
  border-right: none;
  padding-right: 0;
}
.main-navigation li > a {
  position: relative;
}
.main-navigation li.menu-item-has-children:hover > a:after, .main-navigation li.menu-item-has-children.focus > a:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  margin: auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
  z-index: 9999;
}
.main-navigation li li {
  border: none;
  margin-bottom: 0.75em;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: left 3px;
  background-repeat: no-repeat;
}
.main-navigation li li:first-child {
  padding-left: 20px;
}
.main-navigation li li.nomark {
  font-weight: bold;
  background-image: none;
  padding-left: 0;
}
.main-navigation li li.nomark > span {
  display: block;
  padding-bottom: 5px;
  border-bottom: solid 2px #000000;
}
.main-navigation li li.menu-item-has-children:hover > a:after, .main-navigation li li.menu-item-has-children.focus > a:after {
  display: none;
}
.main-navigation a {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 0.75em 0.25em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.main-navigation a:hover {
  background: #007de2;
  color: white;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .active > a {
  background: #007de2;
  color: white;
}
.main-navigation li li a {
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.main-navigation li li a:hover {
  background: transparent;
  color: #00559d;
}
.main-navigation li li.current_page_item > a,
.main-navigation li li.current-menu-item > a,
.main-navigation li li.current_page_ancestor > a,
.main-navigation li li.current-menu-ancestor > a {
  background: transparent;
  color: #00559d;
}
.main-navigation .menu-image {
  display: none;
}
.main-navigation .menu-item-object-solution .menu-image {
  width: 250px;
  background: white;
  padding: 0;
  margin: 0 15px 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: left;
  border-right: solid 1px #e1e1e1;
  float: left;
}
.main-navigation .menu-item-object-solution .menu-description {
  margin-top: 0.5em;
}
.main-navigation .menu-item-object-solution .sub-menu-depth-0-clm {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
.main-navigation .menu-item-object-solution:hover .menu-image, .main-navigation .menu-item-object-solution.focus .menu-image {
  display: block;
}
.main-navigation .archive-sub-menu {
  padding-top: 15px;
  border-top: solid 1px #e1e1e1;
}
.main-navigation .archive-sub-menu li {
  width: auto;
  margin-right: 2em;
}

/* Small menu. */
.menu-toggle,
.sub-menu-toggle {
  display: none;
}

.site-main .posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.header-navigation {
  margin-top: 10px;
  text-align: right;
  line-height: 1.2;
}
.header-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.header-navigation a {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  padding: 0.4em 0.5em 0.2em 0.5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.header-navigation a:hover {
  color: #00559d;
}
.header-navigation .lang a {
  background: #00559d;
  color: white;
}
.header-navigation .lang a:hover {
  background: white;
  color: #00559d;
}

.home-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: -webkit-flex;
  display: flex;
}
.home-navigation li {
  margin-right: 20px;
  -webkit-flex: 1 0;
  flex: 1 0;
  max-width: 230px;
}
.home-navigation li:nth-child(4n) {
  margin-right: 0;
}
.home-navigation a {
  display: block;
  text-decoration: none;
  position: relative;
  color: white;
}
.home-navigation a img {
  vertical-align: top;
}
.home-navigation .link-title {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url('images/list-arrow-white-sp.png?1454925609');
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  color: white;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75em 2.5em 0.75em 0.75em;
}
.home-navigation .link-description {
  margin-top: 0.75em;
}

.footer-navigation {
  clear: both;
}
.footer-navigation ul {
  margin: 0;
  padding: 0;
}
.footer-navigation ul ul {
  display: none;
}
.footer-navigation li {
  display: inline-block;
  margin-right: 2.5em;
  margin-bottom: 0.5em;
}
.footer-navigation li a {
  background-image: url('images/list-arrow-white-pc.png?1454924907');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.sub-page-links {
  background: rgba(0, 0, 0, 0.6);
  color: white;
  width: 100%;
  line-height: 1.2;
}
.sub-page-links.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
}
body.logged-in .sub-page-links.fixed {
  top: 32px;
}
.sub-page-links a {
  color: white;
  text-decoration: none;
  font-size:0.8rem;
}
.sub-page-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-left: solid 1px #8e8e8e;
  border-right: solid 1px #8e8e8e;
  *zoom: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sub-page-links ul:after {
  content: "";
  display: table;
  clear: both;
}
.sub-page-links li {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 12.5%;
  height: 4em;
  float: left;
  overflow: hidden;
  border-right: solid 1px #8e8e8e;
  border-bottom: solid 1px #8e8e8e;
  vertical-align: middle;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.sub-page-links li:nth-child(8n) {
  border-right: none;
}
.sub-page-links li.basic_authentication {
  background-color: #656c6d;
  background-image: url('images/icons/icon-key.png?1457067660');
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.sub-page-links li.current_page_item, .sub-page-links li.active, .sub-page-links li:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.sub-page-links li a {
  display: block;
  padding: 12px 5px;
  width: 100%;
}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  background: #dfe4ea;
  border-top: solid 5px #bcc9de;
  font-size: 10px;
  font-size: 0.625rem;
  color: #666666;
  padding: 10px 0;
}
.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs .breadcrumb_last {
  font-weight: bold;
  color: #333333;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333333;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
  background: #505050 url('images/back-grounds/bg-widget-area.png?1454927092');
  padding-top: 25px;
  padding-bottom: 25px;
}
.widget-area .widget {
  margin: 0 0 15px;
  /* Make sure select elements fit in widgets. */
}
.widget-area .widget:last-child {
  margin-bottom: 0;
}
.widget-area .widget select {
  max-width: 100%;
}

.widget-box-title {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 0.5em 0;
}

.banner-area {
  background: #505050 url('images/back-grounds/bg-bnr-area.png?1455608943');
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.banner-area .bnr {
  margin: 0 10px;
  display: inline-block;
}

.contact-area {
  background: #505050 url('images/back-grounds/bg-contact-area.png?1455608943');
  padding-top: 25px;
  padding-bottom: 25px;
  color: white;
}
.contact-area .widget-area-content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.contact-area .widget-box {
  padding: 0 15px;
}
.contact-area .widget-box:nth-child(2n) {
  border-left: solid 1px #8f8f8f;
}
.contact-area .product-contact {
  width: 580px;
}
.contact-area .product-download {
  width: 400px;
}
.contact-area .widget-box-title {
  text-align: center;
}
.contact-area .widget-box-content {
  text-align: center;
}

.side-area {
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 1000;
  font-size: 14px;
  font-size: 0.875rem;
}
.side-area > .widget {
  margin-bottom: 12px;
  background: rgba(0, 0, 0, 0.8);
  border-left: solid 4px #005196;
  color: white;
  width: 64px;
  *zoom: 1;
  float: right;
  clear: right;
  display: -webkit-flex;
  display: flex;
}
.side-area > .widget:after {
  content: "";
  display: table;
  clear: both;
}
.side-area > .widget:last-child {
  margin-bottom: 0;
}
.side-area > .widget a {
  color: white;
  text-decoration: none;
}
.side-area .widget-title {
  background: rgba(0, 0, 0, 0.4);
  margin: 0;
  width: 60px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 25px 20px;
  line-height: 1.2;
  cursor: pointer;
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.1em;
  min-height: 240px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 .side-area > .widget {
 	display: -webkit-box;
}
 .postid-2654 .side-area > .widget {
 	display: flex;
}
　.side-area .widget-title {
    /*min-height: 210px*/
}
}
.side-area .widget-content {
  padding: 25px 30px;
  display: none;
}

.side-area .widget.open {
  width: 620px;
}
.side-area .widget.open .widget-content {
  display: block;
  width: 560px;
}
.side-area .widget-box-title {
  font-size: 16px;
  font-size: 1rem;
}
.side-area .page-top-btn {
  text-align: center;
  width: 64px;
  display: block;
}
.side-area .page-top-btn a {
  background: rgba(0, 0, 0, 0.4);
  display: block;
  padding: 15px 0;
}
.side-area .page-top-btn a img {
  vertical-align: top;
}
.side-area .widget.open h2.widget-title:hover {
 background: rgba(0, 0, 0, 1);
 color:#ccc;
}
.side-area .widget.open h2.widget-title:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top:8px;
  margin-left: -6px;
  background-image: url(images/widget_arrow.png);
  background-size: contain;
  vertical-align: middle;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  padding: 15px 0;
  border-bottom: solid 2px #00559d;
}
.site-header .site-header-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.site-header .site-title {
  width: 280px;
  margin: 0;
}
.site-header .site-branding {
  width: 280px;
}
.site-header .header-time-area {
  -webkit-flex: 1 0;
  flex: 1 0;
}
.site-header .site-header-search-box {
  width: 350px;
  margin-left: 30px;
}

.ssol-time-area {
  text-align: right;
  font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
  color: #999999;
  line-height: 1.4;
/*  20231109削除依頼*/
	display: none
}

.ssol-time {
  font-size: 32px;
  font-size: 2rem;
  font-weight: bold;
}

.ssol-date {
  font-size: 18px;
  font-size: 1.125rem;
}

.google-search-form form.gsc-search-box {
  margin-bottom: 0;
}
.google-search-form .search-field {
  border: none;
  border-bottom: solid 1px #000000;
  border-radius: 0;
  width: 260px;
  background-color: transparent;
  background-image: url('images/icons/icon-search.png?1456132842');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.google-search-form .search-submit {
  border-color: #000000;
  background: #000000;
  color: white;
}
.google-search-form .search-submit:hover, .google-search-form .search-submit:focus, .google-search-form .search-submit:active {
  border-color: #00559d;
  background: #00559d;
  color: white;
}

.hero-image-area {
  clear: both;
  position: relative;
  max-height: 400px;
  overflow: hidden;
  background:#1a1a1a;
  /*text-align:center;*/
}
.hero-image-area .site-description-area {
  position: absolute;
  width: 100%;
  bottom: 50px;
}
.hero-image-area .site-description {
  display: inline-block;
  margin: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: 28px;
  font-size: 1.75rem;
}

.hero-image-area .flexslider {
  /*margin: 0;  */
  background: transparent;
  border: none;
  box-shadow: none;
}
.hero-image-area .hero-image-inner {
	display:block;
	margin: 0 auto;
	max-width: 980px;
}
.common-banner-area {
  clear: both;
  background: #000000;
  color: white;
  padding: 25px 0;
}
.common-banner-area a {
  color: white;
}
.common-banner-area .common-banner-inner {
  padding: 0 60px;
}
.common-banner-area .slides {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}
.common-banner-area .slides:after {
  content: "";
  display: table;
  clear: both;
}
.common-banner-area .slides li {
  float: left;
}
.common-banner-area .slides img {
  vertical-align: top;
  border: solid 1px white;
}
.common-banner-area .flexslider {
  margin: 0 auto;
  background: transparent;
  border: none;
  box-shadow: none;
}
.common-banner-area .flex-viewport {
  margin: 0 auto;
}
.common-banner-area .flex-direction-nav a {
  width: 12px;
  height: 24px;
  margin-top: -12px;
  opacity: 1;
  color: white;
  text-shadow: none;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
  text-indent: -9999em;
}
.common-banner-area .flex-direction-nav a:before {
  content: '';
  color: white;
  text-shadow: none;
}
.common-banner-area .flex-direction-nav a.flex-next:before {
  content: '';
}
.common-banner-area .flex-direction-nav .flex-prev {
  left: 15px;
}
.common-banner-area .flex-direction-nav .flex-next {
  right: 15px;
}
.common-banner-area .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 15px;
}
.common-banner-area .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.common-banner-area .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 15px;
}
.common-banner-area .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.common-banner-area .flex-direction-nav .flex-prev {
  left: 15px;
  background: url('images/icons/icon-slider-prev.png?1455082110') center center;
}
.common-banner-area .flex-direction-nav .flex-next {
  text-align: left;
  right: 15px;
  background: url('images/icons/icon-slider-next.png?1455082102') center center;
}

.important-notification-area {
  clear: both;
  background: #00559d;
  color: white;
  border-top: solid 1px #f0f0f0;
  font-size: 14px;
  font-size: 0.875rem;
}
.important-notification-area a {
  color: white;
}
.important-notification-area .important-notification-inner {
  display: -webkit-flex;
  display: flex;
}
.important-notification-area .important-notification-title {
  margin: 0;
  padding: 15px 15px 15px 0;
  border-right: solid 1px #4b96d5;
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-flex: 1 0 2em;
  flex: 1 0 2em;
  white-space: nowrap;
  /*2020　暫定対応*/
  display: none
}
.important-notification-area .important-notification-title img {
  vertical-align: middle;
  margin-right: 15px;
}
.important-notification-area .important-notification-content {
  -webkit-flex: 2 1 30em;
  flex: 2 1 30em;
  padding: 20px 0 15px 15px;
}
.important-notification-area .important-notification-content > * {
  margin-top: 0;
}
.important-notification-area .important-notification-content > *:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.content-area {
  background: #dddddd url('images/back-grounds/bg-site-main.png?1454927092');
  /*
  	padding-top: 30px;
  */
  padding-bottom: 30px;
}
body.single-products-free .content-area {
  background: white none;
  padding: 0;
}
body.error404 .content-area, body.home .content-area {
  padding-top: 35px;
}

.site-main {
  /*
  	@extend %inner;
  	body.single-products-free & {
  		max-width: 100%;
  		padding: 0;
  	}
  */
}

.sticky {
  display: block;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-header {
  background: #000;
  color: white;
  overflow: hidden;
}
.page-header .page-header-inner {
  background: #00559d;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.page-header .page-header-text {
  width: 350px;
  padding: 15px 30px;
}
.page-header .products-logo {
  margin-bottom: 20px;
}
.page-header .products-logo img {
  vertical-align: top;
}
.page-header .page-title {
  margin: 0;
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
}
.page-header .header-image {
  width: 630px;
}
.page-header .header-image img {
  vertical-align: top;
}
.page-header .header-image .header-image-products {
  position: relative;
  min-height: 185px;
}
.page-header .header-image .header-image-products img {
  position: absolute;
  margin: auto;
  top: -100%;
  left: -100%;
  right: -100%;
  bottom: -100%;
}

.page-description {
  background: white;
  color: #000000;
  padding: 30px 0;
}
.page-description .page-description-inner {
  padding-left: 30px;
  padding-right: 30px;
}
.page-description .page-description-inner > * {
  margin-top: 0;
}
.page-description .page-description-inner > *:last-child {
  margin-bottom: 0;
}

.section-area {
  background: white;
  margin-bottom: 35px;
}
.section-area.transparent {
  background: transparent;
}
.section-area.transparent .entry-content {
  padding: 0;
}
body.archive .section-area, body.single .section-area, body.page .section-area {
  margin-top: 35px;
}
.site-main .section-area:last-child {
  margin-bottom: 0;
}

.section-header {
  border-bottom: solid 1px #b6b6b6;
  padding: 20px 30px;
}
.section-header .section-title {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
  margin: 0;
  *zoom: 1;
}
.section-header .section-title:after {
  content: "";
  display: table;
  clear: both;
}
.section-header .section-title:before {
  content: '';
  border-top: solid 4px #00559d;
  display: block;
  width: 240px;
  position: relative;
  top: -20px;
  left: -5px;
}
.section-header.faq-header {
  background-image: url('images/icon-qa/icon-q.png?1455606582');
  background-position: 25px 15px;
  background-repeat: no-repeat;
}
.section-header.faq-header .section-title {
  padding-left: 60px;
}
.section-header.faq-header .section-title:before {
  width: 300px;
  left: -70px;
}
.section-header .facebook-icon {
  float: right;
}
.section-header .facebook-icon img {
  vertical-align: top;
}
.section-header .section-sub-title {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.section-header .entry-meta {
  margin-top: 2em;
}

.entry-meta {
  border-left: solid 4px #999999;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 0.5em;
  line-height: 1.2;
}

.posted-on {
  margin-right: 1em;
}
.posted-on a {
  color: #333333;
  text-decoration: none;
}

.cat-links {
  color: #333333;
}
.cat-links a {
  color: inherit;
  text-decoration: none;
}

.entry-content,
.section-content {
  padding: 30px;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 0;
}

.faq-entry-content {
  background-image: url('images/icon-qa/icon-a.png?1455606586');
  background-position: 25px 15px;
  background-repeat: no-repeat;
  padding-top: 90px;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.post-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.post-list li {
  margin: 0 24px 2em 0;
  padding: 0;
  width: 212px;
}
.post-list li:nth-child(4n) {
  margin-right: 0;
}
.post-list .post-list-image {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
.post-list .post-list-image img {
  border: solid 1px #bbbbbb;
}
.post-list .post-list-title {
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1em;
}
.post-list .post-list-title a {
  color: #333334;
  text-decoration: none;
}
.post-list .post-list-title a:hover {
  color: #00559d;
  text-decoration: underline;
}

.entry-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.entry-list > li {
  margin-bottom: 1.5em;
}
.entry-list .cat-links {
  font-weight: bold;
}
.entry-list .entry-title {
  margin-top: 1em;
  margin-left: 11px;
}
.entry-list .entry-title a {
  color: #333333;
  text-decoration: none;
}
.entry-list .entry-title a:hover {
  color: #00559d;
  text-decoration: underline;
}

.solution-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.solution-list > li {
  margin: 0 30px 60px 0;
  padding: 0;
  width: 445px;
}
.solution-list > li:nth-child(2n) {
  margin-right: 0;
}
.solution-list .solution-list-header {
  margin-bottom: 15px;
}
.solution-list .solution-list-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  max-width:320px;
}
.solution-list .solution-list-title:after {
  content: '';
  margin-top: 0.2em;
  border-bottom: solid 2px #000000;
  display: block;
}
.solution-list .solution-list-title a {
  color: #000000;
  text-decoration: none;
}
.solution-list .solution-list-products-link {
  margin: 0.75em 0 0 0;
  padding: 0;
  list-style-type: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.solution-list .solution-list-products-link a {
  text-decoration: none;
}
.solution-list .solution-list-content {
  *zoom: 1;
}
.solution-list .solution-list-content:after {
  content: "";
  display: table;
  clear: both;
}
.solution-list .solution-list-links {
  float: right;
  width: 210px;
  margin-left: 1em;
}
.solution-list .solution-list-thumbnail {
  margin-bottom: 1em;
}
.solution-list .solution-list-thumbnail img {
  border: solid 1px #bbbbbb;
}
.solution-list .case-list-thumbnail img {
  border: solid 1px #bbbbbb;
}
.solution-list .solution-permalink {
  padding-left: 20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: left center;
  background-repeat: no-repeat;
  color: #333;
  text-decoration: none;
}
.solution-list .solution-permalink:hover {
  color: #00559d;
  text-decoration: underline;
}
.solution-list .case-list-permalink {
  clear: both;
  margin-top: 1em;
}
.solution-list .solution-list-case {
  margin-top: 1em;
}
.solution-list .solution-list-case ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.solution-list .solution-list-case ul li {
  margin-bottom: 0.5em;
}
.solution-list .solution-list-summary {
  overflow: hidden;
}
.solution-list .solution-list-summary > p {
  margin-top: 0;
}
.solution-list .case-summary {
  overflow: hidden;
  padding: 1em;
  background: #f0f0f0;
  font-size: 16px;
  font-size: 1rem;
}
.solution-list .solution-list-sample {
  margin-top: 2em;
}
.solution-list .solution-list-sample h4 {
  clear: none;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.solution-list .solution-list-sample ul {
  padding-left: 1.5em;
}
.solution-list .case-products-category {
  margin-top: 1em;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666666;
}
.solution-list .case-products-category a {
  color: #666666;
  text-decoration: none;
}

.section-btn-list {
  margin-bottom: 0;
}
.section-btn-list .section-content {
  padding-top: 0;
  padding-bottom: 0;
}

.btn-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.btn-list li {
  width: 33%;
  margin: 0 10px;
  text-align: center;
}
.btn-list li a {
  display: block;
  background: #005196;
  border: solid 4px #85b6e0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: white;
  text-decoration: none;
  padding: 25px 10px;
}
.btn-list li span {
  background-image: url('images/list-arrow-white-pc.png?1454924907');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.page-anchor-links {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px 30px;
  color: #060404;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 15px;
}
.page-anchor-links a {
  color: #060404;
  text-decoration: none;
}
.page-anchor-links a:hover {
  color: #014ea1;
}
.page-anchor-links ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-anchor-links li {
  margin: 0 2em 0 0;
  padding: 0;
  display: inline-block;
}
.page-anchor-links li a {
  background-image: url('images/list-page-anchor-links.png?1455519775');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

.section-area-products-content .page-content .panel-grid:last-child {
  margin-bottom: 0;
}
body.single .section-area-products-content {
  margin-bottom: 0;
}

.section-area-products-after {
  padding-top: 15px;
}
body.single .section-area-products-after {
  margin-top: 0;
}

.google-search-box {
  margin: 0 30px 30px 30px;
  padding: 30px;
  background: #e9e9e9;
  text-align: center;
}
.google-search-box .label-text {
  margin-right: 1em;
}

.google-search-section {
  background: #ededed;
  padding: 30px 0;
  text-align: center;
}

.page-content .so-widget-ssol-faq-widget .widget-title {
  margin-bottom: 30px;
}

.faq-box {
  margin: 0 30px;
}
.faq-box .faq-area {
  padding-bottom: 30px;
}
.faq-box .faq-title {
  border: solid 1px #cccccc;
  padding: 15px 15px 15px 80px;
  background-image: url('images/icon-qa/icon-q.png?1455606582');
  background-position: 15px 15px;
  background-repeat: no-repeat;
  min-height: 79px;
  font-weight: bold;
  position: relative;
}
.faq-box .faq-title .toggle-btn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.faq-box .faq-title .toggle-minus {
  display: none;
}
.faq-box .faq-title.open .toggle-plus {
  display: none;
}
.faq-box .faq-title.open .toggle-minus {
  display: inline;
}
.faq-box.faq-toggle .faq-title {
  padding-right: 60px;
}
.faq-box .faq-content {
  border: solid 1px #cccccc;
  border-top: none;
  padding: 15px 15px 15px 80px;
  background-color: #f7f7f7;
  background-image: url('images/icon-qa/icon-a.png?1455606586');
  background-position: 15px 15px;
  background-repeat: no-repeat;
  min-height: 79px;
}
.faq-box.faq-toggle .faq-content {
  display: none;
}
.faq-box .faq-link {
  margin-top: 0.5em;
  padding-left: 20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: left center;
  background-repeat: no-repeat;
}

.downloads {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  text-align: left;
  display: inline-block;
}
.downloads a {
  color: white;
  text-decoration: none;
}
.downloads li {
  background-image: url('images/icons/icon-pdf.png?1455613612');
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 45px;
  min-height: 36px;
  margin-bottom: 1em;
}
.downloads .download-meta {
  margin-top: 0.5em;
  background-image: url('images/list-arrow-white-pc.png?1454924907');
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 25px;
}

.keyword .entry-content {
  padding-bottom: 0;
}

.keyword-anchor {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 100px;
}
.keyword-anchor ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.keyword-anchor li {
  display: inline-block;
  margin-right: 1em;
}
.keyword-anchor a {
  padding-left: 20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: left center;
  background-repeat: no-repeat;
}

.keyword-links {
  border-bottom: solid 1px #cbc6c6;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.keyword-links:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.keyword-links .keyword-title {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
  margin-bottom: 1.5em;
}
.keyword-links .keyword-title span {
  padding-bottom: 0.3em;
  border-bottom: solid 2px #000000;
}
.keyword-links .keyword-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.keyword-links .keyword-list li {
  width: 25%;
  padding-right: 2em;
}

.solution-example {
  margin-bottom: 70px;
}
.solution-example .solution-example-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
}
.solution-example .solution-example-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
.solution-example .solution-example-title:after {
  content: '';
  margin-top: 0.3em;
  border-bottom: solid 2px #000000;
  display: block;
}
.solution-example .solution-example-link {
  text-align: right;
}
.solution-example .solution-example-link a {
  color: #000000;
  text-decoration: none;
  padding-left: 20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: left center;
  background-repeat: no-repeat;
}
.solution-example .solution-example-content {
  display: -webkit-flex;
  display: flex;
}
.solution-example .solution-example-image {
  width: 210px;
  margin-right: 20px;
}
.solution-example .solution-example-image img {
  border: solid 1px #bbbbbb;
}
.solution-example .solution-example-q {
  width: 350px;
  padding-right: 60px;
  background-image: url('images/icons/icon-solution-arrow.png?1455703385');
  background-position: right 20px top 38px;
  background-repeat: no-repeat;
}
.solution-example .solution-example-a {
  width: 340px;
}
.solution-example .solution-icon {
  float: left;
  margin-right: 1em;
}
.solution-example p {
  margin-top: 0;
}

.case-header .page-header-inner {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.case-header .page-title-hedding {
  margin-bottom: 15px;
}
.case-header .page-title-hedding span {
  display: inline-block;
  background: white;
  color: #00559d;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 5px 10px;
}
.case-header .page-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
}
.case-header .page-title span {
  font-size: 18px;
  font-size: 1.125rem;
}
.case-header .products-logo {
  margin-top: 15px;
}
.case-header .case-lead {
  border-top: solid 1px #80aace;
  margin-top: 15px;
  margin-bottom: 0;
  padding-top: 15px;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.case-header .case-cartion {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.case-description {
  *zoom: 1;
}
.case-description:after {
  content: "";
  display: table;
  clear: both;
}
.case-description .case-logo {
  float: right;
  margin-left: 2em;
}

.case-task-benefits {
  margin-bottom: 50px;
  display: -webkit-flex;
  display: flex;
}
.case-task-benefits .case-task,
.case-task-benefits .case-benefits {
  width: 50%;
  min-height: 102px;
}
.case-task-benefits .case-task ul,
.case-task-benefits .case-benefits ul {
  padding-left: 1.5em;
  margin-bottom: 0;
}
.case-task-benefits .case-task {
  padding-right: 15px;
  padding-left: 90px;
  background-image: url('images/icons/icon-solution-q.png?1455703364');
  background-position: left top;
  background-repeat: no-repeat;
}
.case-task-benefits .case-benefits {
  padding-left: 105px;
  background-image: url('images/icons/icon-solution-a.png?1455703369');
  background-position: 15px top;
  background-repeat: no-repeat;
}

.case-index h2 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
.case-index h2 span {
  padding-bottom: 0.3em;
  border-bottom: solid 1px #333;
}
.case-index .case-index-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.case-index .case-index-list a {
  color: #333333;
  text-decoration: none;
}
.case-index .case-index-list li {
  margin-bottom: 0.75em;
}
.case-index .case-index-list li:last-child {
  margin-bottom: 0;
}
.case-index .case-index-list .num {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  margin-right: 0.75em;
  width: 1.8em;
  padding: 2px;
  vertical-align: middle;
  color: white;
  text-align: center;
  background: #00559d;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.page-content .panel-grid {
  margin: 35px 0;
}
.page-content .panel-grid:first-child {
  margin-top: 0;
}
.page-content .panel-grid:last-child {
  margin-bottom: 0;
}
.page-content .so-panel {
  background: white;
}
.page-content .widget-title {
  border-bottom: solid 1px #b6b6b6;
  padding: 20px 30px;
  font-family: "UD Shin Go DemiBold", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro W3", Meiryo, "MS PGothic", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 0;
}
.page-content .widget-title:before {
  content: '';
  border-top: solid 4px #00559d;
  display: block;
  width: 240px;
  position: relative;
  top: -20px;
  left: -5px;
}
.page-content .widget-title:after {
  margin-top: 0;
  border-bottom: none;
}
.page-content .textwidget {
  padding: 30px;
}
#titlebox .textwidget {
    padding: 30px 30px 0
}
#titlebox .panel-grid {
    margin: 0
}
.titlebox .textwidget {
    padding: 30px 30px 0
}
.titlebox .panel-grid {
    margin: 0
}
.case-list-area {
  padding-bottom: 40px;
  border-bottom: solid 1px #dddddd;
}
.case-list-area .solution-list > li {
  /* 20170818 */
  /* margin-bottom: 0;*/
}

.category-area {
 /* 20190618 */
 /* display: -webkit-flex;
  display: flex; */
 margin-bottom: 1rem;
}
.category-area .category-title {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  width: 100%;  /* 20190618 */
  /*width: 180px;*/
  cursor:pointer;  /* 20190618 */
  display: block;  /* 20190618 */
}

.category-area .category-title span {
  position: relative;
  /*color: white;
  background: #00559d;*/
  color: #00559d;
  background: #DCE2E4;
  display: block;
  padding: 6px;
  /*width: 130px;*/
  width: 100%;  /* 20190618 */
}
/*.category-area .category-title span:after{
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border-top: 2px solid #00559d;
    border-right: 2px solid #00559d;
    position: absolute;
    top: 25%;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.category-area .category-title span:after{
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}*/
.category-area .category-title span:after{
    content: "＋";
    position: absolute;
    right: 10px;
}
.category-area .category-title span:hover {
  background: #c3cccf;
}
/*.category-area .category-title span::after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 85, 157, 0);
  border-left-color: #00559d;
  border-width: 15px;
  margin-top: -15px;
}*/
.category-area .category-list {
  margin: 0 0 1em 0;
  /*padding: 0;*/
  padding: 20px 10px 10px; /* 20190618 */
  list-style-type: none;
  color: #000000;
  /* width: 800px; /* 20190618 */
  display:none;
}
.category-area .category-list li {
  display: inline-block;
  /*margin-right: 1em;*/
  margin-right: 0.75em; /* 20190618 */
  margin-bottom: 1em;
}
.category-area .category-list a {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  background: #dfe4ea;
  border: solid 1px #cccccc;
  padding: 0.25em 0.75em; /* 20190618 */
  -moz-border-radius: 7px; /* 20190618 */
  -webkit-border-radius: 7px; /* 20190618 */
  border-radius: 7px; /* 20190618 */
  font-size: 0.75rem; /* 20190618 */
}
.category-area .category-list .current-cat a,
.category-area .category-list a:hover {
  color: white;
  background: #00559d;
}

.archive-link-area {
  margin-bottom: 1em;
  line-height: 1.2;
}
.archive-link-area ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.archive-link-area ul li {
  display: inline-block;
  padding: 0.2em 1em;
  margin-bottom: 0.5em;
  border-right: solid 1px #dedede;
}
.archive-link-area ul li:first-child {
  border-left: solid 1px #dedede;
}
.archive-link-area ul a {
  display: inline-block;
  color: #000000;
  text-decoration: none;
  padding: 0.2em 0.5em;
}
.archive-link-area ul a:hover {
  color: white;
  font-weight: bold;
  background: #6ea9dc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.archive-link-area ul .current a {
  color: white;
  font-weight: bold;
  background: #6ea9dc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.home-news-section {
  display: -webkit-flex;
  display: flex;
}
.home-news-section .section-area {
  -webkit-flex: 1 0;
  flex: 1 0;
  margin: 0;
}
.home-news-section .section-area:nth-child(2n) {
  margin-left: 30px;
}

.archive-link a {
  display: inline-block;
  text-decoration: none;
  color: white;
  font-weight: bold;
  background: #00559d;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMzc2NzAyIiB5MT0iLTAuMDgwMDcxIiB4Mj0iMC42MjMyOTgiIHkyPSIxLjA4MDA3MSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNjNhZiIvPjxzdG9wIG9mZnNldD0iNDklIiBzdG9wLWNvbG9yPSIjMmY2M2FmIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM0MzcyYjciLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzcyYjciLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -moz-linear-gradient(282deg, #2f63af, #2f63af 49%, #4372b7 50%, #4372b7);
  background-image: -webkit-linear-gradient(282deg, #2f63af, #2f63af 49%, #4372b7 50%, #4372b7);
  background-image: linear-gradient(168deg, #2f63af, #2f63af 49%, #4372b7 50%, #4372b7);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0.75em 1em;
}

.google-search-content *,
.google-search-content *:before,
.google-search-content *:after {
  box-sizing: content-box;
}

.page-content,
.entry-content,
.entry-summary,
.mceContentBody {
  font-size: 14px;
  font-size: 0.875rem;
}
.page-content h1,
.entry-content h1,
.entry-summary h1,
.mceContentBody h1 {
  clear: none;
  margin-top: 0;
  font-size: 22px;
  font-size: 1.375rem;
}
.page-content h2,
.entry-content h2,
.entry-summary h2,
.mceContentBody h2 {
  clear: none;
  margin-top: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
.page-content h2:after,
.entry-content h2:after,
.entry-summary h2:after,
.mceContentBody h2:after {
  content: '';
  margin-top: 0.3em;
  border-bottom: solid 2px #000000;
  display: block;
  width: 50%;
}
.page-content h3,
.entry-content h3,
.entry-summary h3,
.mceContentBody h3 {
  clear: none;
  margin-top: 0;
  font-size: 16px;
  font-size: 1rem;
}
.page-content h4,
.entry-content h4,
.entry-summary h4,
.mceContentBody h4 {
  clear: none;
  margin-top: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-content h5,
.entry-content h5,
.entry-summary h5,
.mceContentBody h5 {
  clear: none;
  margin-top: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-content h6,
.entry-content h6,
.entry-summary h6,
.mceContentBody h6 {
  clear: none;
  margin-top: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.page-content p,
.entry-content p,
.entry-summary p,
.mceContentBody p {
  margin-top: 0;
}
.page-content .annotation,
.entry-content .annotation,
.entry-summary .annotation,
.mceContentBody .annotation,
.page-description .annotation {
  font-size: 12px;
  font-size: 0.75rem;
  color: #6a6a6a;
}
.page-content ul,
.entry-content ul,
.entry-summary ul,
.mceContentBody ul,
.single-products .page-description ul {
  list-style-type: none;
  padding-left: 0;
}
.page-content ul li,
.entry-content ul li,
.entry-summary ul li,
.mceContentBody ul li,
.single-products .page-description ul li {
  padding-left: 20px;
}
.page-content ul li:before,
.entry-content ul li:before,
.entry-summary ul li:before,
.mceContentBody ul li:before,
.single-products .page-description ul li:before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 9px;
  margin-right: 0.5em;
  margin-left: -20px;
  background-image: url('images/list-arrow-content.png?1455597687');
  background-position: center center;
  background-repeat: no-repeat;
}
.page-content ul.post-list li,
.entry-content ul.post-list li,
.entry-summary ul.post-list li,
.mceContentBody ul.post-list li,
.single-products .page-description ul.post-list li {
  padding-left: 0;
}
.page-content ul.post-list li:before,
.entry-content ul.post-list li:before,
.entry-summary ul.post-list li:before,
.mceContentBody ul.post-list li:before,
.single-products .page-description ul.post-list li:before {
  display: none;
}
.page-content ol,
.entry-content ol,
.entry-summary ol,
.mceContentBody ol,
.single-products .single-products .page-description ol {
  padding-left: 2em;
}
.page-content li,
.entry-content li,
.entry-summary li,
.mceContentBody li,
.page-description li {
  margin-bottom: 0.5em;
}
.page-content li ul, .page-content li ol,
.entry-content li ul,
.entry-content li ol,
.entry-summary li ul,
.entry-summary li ol,
.mceContentBody li ul,
.mceContentBody li ol,
.single-products .page-description li ol {
  margin-top: 0.5em;
}
.page-content li ul,
.entry-content li ul,
.entry-summary li ul,
.mceContentBody li ul,
.single-products .page-description li ul {
  margin-left: 2em;
}
.page-content .post-list li,
.entry-content .post-list li,
.entry-summary .post-list li,
.mceContentBody .post-list li,
.single-products .page-description li  {
  margin-bottom: 2em;
}
.page-content table,
.entry-content table,
.entry-summary table,
.mceContentBody table {
  border-collapse: collapse;
  border-top: solid 3px #00559d;
  border-bottom: solid 1px #999999;
}
.page-content tr:nth-child(2n),
.entry-content tr:nth-child(2n),
.entry-summary tr:nth-child(2n),
.mceContentBody tr:nth-child(2n) {
  background: #f3f3f3;
}
.page-content th, .page-content td,
.entry-content th,
.entry-content td,
.entry-summary th,
.entry-summary td,
.mceContentBody th,
.mceContentBody td {
  padding: 0.5em;
  border-right: solid 1px #999999;
  border-left: solid 1px #999999;
  border-bottom: solid 1px #999999;
}
.page-content th,
.entry-content th,
.entry-summary th,
.mceContentBody th {
  background: #e9e9e9;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.page-top-btn-area {
  background: #505050 url('images/back-grounds/bg-page-top-btn-area.png?1454927092');
  color: white;
  text-align: center;
  line-height: 1.4;
  border-top: solid 1px #a3a3a3;
  -moz-box-shadow: inset 0px 1px 0 white;
  -webkit-box-shadow: inset 0px 1px 0 white;
  box-shadow: inset 0px 1px 0 white;
}
.page-top-btn-area a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 15px 0;
}
.page-top-btn-area a img {
  vertical-align: top;
}

.site-footer {
  background: #242424;
  color: white;
  line-height: 1.4;
}
.site-footer a {
  color: white;
  text-decoration: none;
}

.footer-navigation-area {
  padding-top: 25px;
  padding-bottom: 25px;
}

.footer-navigation-area-content {
  *zoom: 1;
  position: relative;
}
.footer-navigation-area-content:after {
  content: "";
  display: table;
  clear: both;
}

.footer-navigation-primary ul {
  margin-right: 260px;
}

.footer-navigation-secondary {
  padding-top: 25px;
}

.footer-navigation-area-tertiary {
  border-top: solid 1px #333333;
}

.footer-facebook-area {
  position: absolute;
  top: 0;
  right: 15px;
  width: 240px;
}
.footer-facebook-area a {
  font-weight: bold;
  display: block;
}
.footer-facebook-area img {
  float: left;
  margin-right: 10px;
}

.site-info {
  background: #000000;
  color: white;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 35px 0;
  border-top: solid 1px #333333;
}
.site-info .site-title {
  margin: 0;
}
.site-info .copyright {
  color: #999999;
  margin: 20px 0 0 0;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

figure {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
  max-width: 100%;
}

.hero-image-area video {
  width: 100%;
  vertical-align: top;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  font-size: 12px;
  font-size: 0.75rem;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*Facebook banner*/
#contact_link a {display: none}

/* Globa Navi Support */
li.gnav_support_inquiry {font-size: 0.9rem;}
li.gnav_support_inquiry a {padding: 0.35em 0.25em;}

/* Case Single Industry Icon */
.case-header .page-title-hedding h3 {
  display: inline-block;
  float: right;
}
.case-header .page-title-hedding h3 a {
  background: white;
  color: #00559d;
  font-size: 12px;
  font-size: 0.85rem;
  padding: 5px 10px;
  /*margin-left:20px;*/
  /*float: right;*/
  border-radius: 2px;
  text-decoration: none
}
.case-header .page-title-hedding h3 a:hover {
    opacity: 0.8;
}
/*Case Archive Industry Icon*/
.solution-list .industry-title {
  margin: 0;
  font-size: 12px;
  font-size: 0.85rem;
  display: inline-block;
  float: right;
  height: 40px;
}
.solution-list .industry-title h3 {
  margin-top: 0
}
.solution-list .industry-title h3 a {
  color: white;
  font-size: 12px;
  font-size: 0.85rem;
  padding: 5px 10px;
  border-radius: 4px;
  text-decoration: none;
  color: white;
  background:#00559d;
}
.solution-list .industry-title h3.insurance a,
.case-header .page-title-hedding h3.insurance a {background: #349ED9}
.solution-list .industry-title h3.media a,
.case-header .page-title-hedding h3.media a {background: #4487C3}
.solution-list .industry-title h3.credit a,
.case-header .page-title-hedding h3.credit a {background: #406DAD}
.solution-list .industry-title h3.traffic a,
.case-header .page-title-hedding h3.traffic a {background: #3A3494}
.solution-list .industry-title h3.travel a,
.case-header .page-title-hedding h3.travel a {background: #8B3195}
.solution-list .industry-title h3.communication a,
.case-header .page-title-hedding h3.communication a {background: #B12692}
.solution-list .industry-title h3.retail a,
.case-header .page-title-hedding h3.retail a {background: #D02392}
.solution-list .industry-title h3.chemical a,
.case-header .page-title-hedding h3.chemical a {background: #46ACB1}
.solution-list .industry-title h3.public a,
.case-header .page-title-hedding h3.public a {background: #49ADD0}
.solution-list .industry-title h3.medical a,
.case-header .page-title-hedding h3.medical a {background: #49ADD0}
.solution-list .industry-title h3.manufacture a,
.case-header .page-title-hedding h3.manufacture a {background: #3B3494}
.solution-list .industry-title h3.leisure a,
.case-header .page-title-hedding h3.leisure a {background: #40B056}
.solution-list .industry-title h3.finance a,
.case-header .page-title-hedding h3.finance a {background: #4DACEA}
.solution-list .industry-title h3.distributer a,
.case-header .page-title-hedding h3.distributer a {background: #EC2287}
.solution-list .industry-title h3.food a,
.case-header .page-title-hedding h3.food a {background: #F7BB3B}
.solution-list .industry-title h3.logistics a,
.case-header .page-title-hedding h3.logistics a {background: #6DC141}
.solution-list .industry-title h3.restaurant a,
.case-header .page-title-hedding h3.restaurant a {background: #F2335A}
.solution-list .industry-title h3.construction a,
.case-header .page-title-hedding h3.construction a {background: #B43393}

.solution-list h4.case-other-sol {display:inline-block; background:#264771; color:white; padding:3px 8px;}

/*Noborder table*/
.page-content table.noborder, .entry-content table.noborder,
.page-content table.noborder td, .entry-content table.noborder td,
.page-content table.noborder tr:nth-child(2n), .entry-content table.noborder tr:nth-child(2n) {border: none; background: none}

/*プリント時対応*/
@media print {
    body {
        zoom: 0.68;
        -webkit-print-color-adjust: exact;
    }
    .side-area {display:none}
}


/* IE10以上 */
@media print and (-ms-high-contrast: none) {
        body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.5);
        transform-origin: 0 0;
    }
}