root{
    --content-whitecolor: rgba(33,33,33,1.0);
    --font-base-size:1em;
    --font-input-size:1em;
    --font-head-size:1.2em;
    --main-foot-backcolor:rgba(100,100,100,1.0);/*#f4ede3;*/
    --main-foot-fontcolor:#ffffff;/* rgba(255,255,255,1.0);*/

  }
  body {
/*  		color:var(--content-whitecolor) ;*/
    font-size: var(--font-base-size, 1em);

  }
  .basearea {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  @media (max-width:600px) {
    .basearea {
    max-width: 100%;
    }
  }
  .menuarea{
    width: 180px;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    position: sticky;
    top: 10px;
  }
  .mainarea {
    /* width: calc(100% - 220px); */
    margin: 0px;
    display: inline-block;
  }

  h1 {
    font-size: var(--font-head-size, 1.6em);
    text-align: left;
  }
  textarea#edittext {
    color:var(--content-whitefontcolor) ;
/*    width: calc(100% - 150px);*/
    width: 100%;
    min-height: 120px;
    border: rgba(60, 60 , 60 , 0.2) solid 1px;
    resize: vertical;
    border-radius: 15px;
    padding: 10px;
    font-size: 16px;
                font-family: inherit;
                /*font-weight: 600;*/
  line-height: 1.15rem;
    box-sizing: border-box;
  }
  input#analyzebtn{
      appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
/*  		background: #004B88;*/
  background: #3498DB;
    border: rgba(60, 60 , 60 , 0.2) solid 1px;
    border-radius: 10px;
    width: auto;
      padding-left: 10px;
      padding-right: 10px;
    height: 50px;
  color: white;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
  }
  input#analyzebtn:disabled{
    background: rgb(29, 50, 80) ;
  }
  input#resetbtn{
      appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background: transparent ;
    border: transparent solid 1px;
    border-radius: 10px;
    width: auto;
    height: 50px;
/*  	color: #004B88;*/
  background: #3498DB;
  color: white;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
  margin-right: 25px;
  }
  input#resetbtn:disabled{
    background: rgb(29, 50, 80) ;
  }
    a.trialbtn {
    background-color: #004B88;
    padding: 13px 20px;
    border-radius: 12px;
    display: inline-block;
    vertical-align: super;
    color: white;
    text-decoration: none;
/*    position: absolute;
    right: 0px;*/
}
#triallink{
  display: inline-block;
  vertical-align: middle;
  padding: 13px 20px;
  line-height: 1.15rem;

}
#lengtharea{
  display: inline-block;
  vertical-align: middle;
  padding: 13px 20px;
  line-height: 1.15rem;
  float: right;
}
#lengtharea span#charcount{

}
#lengtharea span#charcount.errorred{

}
#hintmessage{
  display: inline-block;
  vertical-align: middle;
  line-height: 1.15rem;
  padding: 13px 20px;
  color: red;
}
#infomessage{
        display: inline-block;
        vertical-align: middle;
        line-height: 1.15rem;
        padding: 13px 20px;
/*          color: #004B88 !important;*/
        font-weight: 550;
  color: #004B88;
}

#demo form {
    position: relative;
    max-width: 990px;
    box-sizing: border-box;
}


.col-md-5 {
    width: calc(100% - 190px);
    display: inline-block;
}
.tile_info.graph_item_text.col-md-7 {
   width:  180px;
    display: inline-block;
  vertical-align: top;
    color: var(--content-whitefontcolor);
  font-size: 12px;
    margin-top: 15px;
}
section.graph-item {
    width: calc((100% - (5px * 4) ) /2);
  min-width: 150px;
/*	max-height: 100px;*/
  vertical-align: top;
}
  section.graph-item.area-keycloud {
  width: calc((100% - (5px * 2) ));
  min-width: 150px;
  /* max-height: 100px; */
  vertical-align: top;
}
  span.summery_label_item {
    color: black;
    margin-right: 5px;
}
  ul.nomark li {
    list-style: none;
    padding: none;
    color: var(--content-whitefontcolor);
}
  section.black h2.h2_lw {
    color: var(--content-whitefontcolor);
}
table#listtable_popup {
    color: var(--content-whitefontcolor);
    table-layout: fixed;
    width: 100%;
}
  table#listtable_popup td {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--content-whitefontcolor);
    width: 33%;
    display: table-cell;
}
table#listtable_popup tr:nth-child(2n+1){
  background-color: rgba(240 , 240 , 240 ,0.6);
}
table#listtable_popup th {
    color: var(--content-whitefontcolor);
  border: rgba(180,180,180,0.6);
  font-weight: normal;
}
#checkmecab , #checktruetext {
    display: inline-block;
    vertical-align: top;
/*      width: calc(100% / 2 - 50px);*/
}
#checkmecab .col-md-5, #checktruetext .col-md-5{
    width: 100% ;
}

  table.dic-type-plan{
 width:80%;
table-layout: auto;
    border-collapse: collapse;
 margin-left:0px;
margin-right:auto;
}
table.dic-type-plan tr{
}
table.dic-type-plan tr{
}
table.dic-type-plan  tr:nth-child(2n+1){
  background-color: rgba(240 , 240 , 240 ,0.6);
}
table.dic-type-plan td{
  border-left: rgba(180 , 180 , 180 ,0.6) solid 1px;
  border-right: rgba(180 , 180 , 180 ,0.6) solid 1px;
   text-align:center;
}
table.dic-type-plan th{
padding: 10px;
  font-weight:normal;
  border-left: rgba(180 , 180 , 180 ,0.6) solid 1px;
  border-right: rgba(180 , 180 , 180 ,0.6) solid 1px;
}

table.dic-type-plan thead{
}
table.dic-type-plan tbody{
}
table.dic-type-plan tbody td{

}
table.dic-type-plan tbody th{
  font-weight: normal;
}

  ul li {
    list-style: none;
    padding: none;
  }


