@charset "utf-8";

.btn-trial{ background: linear-gradient(135deg, #F13F79, #FFC778); padding: 1em 2em; border-radius: 10rem; color:#fff; border: unset;}
.btn-trial:hover{ background: linear-gradient(135deg, #ea2d6b, #edb260); color:#fff;}

.header-nav__item--prod > a:after {
  left: 0;
  width: 100%;
}

a.accordion-toggle:after {
    font-family: 'bootstrap-icons';  
    content: "\F282";
    float: left; 
}
a.accordion-toggle.collapsed::after {
    content: "\F286"; 
}



.area-ttl {
    text-align: center;
    background: url(/itrust/img/598231488w.jpg) no-repeat center 60%;
    background-size: cover;
}

.area-ttl__ttl {
  color: #37404a;
  text-shadow: 0px 0px 5px #ccc;
  background: url(/itrust/img/itrust-icon.png) no-repeat 50% 0;
  background-size: auto 36px;
}

.area-ttl__ttl a {
  color: inherit;;
}

.area-ttl__ttl a:hover {
  text-decoration: none;
}


.itrust-jumbotron {
  background:url(/itrust/img/642031390.jpg) center 50% no-repeat;
  background-size: cover;
  color:#fff;
  margin-bottom:0;
  padding: 3em 0 3em;
  min-height:480px;
  display:flex;
  align-items:center;
}


.itrust-jumbotron h5{
text-shadow:
    #111 2px 0px 0px, black -2px 0px 0px,
    #111 0px -2px 0px, black 0px 2px 0px,
    #111 2px 2px 0px, black -2px 2px 0px,
    #111 2px -2px 0px, black -2px -2px 0px,
    #111 1px 2px 0px, black -1px 2px 0px,
    #111 1px -2px 0px, black -1px -2px 0px,
    #111 2px 1px 0px, black -2px 1px 0px,
    #111 2px -1px 0px, black -2px -1px 0px,
    #111 1px 1px 0px, black -1px 1px 0px,
    #111 1px -1px 0px, black -1px -1px 0px;
}

.itrust-jumbotron h1{
text-shadow:
    #111 2px 0px 0px, black -2px 0px 0px,
    #111 0px -2px 0px, black 0px 2px 0px,
    #111 2px 2px 0px, black -2px 2px 0px,
    #111 2px -2px 0px, black -2px -2px 0px,
    #111 1px 2px 0px, black -1px 2px 0px,
    #111 1px -2px 0px, black -1px -2px 0px,
    #111 2px 1px 0px, black -2px 1px 0px,
    #111 2px -1px 0px, black -2px -1px 0px,
    #111 1px 1px 0px, black -1px 1px 0px,
    #111 1px -1px 0px, black -1px -1px 0px;
}


.itrust-contact {
  background: url(/itrust/img/518204864.jpg) no-repeat center top !important;
  background-size:cover !important;
  background-attachment:fixed !important;
}


.contact-area {
  border-radius:6px;
  background-color:rgba(240,240,240,0.7);
  padding:1em;
  margin:1em 0;
}

.eidas{
  background-color:#001b43;
  background: url(/itrust/img/506815126.jpg) no-repeat left 50%;
  background-size:cover;
  /* background-attachment:fixed; */
  padding-top:3em;
  padding-bottom:2em;
  color:#fff;
  text-shadow: 0px 0px 5px #222;
}

.eidas-description{
  background-color:rgb(0,0,0,0.3);
  backdrop-filter: blur(6px);
  padding:1em;
}

.irs_trial {
  background-color:#CFD8DC;
}

.irs_trial_textarea{
  padding:2em;
  color:#37474F;
}

.irs_trial_imagearea{
  background: url(/itrust/img/953811526.jpg) no-repeat 50% !important;
  background-size:cover !important;
  height:300px;
}


.ids_trial {
  background-color:#CFD8DC;
}

.ids_trial_textarea{
  padding:2em;
  color:#37474F;
}

.ids_trial_imagearea{
  background: url(/itrust/img/953811526.jpg) no-repeat 50% !important;
  background-size:cover !important;
  height:300px;
}

.ids-usecase{  background: url(/identification/img/479794406bg.jpg) no-repeat 50% !important;
  background-size:cover !important;}


/*
.card-deck .card {
    margin-right: 10px;
    margin-left: 10px;
}
*/

/*gridのgutter調整*/
.row-0{
    margin-left:0px;
    margin-right:0px;
}
.row-0 > div{
        padding-right:0px;
        padding-left:0px;
}

.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
.row-10 > div{
        padding-right:5px;
        padding-left:5px;
}
.row-20{
    margin-left:-10px;
    margin-right:-10px;
}
.row-20 > div{
        padding-right:10px;
        padding-left:10px;
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
}
.row-30 > div{
        padding-right:15px;
        padding-left:15px;
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
}
.row-40 > div{
        padding-right:20px;
        padding-left:20px;
}

.card-body-padding075{padding: 0.75rem;}



.bg-moss{background-color:#818938;}
.text-moss{color:#818938;}

.bg-gold{background-color:#b18f25;}
.text-gold{color:#b18f25;}

.bg-bisque{background-color:#91440f;}
.text-bisque{color:#91440f;}

.bg-graphite{background-color:#37404a;}
.text-graphite{color:#37404a;}



.ids-card{height:8rem;}
@media only screen and (max-width: 767px) {
.ids-card{height:6rem;}
}

.icon{margin-top:6px;padding:.66667rem;border-radius:.35rem;background:#689f38;text-align:center;display:inline-block;color:#fff;font-size:2rem;line-height:1;min-width:53px}

.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;border:1px solid #dee2e6;background-color:#fff}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{font-size:90%;color:#828a91}

.registration-flow {
  display: flex;
  justify-content: space-between;
  max-width: 830px;
  margin: 0 auto 50px;
  background: url("/identification/img/flow-01.png") no-repeat 50% 40px;
  background-size: 728px auto;
}

.registration-flow-item {
  width: 22.89156626506024%;
}

.registration-flow-item i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  margin: 0 auto 15px;
  border: 1px solid #007bff;
  border-radius: 100%;
  color: #007bff;
  font-size: 32px;
  font-style: normal;
  background: #fff;
}

.registration-flow-item .btn {
  font-size: 15px;
}

.js-action-layout-block-wrapper h3.is-close,
.js-action-layout-block-wrapper h3.is-open {
  position: relative;
  cursor: pointer;
}

.js-action-layout-block-wrapper h3.is-close:after {
  content: "\f055";
  margin-left: 20px;
  font-family: FontAwesome;
}

.js-action-layout-block-wrapper h3.is-open:after {
  content: "\f056";
  margin-left: 20px;
  font-family: FontAwesome;
}

@media only screen and (max-width: 767px) {
  .registration-flow {
    flex-wrap: wrap;
    margin: 0;
    background: none;
  }

  .registration-flow-item {
    width: 48%;
    margin: 0 0 15px;
  }

  .registration-flow-item i {
    width: 50px;
    height: 50px;
    margin: 0 auto 10px;
    font-size: 26px;
  }
  
  .registration-flow-item .btn {
    font-size: 12px;
  }
}

/*
----------------------------------------------------------- */
/* order
----------------------------------------------------------- */
.input-individual,
.input-same,
.input-hsm,
.input-usb {
  display: none;
}

.table .fa-question-circle-o {
  cursor: pointer;
}

h3 .hint,
.table .hint {
  display: none;
  position: absolute;
  top: 40px;
  left: 80px;
  width: 400px;
  padding: 15px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  z-index: 100;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .table th.w-25,
  .table td.w-25 {
    width: auto !important;
  }
  
  .table .hint {
    right: 0;
    left: 0;
    width: auto;
  }
}

.mobile-block th{width:20%;}
@media only screen and (max-width: 640px){
  .mobile-block th{display:block;width:100%;}
}

.headconversion{
  max-width:360px;
  background: linear-gradient(45deg, rgba(255,255,255,0.5) 0%, rgba(240,246,255,0.66) 33%, rgba(255,255,255,0.5) 100%);
  box-shadow: 0 8px 32px 0 rgb(31 38 135 / 50%);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 5px solid #ffd444;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left:auto; margin-right:0;
}
@media only screen and (max-width: 500px) { .headconversion{margin-left:auto; margin-right:auto;} }


/*----------------------------------------------------------- 
本人確認 課題と解決
----------------------------------------------------------- */

.agenda-category {
    position: relative;
    margin: 0 0 50px;
}

.agenda-category h3 {
    margin-bottom: 1rem;
    padding: 15px 20px;
    border: none;
    color: #04558e;
    font-size: 20px;
    font-weight: bold;
    background: #b5d8ec;
}

.agenda-qa-q {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 25px 15px;
    border-radius: 5px;
    background: #e0ecd5;
}

.agenda-qa-a {
    position: relative;
    margin: 0 0 10px;
    padding: 25px 15px;
    border-radius: 5px;
    background: #f9eaa9;
}
.agenda-qa-q i { color: #598d29;}
.agenda-qa-a i { color: #ff6a00;}


.agenda-qa-a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 10px 0;
    border-color: transparent #f9eaa9 transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 767px){
  .agenda-qa-a:before {
    top: -10px;
    left: 50%;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #f9eaa9 transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.ids-head{ background: #eaf4fd; color:#085890; border: 2px solid #085890; padding: 0.65rem; border-radius: 3rem; text-align:center; display:block;}
.ids-head-white{ background: #fff; color:#085890; border:2px solid #085890; padding: 0.65rem; border-radius: 3rem; text-align:center; display:block;}