@charset "UTF-8";

.mod-formRadio {
  height: 80px !important;
  min-height: 80px;
}

.cmp-selectOption {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.cmp-selectOption .simulation-step{
  border-bottom: 1px solid #707070;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}

.cmp-selectOption .mod-txtTitleNum > .num {
  background-color: #eb5505;
}

.cmp-selectOption .grid-listRadio {
  display: flex;
  flex-flow: wrap;
}

.error-simulationBox > .lead {
  color: #e00000;
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.btn-displaySimulation {
  text-align: center;
  margin-top: 5rem;
}

.btn-displaySimulation > .btn {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  max-width: 470px;
  color: #fff;
  font-size: 1.4rem;
  background-color: #0a68c2;
  border-radius: 20px;
}

@media only screen and (min-width: 767px) {
  .cmp-selectOption .grid-listRadio > li,
  .cmp-selectOption .grid-listRadio > li > .mod-formRadio {
    max-width: none;
  }

  .cmp-selectOption .grid-listRadio > li {
    margin-right: 0;
  }

  .cmp-selectOption .grid-listRadio[data-wide-col="2"],
  .cmp-selectOption .grid-listRadio[data-wide-col="3"],
  .cmp-selectOption .grid-listRadio[data-wide-col="4"] {
    margin-left: -2%;
  }
  .cmp-selectOption .grid-listRadio[data-wide-col="2"] > li,
  .cmp-selectOption .grid-listRadio[data-wide-col="3"] > li,
  .cmp-selectOption .grid-listRadio[data-wide-col="4"] > li {
    min-width: 250px;
    width: auto;
    margin-left: 2%;
  }

  .error-simulationBox > .lead {
    font-size: 1.8rem;
  }

  .btn-displaySimulation > .btn:hover,
  .btn-displaySimulation > .btn:focus {
    background-color: #2187eb;
  }
}

.bts-double {
  border-top-style: double!important;
  border-top-width: initial!important;
}
.bc-gray {
  border-color: #999999!important;
}
.bgc-gray1 {
  background-color: #cccccc!important;
}
.bgc-gray2 {
  background-color: #929294!important;
}
.bgc-gray3 {
  background-color: #f0f1f3!important;
}
.c-white {
  color: #fff!important;
}
.fz-n{
  font-size: 1.4rem!important;
}

/* AB {{{ */
body[data-pattern="test"] .test-hide,
.test-show{
  display: none!important;
}
body[data-pattern="test"] .test-show{
  display: block!important;
}

body[data-pattern="test"] .str-cvcontent{
  background-color: #eb5505;
}
body[data-pattern="test"] .str-cvcontent .box-cv{
  height: auto;
}
body[data-pattern="test"] .str-cvcontent .box-cv p{
  margin-bottom: 0;
}
body[data-pattern="test"] .str-cvcontent .box-cv .mod-txtSize{
  font-size: 3.6rem;
  font-weight: bold;
}
body[data-pattern="test"] .str-cvcontent .box-cv .tel img{
  vertical-align: baseline;
  padding-right: 1rem;
}
body[data-pattern="test"] .str-cvcontent .cta .js-toggleBtn span::after,
body[data-pattern="test"] .str-cvcontent .cta .mod-boxToggle .title,
body[data-pattern="test"] .str-cvcontent .cta .mod-boxToggle{
  background-color: transparent;
}
body[data-pattern="test"] .str-cvcontent .cta .js-toggleContent{
  background-color: white;
  color: black;
}

@media only screen and (max-width: 767px){
  body[data-pattern="test"] .str-cvcontent .box-cv .mod-txtSize img{
    max-width: 36px;
    height: auto;
  }
  body[data-pattern="test"] .str-cvcontent .box-cv .mod-txtSize{
    font-size: 2.4rem;
  }
}
/* }}} */

.mod-tab [aria-hidden="true"]{
  display: none;
}

.mod-tab [aria-hidden="false"]{
  display: initial;
}

.mod-tab .is-current a:focus,
.mod-tab .is-current a,
.mod-tab a:focus,
.mod-tab a{
  text-decoration: none;
}

.mod-box.fail {
  background-color: #fff8ec;
}