table.dic-half-plan{
 width:50%;
 min-width:350px;
table-layout: auto;
    border-collapse: collapse;
 margin-left:0px;
margin-right:auto;
}
table.dic-half-plan tr{
  border-bottom: rgba(180 , 180 , 180 ,0.6) solid 1px;
}
table.dic-half-plan td{
   text-align:center;
padding: 10px;
}
table.dic-half-plan th{
padding: 10px;
  font-weight:normal;
}
table.dic-half-plan thead{
}
table.dic-half-plan tbody{
}
table.dic-half-plan tbody td{
}
table.dic-half-plan tbody th{
}
  aside#checkmenu{
    display: none;
  }
  aside#checkmenu ul{
    display: flex;
    }
  aside#checkmenu ul li{
    display: block;
    padding: 0 25px;
  border-left: rgba(180 , 180 , 180 ,0.6) solid 1px;
  border-right: rgba(180 , 180 , 180 ,0.6) solid 1px;
  }
  h1,h2,h3,h4,h5{
    font-weight: normal;
    margin-bottom: inherit;
  }
    .labelcontnt h3 {
  text-align: left;
}
.labelcontnt p {
  text-align: left;
}

  #point.labelcontnt p {
  font-size: 1.1rem;
}
  #func.labelcontnt p {
  font-size: 1.1rem;
}
  #exam.labelcontnt p {
  font-size: 1.1rem;
}
  ul.casestady {
    display: grid;
    justify-content: space-between;
    grid-gap:25px;
        grid-auto-flow: column;
  }
  ul.casestady li{
    border: rgba(60, 60 , 60 , 0.2) solid 1px;
    border-radius: 15px;
  padding: 10px;
  }

  ul.casestady li h4{
    height: 45px;
  }

  #point ul {
    display: flex;
    gap:25px;
    border: rgba(60, 60 , 60 , 0.2) solid 1px;
    border-radius: 15px;
    padding: 10px;
  }
  #point ul li{
    padding: 20px;
    border-right: rgba(60, 60 , 60 , 0.2) solid 1px;
  }
  #point ul li h3{
    margin-top: inherit;
  }
  #point ul li.end{
    border-right: none;
  }
  .paramarea table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 25px;
    background-color: transparent;
  }
  .paramarea table thead tr{
    background-color: rgba(240 , 240 , 240 ,0.6);

  }
.paramarea 	table tr td ,.paramarea table tr th{
      border: rgba(60, 60 , 60 , 0.2) solid 1px;
    padding: 10px;
    font-weight: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
        .sp_area  {
    display: none;
  }

  .mainarea h1{
    border-bottom: rgba(180,180,180,0.6) 1px solid;
    text-align: left;
  }
  .quotation {
    background-color: rgba(240 , 240 , 240 ,0.6);
    border-radius: 20px;
        padding: 25px;
  }
  .quotation .restype {
    background-color: rgba(30 , 30 , 30 ,1);
    border-radius: 20px;
        padding: 0 10px ;
    font-size: .69rem;
    color: white;
        text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
  }
  .paramarea h3{
    font-size:  1.3em;

  }
  #demo h3{
    font-size:  1.2em;

  }
  #demo h2{
    font-size:  1.1em;

  }
  .paramarea h5{
    font-size:  1.2em;

  }

  ul.nav-menu li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left:  #e8eaed 2px solid;
    padding-left: 10px;
    font-size:75%;
    position: relative;
  }
  ul.nav-menu li.smalllabel {
    font-size: 50%;
  }
  ul.nav-menu li.selected::before  {
    background: #1a73e8;
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    top: 5px;
    width: 2px;
  }
  .caseStd img {
    width: 100%;
  }
  body {
    margin: 0px;
    padding: 0px;
  }
  header h1 {
    margin: 0px;
  }
  header h1 img {
    max-width: 1280px;
  }

.chkarea {
    position: relative;
}

.chkarea {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 50px;
    /* line-height: 2rem; */
    /* padding: 10px; */
    /* box-sizing: border-box; */
    font-size: var(--font-input-size, 1.2em);
    /* margin: 0px; */
      margin-left: 10px;
}

input.chkbox:checked {
    background: aqua;
    color: aqua;
    border-radius: 15px;
}


input.chkbox {
    display: none;
    position: absolute;
    right: 15px;
    top: 1ch;
    /* border: none; */
    appearance: none;
    color: aqua;
}

.label {
    display: block;
    /* float: left; */
    margin: 0px;
    /* padding: 5px; */
    text-align: center;
    line-height: 3;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    color: #333333;
    border: 1px solid #eeeeee;
    background: #FFFFFF;
    width: 150px;
    /* height: 50px; */
    /* line-height: 2rem; */
    /* padding: 10px; */
    box-sizing: border-box;
    font-size: 1rem;
  /* margin: 0px; */
    /* vertical-align: middle; */
}
  .label:before {
    position: absolute;
    content: "▼";
    right: 21px;
    margin-top: 0px;
    width: 5px;
    height: 9px;
    /* opacity: 0; */
}
input.chkbox:checked + .label {
    background: #DDDDDD;
}

input[type=checkbox].chkbox:checked + .label:before {
    content: " ";
    border-right: 3px solid #0171bd;
    border-bottom: 3px solid #0171bd;
    transform: rotate(45deg);
    opacity: 1;
      margin-top: 17px;
    margin-right: -10px;
}
  .mostparam{
    color: red;
    font-size: 60%;
  }
  .optionparam{
    font-size: 60%;
  }

  #case h3 span {
    font-size: 80%;
    vertical-align: middle;
}
  @media (max-width:1100px) {
    section.graph-item {
      min-width: 100px;
    }
    .col-md-5 {
        width: 100%;
    }
    .tile_info.graph_item_text.col-md-7 {
        width: 100%;
    }
  }
  @media (max-width:800px) {
        .sp_area  {
    display: block;
  }
  }
  @media (max-width:600px) {
    ul.compcase {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: dense;
}
  }

      @media (max-width:500px) {
    ul.compcase {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: dense;
}
    ul.compcase li img{
    max-width: 120px;
    width: 100%;
}
  }
