@import url("https://fonts.googleapis.com/css?family=Hind|Roboto");
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css"); html,
body {
height: 100%;
}
body {
//    padding-top: 50px; }
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
} header.carousel {
height: 50%;
}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100vw;
//    max-height: 90vh;
background-position: center;
background-size: cover;
}
header.carousel .fill img{
//    height: 90vh;
} .error-404 {
font-size: 100px;
} .price {
display: block;
font-size: 50px;
line-height: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
} footer {
margin: 50px 0;
} @media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
}
body {
font-family: Hind, Verdana, Roboto, 'Noto Sans JP', "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", sans-serif;
}
.navbar-custom {
background-color: #F5F4FE;
border-color: #fff;
font-size: 1.2em;
}
.navbar-custom .navbar-brand {
color: #4E34F4;
padding: 4px;
}
.navbar-custom .dropdown-menu {
font-size: 1em;
}
@media (min-width: 1200px) {
.navbar-custom .navbar-brand {
padding: 4px 4px 4px 24px;
}
}
.navbar-custom .navbar-brand > img {
max-height: 50px;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-custom {
border: 0px;
}
.navbar-custom .navbar-text {
color: #211183;
}
.navbar-custom .navbar-nav > li > a {
color: #211183;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
color: #9382FF;
background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
color: #fff;
background-color: #4b39b9;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-custom .navbar-toggle {
border-color: #211183;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
background-color: #fff;
}
.navbar-custom .navbar-toggle .icon-bar {
background-color: #211183;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
border-color: #101010;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
color: #fff;
background-color: #4b39b9;
}
@media (max-width: 767px) {
.navbar-custom .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #4b39b9;
}
.navbar-custom .navbar-nav .open .dropdown-menu .divider {
background-color: #4b39b9;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
color: #333;
}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
color: #2504F2;
background-color: transparent;
}
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #4b39b9;
}
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-custom .navbar-link {
color: #4E34F4;
}
.navbar-custom .navbar-link:hover {
color: #2504F2;
}
.navbar-custom .btn-link {
color: #4E34F4;
}
.navbar-custom .btn-link:hover,
.navbar-custom .btn-link:focus {
color: #2504F2;
}
.navbar-custom .btn-link[disabled]:hover,
fieldset[disabled] .navbar-custom .btn-link:hover,
.navbar-custom .btn-link[disabled]:focus,
fieldset[disabled] .navbar-custom .btn-link:focus {
color: #444;
}
.navbar-custom .navbar-cta {
background-color: #4b39b9;
}
.navbar-custom .navbar-nav .navbar-cta > a {
color: #fff;
}
.navbar-custom .navbar-nav > .navbar-cta > a:hover,
.navbar-custom .navbar-nav > .navbar-cta > a:focus,
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
color: #fff;
background-color: #f0ad4e;
}
header.carousel {
height: 80%;
max-height: 640px;
}
@media (max-height: 640px) {
header.carousel {
height: 100%;
}
}
.carousel-caption {
background-color: rgba(7, 3, 37, 0.5);
width: 100%;
left: 0;
right: 0;
bottom: 60px;
}
.carousel-caption > h2 {
font-family: impact, sans-serif;
font-size: 48px;
}
.carousel-caption > h3 {
font-family: impact, sans-serif;
font-size: 28px;
}
.carousel-caption > h2.impact {
font-family: 'Archivo Narrow', impact, sans-serif;
font-size: 64px;
font-weight: 500;
}
.carousel-caption > h3.impact {
font-family: 'Archivo Narrow', impact, sans-serif;
font-size: 28px;
font-weight: 400;
}
@media (max-height: 640px) {
.carousel-caption > h2.impact {
font-family: 'Archivo Narrow', impact, sans-serif;
font-size: 36px;
font-weight: 400;
}
.carousel-caption > h3.impact {
font-family: 'Archivo Narrow', impact, sans-serif;
font-size: 24px;
font-weight: 400;
}
}
footer {
background-color: #0C072D;
color: #ccc;
margin: 32px auto 0 auto;
padding-top: 16px;
padding-bottom: 16px;
}
footer hr {
border-top-color: #444;
}
#success-stories{
background-color: #E0E4FF;
}
.habakiri-slider{
max-height: 480px;
}
.habakiri-slider__item-content{
background-color: rgba(7, 3, 37, 0.5);
}
.page-header {
border-bottom: 1px solid #C0B8F1;
padding:0px;
padding-bottom: 9px;
margin: 40px 0 20px;
}
h2.page-header {
font-size: 33px;
font-weight: 600;
background-color: #fff;
color: #333;
}
.container-fluid{
padding:0px;
}
#feature video {
margin: 0 auto;
padding-bottom: 16px;
}
#cta h4 {
font-size: 28px;
}
footer p {
margin-bottom: 0px;
}
footer p.category-title {
font-size: 16px;
font-weight: 600;
}
footer p.category-sub-title {
font-size: 14px;
font-weight: 600;
}
ul.marker-none,
ul.marker-none > li > ul {
list-style-type: none;
}
footer ul {
-webkit-padding-start: 0px;
-webkit-margin-before: 0.2em;
-webkit-margin-after: 0.2em;
padding-start-value: 8px;
padding-left: 8px;
}
footer a,
footer a:hover {
color: #ccc;
}
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code {
border-radius: 3px;
}
.bs-callout+.bs-callout {
margin-top: -5px;
}
.bs-callout-default {
border-left-color: #777;
}
.bs-callout-default h4 {
//    color: #777;
}
.bs-callout-primary {
border-left-color: #428bca;
}
.bs-callout-primary h4 {
//    color: #428bca;
}
.bs-callout-success {
border-left-color: #5cb85c;
}
.bs-callout-success h4 {
//    color: #5cb85c;
}
.bs-callout-danger {
border-left-color: #d9534f;
}
.bs-callout-danger h4 {
//    color: #d9534f;
}
.bs-callout-warning {
border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
//    color: #f0ad4e;
}
.bs-callout-info {
border-left-color: #5bc0de;
}
.bs-callout-info h4 {
//    color: #5bc0de;
}
.panel-no-border {
background-color: #f2f3fd;
-webkit-box-shadow: 0 0px;
box-shadow: 0 0px;
}
.panel-no-border > .panel-heading {
color: #333;
border-color: #ddd;
}
.panel-border > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-border > .panel-heading .badge {
color: #f5f5f5;
}
.panel-border > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
#user-voice {
background-color: #e0e4ff;
padding-bottom: 20px;
margin-top: 10px;
}
#cta {
background-color: #4855A4;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
}
.valign-wrapper {
height: 100%;
}
.valign-wrapper:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: "";
}
@media (min-width: 768px) {
#cta-button {
font-size: 24px;
font-weight: 600;
}
}
@media (min-width: 1600px) {
#cta-button {
font-size: 32px;
font-weight: 700;
}
}
.padding-bottom-16 {
padding-bottom: 16px;
}
.margin-bottom-16 {
margin-bottom: 16px;
}
.table_company {
width: 96%;
padding-left: 8px;
border-collapse: separate;
border-spacing: 0px;
}
.table_company th {
width: 160px;
padding: 4px;
text-align: left;
vertical-align: top;
background-color: #FFFFDD;
}
.table_company td {
padding: 4px;
}
.table_downloadlist,
.table_documentlibrary {
width: 96%;
padding-left: 8px;
border-collapse: separate;
border-spacing: 0px;
}
.table_downloadlist thead tr th,
.table_documentlibrary thead tr th {
padding: 4px;
text-align: left;
vertical-align: top;
background-color: #CCCCFF;
border-top-width: 0px;
border-bottom-width: 1px;
}
.table_downloadlist td {
padding: 4px;
}
.table_downloadlist td.dl_title {
width: 240px;
font-weight: 700;
}
.table_downloadlist > tbody:hover {
background-color: #f5f5f5;
}
.table-module {
border-collapse: collapse;
}
.table-module th {
height: 200px;
padding: 10px;
vertical-align: top;
border-right: 1px solid white;
border-bottom: 4px solid white;
background-color: #E2EFCE;
}
.table-module > tbody > tr > th {
border-top-color: white;
}
.table-module th.blank {
background-color: #FFFFFF;
width: 4px;
max-width: 4px;
padding: 0;
}
.table-module th > span {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 20px;
max-width: 20px;
}
.table-module td {
border-right: 1px solid white;
text-align: center;
padding: 4px 0;
}
.table-module .row-head {
text-align: left;
vertical-align: top;
padding-left: 8px;
width: 48px;
border-right: 0px;
font-weight: bold;
}
.table-module .APS > td {
background-color: #004098;
color: white;
}
.table-module .APS > td > a {
color: white;
}
.table-module .MS > td {
background-color: #FCD68C;
}
.table-module .MRP > td {
background-color: #C7E8FA;
}
.table-module .SED > td {
background-color: #FFE792;
}
.table-module .BOM > td {
background-color: #F9D1CC;
}
.table-module .MES > td {
background-color: #E7D4E8;
}
.table-module .MOS {
width: 30%;
background-color: #E6E6E7;
}
.table-module .THW {
background-color: #e0e0e0;
}
.table-module .standard-func {
color: #B5B5B6;
}
.table-module .can-be-added {
color: #E60012;
}
.table_documentlibrary .free {
background-color: #FFFFCC;
}
.table_documentlibrary .member {
background-color: #CCFFCC;
}
.table_documentlibrary .user {
background-color: #CCCCFF;
}
div.tooltip_std{
display: inline-block;
}
div.tooltip_std div {
display: none;
}
div.tooltip_std:hover {
position: relative;
}
div.tooltip_std:hover div {
display: block;                 
position: absolute;           
top: 25px;
font-size: 90%;
left: -180px;
background-color: #fff;
width: 205px;
padding: 5px;
border-radius:3px;
z-index:100;
}
div.tooltip_std div:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
top:-13px; 
left:177px;
border:13px transparent solid; 
border-right-width:0; 
border-left-color:#fff; 
transform:rotate(270deg);            
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
z-index:100;
}
.tooltip_black{
color: #000000;
}
div.tooltip_add{
display: inline-block;
}
div.tooltip_add div {
display: none;
}
div.tooltip_add:hover {
position: relative;
}
div.tooltip_add:hover div {
display: block;                 
position: absolute;           
top: -50px;
font-size: 90%;
left: -180px;
background-color: #fff;
width: 205px;
padding: 5px;
border-radius:3px;
z-index:100;
}
div.tooltip_add div:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
top: 33px; 
left:177px;
border:13px transparent solid; 
border-right-width:0; 
border-left-color:#fff; 
transform:rotate(0deg);            
-webkit-transform:rotate(90deg);
-o-transform:rotate(0deg);
z-index:100;
}
.catalog .honbun {
color: #696969;
font-size: large;
}
.serif{
font-family:'hiragino Mincho ProN', 'Yu Mincho', serif;
}
.catalog .sans {
font-family: 'Open Sans', sans-serif;
}
.catalog .ebi {
font-size: medium;
color: #800000;
word-wrap: break-word;
}
.catalog h1 {
color: #696969;
}
.catalog .circle {
border-radius: 50%;
font-size: 12px; margin-top:20px;
}
.catalog .circle_problem {
color: #fff;
background-color: #696969;
width: 60px; height: 60px; line-height: 60px; }
.catalog .circle_solution {
color: #000000;
width: 80px; height: 80px; line-height: 80px; font-size: 30px;
text-align:center;
}
.catalog .panel {
border-color: #ddd;
background-color: white;
}
.catalog .separator {
width: 100%;
border-top: 1px dashed;
margin-top: 0px;
margin-bottom: 0px;
}
.catalog .panel-problem_and_solution .panel-heading .separator {
width: 95%;
border-top: 1px dashed #000000;
}
#catalog_logic .separator {
border-top: 1px solid #a0a0a0;
margin-bottom: 10px;
}
.catalog .message {
padding-left: 20px;
}
#catalog_transformed .pink {
background-color: #F6D4D8;
}
.catalog .white {
background-color: white;
}
.catalog .brown {
background-color: #F6D580;
}
.catalog .green {
background-color: #81D674;
}
.catalog .vio {
background-color: #7379AE;
color: white;
}
.catalog .dpin {
color: #7B2732;
margin-left:10px;
}
.catalog .dbro {
color: #5F4504;
margin-left:10px;
}
.catalog .dgre {
color: #1E5B15;
margin-left:10px;
}
.catalog .dvio {
color: #505479;
margin-left:10px;
}
.catalog .white {
background-color: white;
}
.catalog .line li {
list-style: none;
font-size: larger;
padding-left: 1em;
position: relative;
}
.catalog ul {
padding-left: 16px;
-webkig-padding-start: 16px;
}
.catalog ul.line li + li {
border-top: 1px dashed #666;
margin: -2px;
}
.catalog .line li:before {
display: block;
content: "・";
width: 1em;
height: 1em;
position: absolute;
left: 0;
top: 0;
}
.catalog div .hon {
font-size: 18px;
}
.catalog .panel-logic .panel-heading {
background-color: #0086AB;
color: #fff;
}
.catalog .panel-success_stories .separator {
border-top: 1px dashed #CBE6F3;
margin-bottom: 10px;
}
.catalog .panel-success_stories .square_outer {
width: 100px; height: 200px; ;
font-size:250%; line-height: 110%;
font-family: "Sawarabi Mincho"; 
word-wrap: break-word;
color: white;
}
.catalog .panel-success_stories .square {
box-sizing: border-box;
display: table-cell;
width: 100px; height: 100px; ;
vertical-align: middle;
text-align: center;
}
.catalog .panel-success_stories .em {
color: #0086AB;
margin-top: 0px;
margin-bottom: 0px;
}
.catalog .panel-success_stories .message {
padding-left: 4px;
}
.catalog .pink {
background-color: #DA6272;
}
#catalog_transformed .middle {
position: relative;
left: 10px;
color: #000000;
}
.catalog .middle {
font-size: medium;
}
.catalog .mini {
font-size: 15px;
padding-left: 24px;
position: relative;
}
.catalog .small {
font-size: small;
}
.catalog .top {
margin-top: -30px;
}
.catalog ul.check li {
list-style: none;
padding-left: 24px;
position: relative;
color: #CE7754;
font-size: 20px;
}
.catalog ul.check li:before,
.catalog ul.check li:after {
content: "";
display: block;
position: absolute;
}
.catalog ul.check li:before {
width: 16px;
height: 16px;
border-radius: 50%;
background: #CE7754;
left: 0;
top: 6px;
}
.catalog ul.check li:after {
background-color: #fff;
width: 4px;
height: 4px;
border-radius: 50%;
left: 4px;
top: 10px;
}
.catalog .dr  {
margin-left:20px;!important
}
.catalog .panel-features {
margin: 0 auto;
margin-top: 30px;
}
.catalog .shadow {
box-shadow: 0px 0px 5px 5px #D9AC99;
}
.catalog .shadow2 {
margin-top: 30px;
}
.catalog .redbg {
background-color: #B01E40;
color: #fff;
margin: 50px auto;
padding: 15px;
font-size: 20px;
text-align:center;
}
.catalog .soto .panel-heading h3 {
color: #fff;
font-size: 30px;
}
.catalog .soto {
width: 90%;
background-color: #C1566F;
margin: 0 auto;
margin-top: -10px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: -30px;
}
.footer-widget-area .widget_text, 
.footer-widget-area .widget_text a
{
color: #ddd;
}
.footer-widget-area .widget_text a:hover
{
color: #fff;
}
.header--fixed{
position: fixed;
right: 0;
left: 0;
height: 108px;
}
.header__col{
height: 60px;
}
#menu-item-648{ 
background-color:#4b39b9;
}
#menu-item-648 a 
{ 
color: #fff;
}
#menu-nav a {
font-size: 110%;
}
.site-branding {
padding: 0;
}
@media (min-width: 1200px)
{
.responsive-nav {
display: none;
}
.off-canvas-nav, #responsive-btn {
display: block !important;
}
}
@media (min-width: 992px)
{
.responsive-nav {
display: none;
}
.off-canvas-nav, #responsive-btn {
display: block !important;
}
}
.entry-meta .published, 
.entry-meta .author {
display: none;
}
.sidebar {
padding-top: 32px;
}
table.partner-table{
border: 1px solid;
border-collapse:separate;
padding: 3px;
width:100%;
border-spacing: 5px;
margin:0 0 30px 0;
}
table.partner-table th{
background-color:#00008b;
padding: 5px;
color:#ffffff;
text-align:center !important;
}
table.partner-table td{
padding:8px;
}
.partner-h{
background-color:#d3d3d3;
margin: 0 0 1.5em;
padding: 3px 5px 0 10px; 
border-left: 7px solid #4169e1;
}
table.partner-table-2{
border: 1px solid;
border-collapse:separate;
padding: 3px;
width:100%;
border-spacing: 5px;
margin:0 0 30px 0;
}
table.partner-table-2 th{
background-color:#00008b;
padding: 5px;
color:#ffffff;
text-align:center !important;
width:20%;!important;
}
table.partner-table-2 td{
padding:8px;
}
ul.sideber50 {
list-style-type:none !important;
padding-left:0;
}
li {
margin-left:0px;
list-style-type: none;
}
.entry-meta .published, 
.entry-meta .author,
.entry-meta .vCard,
.entry-meta .updated,
#main > .article > .entry > .entry-meta > .entry-meta__list > .categories,
.entry-meta .tags
{
display:none !important;
}
.habakiri-slider {
position: relative;
}
.habakiri-slider div.caption {
background-color: rgba(7, 3, 37, 0.5);
width: 100%;
left: 0px;
right: 0px;    position: absolute;
bottom: 20px;
z-index: 1;
padding-top: 20px;
padding-bottom: 20px;
color: rgb(255, 255, 255);
text-align: center;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px;
}
dl {
width:100%;
}
dt {
float:left;
clear:left;
width:100px;
margin:5px;
}
dd {
float:left;
width:500px;
margin:5px;
}