@media (max-width:500px) {
  .mainarea h1 {
    font-size: 1.2rem;
  }
  section.graph-item {
    width: 100%;
  }

  .menuarea{
    display: none;
  }
  .mainarea {
    width: 100% ;
    margin: 0px;
    display: inline-block;
    margin: 10px;
  }
    #point ul {
    display: block;
    border: rgba(60, 60 , 60 , 0.2) solid 1px;
    border-radius: 15px;
    padding: 10px;
  }

    .pc_area  {
    display: none;
  }
    .sp_area  {
    display: block;
  }
.chkarea {
    margin-top: 10px;
    margin-bottom: 10px;

}

  }

.pin{
  position: relative;
}

.tool_tips{
  display: none;
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid rgba(100,100,100,1.0);
  font-size: 100%;
  width: 530px;
  position: absolute;
  top: 20px;
  left: -200px;
  text-align: left;
  z-index: 99;
  border-radius: 5px;
  font-weight: 100;
}

.balloon{
  width: 400px;
  height: 20px;
  background-image: url(baloon_arrow.png);
  background-repeat: no-repeat;
  background-position: 100px 0;
  position: absolute;
  top: -17px;
  left: -33px;
}
.graph_mes {
  margin-top: 10px;
  margin-bottom: 0px;
  border: 1px solid rgba(200,200,200,1.0);
  padding: 5px;
}
  botton#rmp-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--content-blackfontcolor);
    font-size: 20px;
  }
.b-button {
    color: #004B88 !important;
    border: solid 1px #004B88 !important;
    font-weight: 550;
    fill: #fff;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
     text-decoration: none;
}
  .c-button {
display: inline-block;
margin-bottom: 10px;
}
.c-button.v--primary {
    background-color: #004B88;
    color: #fff;
    fill: #fff;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}
.c-button.v--faq {
  background-color: #4B474D;
  color: #fff;
  font-weight: 550;
  fill: #fff;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
}
@media (max-width:600px) {
  .c-button.v--primary {
  font-weight: 550;
    font-size: 1rem;
  }
}
.header_right {
  display: inline;
  margin-top: 10px;
  float: right;
  margin-right: 10px;
}
/* panel */
ul.mpuu2 {
  display: none;
}
.caseStd__content--text {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .03em;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 4; */
    overflow: hidden;
    height: 110px;
}
.caseStd__content--titleIcon {
/*      position: absolute;
    width: 28px;
    height: 28px;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
/*      top: 50%;
    left: 0;
    transform: translateY(-50%);*/
      padding: 0px;
  display: inline-block;
  margin: 0px;
  margin-right: 10px;
}
.caseStd__content--titleIcon.u-agreement {
   padding-top: 10px;
}
.caseStd__content--title {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    padding: 0 0px 0 20px;
    margin-bottom: 16px;
    transition: color .3s ease;
}
.caseStd__content {
    padding: 24px 20px;
}
.caseStd__img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: transform .3s ease;
/*    width: 100%;
    height: 80%; */
    object-fit: cover;
    margin-top: 20px;
}
.caseStd__img {
   /* border-bottom: 1px solid #d7d7d7; */
    position: relative;
    width: 50%;
    padding-top: calc(50% + 6px);
    overflow: hidden;
    margin: auto;
}
.caseStd {
    color: #4c4c4c;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    cursor: pointer;
    transition: box-shadow .3s ease;
    text-decoration: none;
    pointer-events : none;
    box-shadow: 0 3px 9px 1px rgb(61 99 120 / 16%);

}
.sectionFunctionCardWrap__list {
    display: grid;
    place-content: center;
    grid-template-columns: repeat(auto-fit,220px);
    gap: 30px;
    margin-top: 15px;
}
.sectionFunctionCardWrap__text {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    margin-top: 80px;
}
.sectionFunctionCardWrap__inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
/**/
.l-narrow {
    width: 93%;
    margin: auto;
    max-width: 100%;
}
.p-function-list {
    display: flex;
  flex-flow: wrap;
  flex-wrap:wrap;
    margin-top: 25px;
    margin-bottom: 35px;
    justify-content: space-between;
}
.p-function-list-item {
    width: 80px;
    height: 80px;
}
@media (max-width:600px) {
  .p-function-list {
      display: flex;
  flex-flow: wrap;
  flex-wrap:wrap;
  }
    .caseStd__content--title {
    padding: 0 0px 0 20px;
  }

  .p-function-list-item {
      width: 80px;
      height: 80px;
      margin-top: 10px;
      margin-bottom: 10px;
  }
}
.p-function-list-item-link {
    border: 3px solid #004B88;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    color: #004B88;
    position: relative;
    font-size: 15px;
}
.p-function-list-item-link::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #FF8A3D transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
 .anchorLink ul li:first-child a span {
    padding: 3px 23px;
    background: url(/common/images/img-down-arrow-b.png) 30px center no-repeat;
}
 .anchorLink ul li a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    padding: 20px 0;
}
 .anchorLink ul li, #main .floatTextR a {
    display: -moz-inline-stack;
    vertical-align: middle;
    zoom: 1;
}
 .anchorLink ul li {
    display: inline-block;
    margin-bottom: 0;
}
 .anchorLink ul {
    width: 1096px;
    margin: 0 auto;
}
.anchorLink ul {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: auto;
    text-align: center;
    width: 99%;
    padding-right: 10px;
}
.anchorLink {
    margin-bottom: 20px;
    background: #72777B;
}
.anchorLink ul li a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    padding: 20px 0;
}
.anchorLink ul li a span {
    padding: 3px 10px 3px 10px;
    border-left: 1px solid #999;
}
.1top_nav_pullmenu {
    position: relative;
    left: 24px;
    top: 2px;
}
.wrapper {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
}
.logo_area {
    padding-left: 10px;
    max-width: 850px;
    margin: 0 auto;
}
.top_area {
  background-color: #004B88;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.top_area_title {
  font-size:24px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
}
.top_area_sub {
  font-size:22px;
  font-weight: 500;
  text-align: center;
}
.white_button{
  background-color: white;
}
.top_area_info {
  padding-top: 25px;
  text-align: center;
}
.alert_char{
  color: #e96787;
}


.frowchart {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flowul li {
  list-style-type: none;
}
.flowul dd {
  margin-left: 0;
}

.flowul {
  padding: 0;
  padding-left: 120px;
  position: relative;
        margin-top: 0px;
}
.flowul::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.flowul > li {
  position: relative;
}
.flowul > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flowul > li .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, #004B88 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,#004B88 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,#004B88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}
.flowul > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #004B88;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flowul > li dl {
  padding-left: 70px;
  position: relative;
}
.flowul > li dl::before,
.flowul > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flowul > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #6b90db;
  border-radius: 50%;
  left: -4px;
}
.flowul > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.flowul > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: #004B88;
  margin-bottom: 1vh;
}
@media (max-width:600px) {
  .flowul > li dl {
    width: calc(100% - 10px);
  }
  .flowul > li dl dt {
    font-size: 18px;
  }
  .flowul > li dl dd {
    font-size: 18px;
  }

}
/* */
.p-top__contents {
    margin-bottom: 50px;
}
.p-top__table {
    width: 90% !important;
    max-width: 940px !important;
    margin: 0 auto;
    border-collapse: collapse !important;
}
.p-top__table th:first-child {
    width: 17.0212765957%;
}
.p-top__table th {
    font-size: 18px;
    font-weight: 500;
}
.p-top__table th, .p-top__table td {
    width: 27.6595744681% !important;
    height: 80px !important;
    padding: 6px 10px !important;
    border-right: 1px solid #b3b3b3 !important;
    border-bottom: 1px solid #b3b3b3 !important;
    color: #004B88 !important;
    font-weight: 600 !important;
}
.p-top-table-ttl {
    line-height: 1.25;
}
.p-top-table-ttl__head {
    margin-bottom: 12px;
    display: block;
}
.p-top-table-ttl__body {
    display: block;
    text-align: left;
    color: #333;
    font-size: 12px;
    font-weight: 400;
}
.p-top__table td em {
    font-size: 18px;
    font-weight: 500;
}
.p-top__table td {
    text-align: center;
    font-size: 18px;
}

  @media (max-width:700px) {
.top_area_title {
    font-size: 14px;
}
    div.top_area_sub{
    font-size: 1.1rem;

    }
  }
  @media (max-width:500px) {

    div.top_area_title{
    font-size: 0.8rem;

    }
    div.top_area_sub{
    font-size: 0.7rem;

    }
    .paramarea h3 {
  font-size: 1.1em;
}
    .anchorLink ul li a {
   padding: 10px 0;
    }
      .breadcrumb p {
  font-size: 14px !important;
}
  p.onepoint{
    font-size: 0.8rem;
  }
  #point p.onepoint{
    font-size: 0.8rem;
  }
  #demo h3{
          font-size: 0.9rem;
  }
  #demo h3 span{
          font-size: 0.8rem;
  }
ul {
  padding-left: 0px;
}
  }
  @media (max-width:500px) {
.c-button.v--primary {
  font-size: 10px;
}
.c-button.v--faq {
  font-size: 10px;
}
.header_longlogo {
  width: 160px;
}
}
  #keycloud {
/*     position: absolute;
    top: 150px;
    left: 0px;*/
    width: 100%;
    height: 800px;
    z-index: 999;
/*      background-color: #e9e9e9;*/
  }
  div#toc_container {
    background: #f2faff;
    border: 1px solid #0073be;
    width: 82%;
}
div#toc_container p.toc_title {
    color: #0073be;
}
div#toc_container p.toc_title a:hover, div#toc_container ul.toc_list a:hover {
    color: #0073be;
}
div#toc_container p.toc_title a:hover, div#toc_container ul.toc_list a:hover {
    color: #0073be;
}

        img.spimg{
        display: none;
    }
.dg ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both
}
.dg.ac {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    z-index: 0
}
.dg:not(.ac) .main {
    overflow: hidden
}
.dg.main {
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear
}
.dg.main.taller-than-window {
    overflow-y: auto
}
.dg.main.taller-than-window .close-button {
    opacity: 1;
    margin-top: -1px;
    border-top: 1px solid #2c2c2c
}
.dg.main ul.closed .close-button {
    opacity: 1 !important
}
.dg.main:hover .close-button, .dg.main .close-button.drag {
    opacity: 1
}
.dg.main .close-button {
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    border: 0;
    line-height: 19px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    background-color: #000
}
.dg.main .close-button.close-top {
    position: relative
}
.dg.main .close-button.close-bottom {
    position: absolute
}
.dg.main .close-button:hover {
    background-color: #111
}
.dg.a {
    float: right;
    margin-right: 15px;
    overflow-y: visible
}
.dg.a.has-save>ul.close-top {
    margin-top: 0
}
.dg.a.has-save>ul.close-bottom {
    margin-top: 27px
}
.dg.a.has-save>ul.closed {
    margin-top: 0
}
.dg.a .save-row {
    top: 0;
    z-index: 1002
}
.dg.a .save-row.close-top {
    position: relative
}
.dg.a .save-row.close-bottom {
    position: fixed
}
.dg li {
    -webkit-transition: height .1s ease-out;
    -o-transition: height .1s ease-out;
    -moz-transition: height .1s ease-out;
    transition: height .1s ease-out;
    -webkit-transition: overflow .1s linear;
    -o-transition: overflow .1s linear;
    -moz-transition: overflow .1s linear;
    transition: overflow .1s linear
}
.dg li:not(.folder) {
    cursor: auto;
    height: 27px;
    line-height: 27px;
    padding: 0 4px 0 5px
}
.dg li.folder {
    padding: 0;
    border-left: 4px solid rgba(0,0,0,0)
}
.dg li.title {
    cursor: pointer;
    margin-left: -4px
}
.dg .closed li:not(.title), .dg .closed ul li, .dg .closed ul li>* {
    height: 0;
    overflow: hidden;
    border: 0
}
.dg .cr {
    clear: both;
    padding-left: 3px;
    height: 27px;
    overflow: hidden
}
.dg .property-name {
    cursor: default;
    float: left;
    clear: left;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis
}
.dg .c {
    float: left;
    width: 60%;
    position: relative
}
.dg .c input[type=text] {
    border: 0;
    margin-top: 4px;
    padding: 3px;
    width: 100%;
    float: right
}
.dg .has-slider input[type=text] {
    width: 30%;
    margin-left: 0
}
.dg .slider {
    float: left;
    width: 66%;
    margin-left: -5px;
    margin-right: 0;
    height: 19px;
    margin-top: 4px
}
.dg .slider-fg {
    height: 100%
}
.dg .c input[type=checkbox] {
    margin-top: 7px
}
.dg .c select {
    margin-top: 5px
}
.dg .cr.function, .dg .cr.function .property-name, .dg .cr.function *, .dg .cr.boolean, .dg .cr.boolean * {
    cursor: pointer
}
.dg .cr.color {
    overflow: visible
}
.dg .selector {
    display: none;
    position: absolute;
    margin-left: -9px;
    margin-top: 23px;
    z-index: 10
}
.dg .c:hover .selector, .dg .selector.drag {
    display: block
}
.dg li.save-row {
    padding: 0
}
.dg li.save-row .button {
    display: inline-block;
    padding: 0px 6px
}
.dg.dialogue {
    background-color: #222;
    width: 460px;
    padding: 15px;
    font-size: 13px;
    line-height: 15px
}
#dg-new-constructor {
    padding: 10px;
    color: #222;
    font-family: Monaco, monospace;
    font-size: 10px;
    border: 0;
    resize: none;
    box-shadow: inset 1px 1px 1px #888;
    word-wrap: break-word;
    margin: 12px 0;
    display: block;
    width: 440px;
    overflow-y: scroll;
    height: 100px;
    position: relative
}
#dg-local-explain {
    display: none;
    font-size: 11px;
    line-height: 17px;
    border-radius: 3px;
    background-color: #333;
    padding: 8px;
    margin-top: 10px
}
#dg-local-explain code {
    font-size: 10px
}
#dat-gui-save-locally {
    display: none
}
.dg {
    color: #eee;
    font: 11px 'Lucida Grande', sans-serif;
    text-shadow: 0 -1px 0 #111
}
.dg.main::-webkit-scrollbar {
width:5px;
background:#1a1a1a
}
.dg.main::-webkit-scrollbar-corner {
height:0;
display:none
}
.dg.main::-webkit-scrollbar-thumb {
border-radius:5px;
background:#676767
}
.dg li:not(.folder) {
    background: #1a1a1a;
    border-bottom: 1px solid #2c2c2c
}
.dg li.save-row {
    line-height: 25px;
    background: #dad5cb;
    border: 0
}
.dg li.save-row select {
    margin-left: 5px;
    width: 108px
}
.dg li.save-row .button {
    margin-left: 5px;
    margin-top: 1px;
    border-radius: 2px;
    font-size: 9px;
    line-height: 7px;
    padding: 4px 4px 5px 4px;
    background: #c5bdad;
    color: #fff;
    text-shadow: 0 1px 0 #b0a58f;
    box-shadow: 0 -1px 0 #b0a58f;
    cursor: pointer
}
.dg li.save-row .button.gears {
    background: #c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;
    height: 7px;
    width: 8px
}
.dg li.save-row .button:hover {
    background-color: #bab19e;
    box-shadow: 0 -1px 0 #b0a58f
}
.dg li.folder {
    border-bottom: 0
}
.dg li.title {
    padding-left: 16px;
    background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,0.2)
}
.dg .closed li.title {
    background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)
}
.dg .cr.boolean {
    border-left: 3px solid #806787
}
.dg .cr.color {
    border-left: 3px solid
}
.dg .cr.function {
    border-left: 3px solid #e61d5f
}
.dg .cr.number {
    border-left: 3px solid #2FA1D6
}
.dg .cr.number input[type=text] {
    color: #2FA1D6
}
.dg .cr.string {
    border-left: 3px solid #1ed36f
}
.dg .cr.string input[type=text] {
    color: #1ed36f
}
.dg .cr.function:hover, .dg .cr.boolean:hover {
    background: #111
}
.dg .c input[type=text] {
    background: #303030;
    outline: none
}
.dg .c input[type=text]:hover {
    background: #3c3c3c
}
.dg .c input[type=text]:focus {
    background: #494949;
    color: #fff
}
.dg .c .slider {
    background: #303030;
    cursor: ew-resize
}
.dg .c .slider-fg {
    background: #2FA1D6;
    max-width: 100%
}
.dg .c .slider:hover {
    background: #3c3c3c
}
.dg .c .slider:hover .slider-fg {
    background: #44abda
}
.dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}
  ul.onepoint{
      display: inline-block;
      padding-right: 10px;
      border:1px solid rgba(255,200,200,0.8);
  }
  ul.onepoint li{

  }
  span.markpoint{
      text-decoration:underline;
  }

  .base_button_list_item a svg{
    width:24px;
    fill:rgb(29, 161, 242);
  }

  .base_button_list_item a.panel_button_disabled svg{
      opacity: 0.3;
      pointer-events: none;

  }
  ul.compcase  {
      margin: 0px;
      display: flex;
      padding: 0px;
      grid-gap: 20px;
      grid-auto-columns:  minmax(auto, 120px);
      grid-auto-flow: column;
  }
  ul.compcase li img{
			max-width: 120px;
			width: 100%;
  }
  @media (max-width:500px) {
	  ul.compcase {
		  grid-template-columns: 1fr 1fr;
		  grid-auto-flow: dense;
	  }
	  ul.compcase li img{
	      max-width: 120px;
	      width: 90%;
	  }
  }
  hr.shadowline {
    border-top: 1px solid #E6E9ED;
  }
    .content_sec2 {
  padding-bottom:0px;
  padding-top:0px;
}
.content_sec2 h2 {
    text-align: center;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: auto;
    color: #11053b;
}
.navilist {
}
.navilist {
  margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
}
.navilist li{
  display:inline-block;
  width:calc((100% - 40px) / 3);
  text-align:center;
 margin:5px;
}
.navilist li h3{
  font-size:1.2rem;
}
.navilist li img {
 width:100%;
 height:auto;
}
.navilist li section{
 border:rgba(33,33,33,0.3) 1px solid;
 background: var(--content-whitecolor);
 border-radius:30px;
}
    .office_img{float: left; margin: 0 20px 0 0;}
.office_add{float: left; margin: 0;}
.office_add a{padding: 10px 0; display: block; border-radius: 10px; background:#c8dcf0; color: #11053b; text-align: center; margin: 15px 0 0 0; width:200px; }
.access_con{ border: 1px solid #c8dcf0; border-collapse: collapse; width: 100%; margin:0; line-height: 1.4rem}
.access_con .access_title{width:100%; color: #11053b; text-align: center; font-weight: 400; font-size: 1rem; line-height: 2rem; background:#c8dcf0; padding: 10px;  margin: 0; }
.access_detail{padding: 30px;}
.acl{float: left; width:10%; margin: 0 0 20px 0;}
.acr{float: left; width:90%; margin: 0 0 20px 0;}
.access_con iframe{width: 100%;}

@media (max-width:800px) {
.navilist li h3{
  font-size:1rem;
}
}
@media (max-width:480px) {
.navilist li{
  display:block;
  width:95%;
  margin-left:auto;
  margin-right:auto;
}

}
.content_sec{
 padding:0px;
 background: var(--content-blackcolor);
 margin-top: -10px;
}
.content_sec2{
  margin-top: -20px;
 padding:0px;
 background: var(--content-blackcolor);
 padding-bottom:  10px;
}
.content_sec2 h2{
  padding-top:10px;
 color: var(--content-blackfontcolor);
}
.content_sec2 table td{
 padding:10px;
 background: var(--content-whitecolor);
}
.content_sec4 {
  margin-top: -24px;
  padding: 0px;
  background: var(--content-blackcolor);
  padding-bottom:  10px;
}

@media (max-width:800px) {
.content_sec4 {
/*  margin-top: -10px;*/
}
}
.content_sec4 h3{
  padding-top:10px;
 color: var(--content-blackfontcolor);
}
.access_detail {
  background: #faf9f5;

}
.content_saiyou_top {
 padding:0px;
 margin-top: -10px;
 background-color: var(--content-blackcolor);
}
.content_saiyou_top .saiyou_box  {
  background-color: transparent;
  border: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
}
.content_saiyou_top .saiyou_box h3 {
/*  background-color: var(--content-whitecolor)*/
 text-weight:normal;
/* color: var(--content-whitefontcolor)*/
}
.content_saiyou_top h3 {
 color: var(--content-blackfontcolor)
}


.content_saiyou_top .saiyou_box h4 {
    font-size: 1.2rem;
}

.saiyou_step01,.saiyou_step02,.saiyou_step03,.saiyou_step04 {

    color:#fff;
}

.black section.white  h3 p.title {
  color:var(--content-whitefontcolor);
}

.black section.white  {
  background-color:var(--content-whitecolor);
}

ul.compcase li img {
  background: white;
}
ul.p-function-list li span{
  color: black;
}
section#casestd img{
  background: white;

}
div.caseStd__content{
  color: black;
}
@media (prefers-color-scheme: dark) {
	.flowul > li dl dt {
		color: white;
	}
}
/* メニューアイテムのホバースタイル */
.menu_prog_base:hover ul.mpuu,
.menu_prog_base:focus-within ul.mpuu	{
  display: block; /* 下層メニューを表示 */
}
/* メニューアイテムのホバースタイル */
.menu_prog_base2:hover ul.mpuu,
.menu_prog_base2:focus-within ul.mpuu	{
  display: block; /* 下層メニューを表示 */
}
	.highlight {
		background:  linear-gradient(transparent 50%, yellow 50%);
		font-weight: bold;
		padding: 5px;
	}
/* @media (prefers-color-scheme: dark) {
  .highlight {
    background: linear-gradient(transparent 50%, rgba(80, 80, 0, 0.5) 50%);
 }
} */
html body{

  background: #fff;
}
#header a.btn.btn-purple{
  border-radius: 10px;
}
#header a.btn.btn-purple.btn-login{
  color: #333 !important;
}
#header a.btn.btn-purple.btn-login:hover{
	color: #333 !important;
	border: 2px solid #2A3275 !important;
}
#header a.btn.btn-purple.btn-login:active{
	color: #333 !important;
	border: 2px solid #2A3275 !important;
}
#header #globalnav {
    /* justify-content: space-between; */
    justify-content: space-around;
}
body div.pb-0 {
    background: var(--ui-background-05);
    color: #3333;
}
#header #mobilenav ul.mn-programs li.gn-pg-menu {
     display: list-item;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid #515151;
    line-height: 1.125;
    margin-bottom: 0;
}
#header #mobilenav ul.mn-programs li.gn-pg-menu a {
     display: block;
    position: relative;
}
#header #mobilenav ul.mn-programs li.gn-pg-menu a.menulink::after {
  font: normal normal normal 18px / 1 FontAwesome;
  content: "\f067";
     display: block;
    position: absolute;
    right: 10px;
    top: 0px;
}
#header #mobilenav ul.mn-programs li.gn-pg-menu.opened a.menulink::after {
  content: "\f068";
}
#header #mobilenav ul.mn-programs li.gn-pg-menu ul.gn-pg-submenu{
     display: none;
}
#header #mobilenav ul.mn-programs li.gn-pg-menu ul.gn-pg-submenu li:last-child{
     border-bottom: none;
}

#header #mobilenav ul.mn-programs li.gn-programs{
font-size: 1.5rem;
}
:root {
  --main-menu-backcolor:rgba(255,255,255,1.0);/*#1d649b;*/
  --main-menu-fontcolor: rgba(33,33,33,1.0);
  --main-foot-backcolor:rgba(100,100,100,1.0);/*#f4ede3;*/
  --main-foot-fontcolor:#ffffff;/* rgba(255,255,255,1.0);*/
  --main-fontcolor:#333;
  --main-header-label-fontcolor:#11053b;
  --spade-bgwhitecolor:#ffffff;
  --spade-bgblackcolor:rgba(100,100,100,1.0);/*#f4ede3;*/
  --spade-fontwhitecolor:rgba(33,33,33,0.8);
  --spade-fontblackcolor:#ffffff;
  --content-whitecolor:#ffffff;
  --content-blackcolor:rgba(100,100,100,1.0);
  --content-whitefontcolor:rgba(33,33,33,1.0);
  --content-blackfontcolor:#ffffff;
  --content-whitebordercolor:rgba(66,66,66,0.8);
  --content-blackbordercolor:rgba(180,180,180,0.5);
  --trialbtn-color:#f5e94e;
  --spade-tonecolor:#2CA6E0;
}
          .presscontent{
	display: inline-block;
 width:100%;
	max-width:1680px;
/*    width: calc(100% - 480px); */
/*	width: calc((100% / 2 ) - 100px);*/
    vertical-align: top;
	border-radius: 15px;
/*	border: 1px solid rgba(200,200,200,0.5);
    box-shadow: 7px 7px 6px 0px rgb(0 0 0 / 60%);*/
	margin-left:10px;
	margin-right:10px;
	padding:15px;
	overflow:hidden;
	/*height:320px;*/
/*	float:right;*/
}
.presscontent h2{
	text-align:center;
	    color: var(--main-fontcolor);
/*	color:#1d649b;*/
}
          .presscontent ul{
	margin:0px;
	padding:0px;
	display:grid;
/*	grid-auto-rows: max-content;*/
                grid-auto-rows: minmax(100px, auto);
    grid-auto-flow: column;
    grid-gap: 22px;
   grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
	    overflow: hidden;
}
.presscontent ul li{
	list-style:none;
	font-size:1.2em;
	border: var(--content-whitebordercolor) 1px solid;
    display: list-item;
    height: 100%;
	padding-bottom: 15px;
}
.presscontent ul li img{
	width: 100%;
}
section.black .presscontent ul li{
	border: var(--content-blackbordercolor) 1px solid;
}
.presscontent ul li a {
	    color: var(--main-fontcolor);
/*	color:#1d649b; */
}
.presscontent ul li a:hover {
	    color: var(--main-fontcolor);
/*	color:#1d649b; */
}
.presscontent ul li a p{
/*	width:100%;*/
	font-size:10px;
	text-align:left;
	/*text-wrap:nowrap;
	white-space:nowrap;
	overflow:hidden;*/
	text-overflow:ellipsis;
	font-size:1rem;
	padding-left: 15px;
	padding-right: 15px;
}
          .hotwordcontent.presscontent{

          }
          .hotwordcontent.presscontent h2{
              font-size: 1.5em;
              padding: 0px;
              margin: 0px;
          }
            .hotwordcontent.presscontent ul{
              list-style: none;
            display: flex;
                column-gap: 25px;
          }
           .hotwordcontent.presscontent ul li{
                  display: list-item;
            height: 80px;

          }
          .p-function-list-item-link {
    border: 3px solid #004B88;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    color: #004B88;
    position: relative;
    font-size: 15px;
    background-color: white;
}
          .p-function-list-item-link::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #FF8A3D transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
          .presscontent ul li {
    list-style: none;
    font-size: 1.2em;
    border: var(--content-whitebordercolor) 1px solid;
    padding-bottom: 15px;
}

.p-function-list-item {
    width: 100%;
    height: 80px;
    border: none !important;
}
           section.casestady h3{
               text-align: center;
          }
          section.content-tech h3{
               text-align: center;
          }
          section.casestady{
              padding-top: 0px ;
              padding-bottom: 0px ;
          }
          section.content-tech{
                            padding-top: 0px ;
              padding-bottom: 0px ;
          }
          section.license{
                            padding-top: 0px ;
              padding-bottom: 0px ;
          }
          section{
                            padding-top: 0px ;
              padding-bottom: 0px ;
          }
          #contents {
              padding-top: calc(1rem + 65px);
          }
          .section.section__vision {
               padding-top: 0px;
          }
          #demo h4 {
            font-size: 1.0em;
          }
				  table.diff{

                  }
				  table.diff tr{
					color: black;
                    background-color: white;
                  }
                  table.diff tr th{
                    background-color: #156082;
                    color: white;
                  }
                  table.diff tr .own{
                    background-color: #FBE3D6;
                    color: black;
                  }
                  table.diff tr:nth-child(odd){
                    background-color: #D9D9D9;
                    color: black;
                  }
                  table.diff .dspPC{
                    display: table-cell;
                  }

                  table.diff .dspMB{
                    display: none;
                  }
                  @media (max-width: 550px) {
                    table.diff{
                      font-size: 0.8rem;
                    }
                  table.diff .dspMB{
                    display: table-cell;
                  }
                  table.diff .dspPC{
                    display: none;
                  }
                }
                div.bgcontainer{
                  background:transparent;
                }
            body.topsite  div.topcontainer{
                  display: grid;
                  /* height: 80px; */
                  align-items: end                            ;
                  background: transparent;
                  width: 60%;
                }
                div.maincontainer{
                  display: grid;
                  grid-template-columns: 180px 1fr;
                  grid-gap: 25px;
                  gap: 25px;
                  background: transparent;
                }
                div.maincontainer div.sidemenu{
                  grid-column: 1;
                  position: relative;
                }
                div.maincontainer div.sidemenu aside{
                  position: -webkit-sticky; /* safari用 */
                  position: sticky;
                  /* border: 1px solid rgba(240,240,240,0.4);
                  background: rgba(240,240,240,0.4); */
                  border: 1px solid rgba(240,240,240,0.4);
                  border-left: 0px solid rgba(180,180,180,0.8);
                  border-right: 0px solid rgba(180,180,180,0.8);
                  background:transparent;
                }
/*                @media (prefers-color-scheme: dark) {
                div.maincontainer div.sidemenu aside{
                  border: 1px solid rgba(33,33,33,0.2);
                  background: rgba(33,33,33,0.2);
                }
                }*/
                div.maincontainer div.sidemenu ul{
                  margin-left: 0px;
                  padding-left: 0px;
                  font-size: small;
                }
                div.maincontainer div.sidemenu ul ul{
                  margin-top: 0px;
                  padding-top: 0px;
                  margin-left: 0px;
                  padding-left: 0px;
                  font-size: small;
                }


                div.maincontainer div.mainarea{
                  grid-column: 2;
                }
                @media (prefers-color-scheme: dark) {
    section.section__vision {
         background: inherit !important;
        color: inherit !important;
        background: var(--ui-background-05) !important  ;

    }
}

@media (max-width:800px) {
  div.maincontainer{
    grid-template-columns: 1fr;
  }
  div.maincontainer div.sidemenu{
    position: static;
    display: none;
  }
  div.maincontainer div.mainarea{
    grid-column: 1;
  }
}
section.section__vision {
     background: inherit !important;
    color: inherit !important;
    background: var(--ui-background-05) !important  ;

}
body #header #globalnav > li > a {
  font-weight:normal;
}
body.topsite   div.topcontainer h1 {
  font-family: "Impact bold","HP Impact",Impact , sans-serif;
  font-weight: normal;
  color: #8B8680;
  font-feauture-settings:pwid;
  font-kerning:none;
  margin-top: 2vh;
  margin-bottom: 2vh;
  font-size: 1.2rem;
  line-height: 2.2rem;
  text-align: left;
}
@media (max-width:800px) {
  div.topcontainer h1 {
  font-size: 1.2rem;
  line-height: 2.2rem;
}
}
div.bgcontainer img {
  width: 100%;
}
div.iconcontainer{
  width: 55%;

}
div.iconcontainer {
  position: relative;
}

div.iconcontainer h4{
position: absolute;
left: -80px;
top: 20px;
}
@media (max-width: 650px) {
  div.topcontainer{
    width: 90%;
  }
  div.topcontainer h1 {
  font-size: 1.2rem;
  line-height: 2.2rem;
}
  div.iconcontainer{
    width: 85%;
  }

  div.iconcontainer h4{
  position: static;
  left: inherit;
  top: inherit;
  }
}

div.container ul.compcase  {
    grid-gap: 20px 20px;
}
div.container ul.compcase li {
    width: 90px;
}
div.container ul.compcase li.bigicon {
    width: 120px;
}
div.container ul.compcase li.bigicon2 {
    width: 150px;
    max-width: inherit;
}
div.container ul.compcase li.bigicon2 img{
    max-width: inherit;
}
ul.prarea{
display: grid;
gap: 40px;
align-items: stretch;
justify-content: space-around;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 99;
    padding-left: 0px;
}
@media (max-width: 650px) {
  ul.prarea{
    width: 90%;
    gap: 20px 0px ;
  }
}
ul.prarea li {
  display: grid;
  grid-template-rows: 70px 2rem 1fr 2rem;
  margin: 0px;
  border: 1px solid rgba(220,220,220,0.6);
  border-radius: 10px;
  background-color: var(--ui-background-05);
  padding: 20px;
}
ul.prarea li img{
  height: 50px;
  padding: 5px;
  width: auto;
  grid-row: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  object-fit: contain;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.prarea li h2{
  grid-row: 2;
}
ul.prarea li p{
  flex-grow: 1;
  grid-row: 3;
  font-size: 0.9rem;
}
ul.prarea li a{
  grid-row: 4;
  font-size: 0.9rem;
}
@media (max-width:800px) {
  ul.prarea{
  grid-template-columns: 1fr;
}
}
section.prcontainer{
  padding-top: 1vh;
  padding-bottom: 1vh;
  position: relative;
}

section.topbgcontainer{
  height:  1vh;
  width: 100%;
  background-color: #e1e7ff;
}

section.prbgcontainer{
  position: absolute;
  height: calc(250px + 1vh);
  width: 100%;
  top:0px;
  /* background-color: #f1f7ff; */
  background-color: #e1e7ff;
 z-index: 10;
}
footer#footer{
  background: url(../../img/panel/background_footer.png);
  background-size: cover;
  height: 400px;
}
footer#footer nav{
  align-items: start;
  color: black;
}

footer#footer ul li{
  line-height: 2rem;
}
footer#footer ul li.logo{
  line-height: 4rem;
}
footer#footer ul li.privacy{
  line-height: 5rem;
  text-align: left;
}
footer#footer ul li.logo img.logo{
  width: 100%;
  max-width: 150px;
  text-align: left;
}
footer#footer ul li.contact{
 text-align: left;
}
footer#footer ul li a.linkarea{
  background-color: #fff;
  color: black;
  border: 1px solid #2A3275;
  border-radius: 10px;
  font-weight: 500;
font-size: 0.9375rem;
line-height: 1.75;
padding: 10px 18px;
 text-align: center;
}
footer#footer div.container div.col-md-6 ul.footernav.lastnav
 {
     margin-left: inherit;
    margin-right: auto;
    display: block;

}
div.aem-container div#title-component h1.jet-title-v2-line  {
  font-family: SST W20 Ultra Light, SST Japanese W55 UltraLight, Arial, Helvetica Neue, Meiryo, Hiragino Kaku Gothic ProN, sans-serif !important;
  font-size:4rem !important;
  font-weight: normal;
  line-height: 6rem  !important;
}
@media (max-width: 650px) {
  div.aem-container div#title-component h1.jet-title-v2-line  {
    font-size:2rem !important;
    line-height: 3rem  !important;
  }
}
.jet-image-container .cmp-image__image {
  background-color:  white !important;
  border-radius: inherit !important;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
}
@media (max-width: 650px) {
  .text-size-large  >.jet-text , .aem-container > div >  .jet-title-v2,.aem-container > div >  .jet-text {
      padding-right: 10px;
      padding-left: 10px;
  }
  .jet-card-v2-advanced-content
{
  padding:var(--spacing-03)
}
}