@charset "UTF-8";
/*--------------------------------------------------------------
  doco-car
--------------------------------------------------------------*/
/* line 3, ../../sass/pages/_doco-car.scss */
.doco-car {
  line-height: 1.75;
}
/* line 6, ../../sass/pages/_doco-car.scss */
.doco-car h2.top-level {
  color: #1c1c1c;
  font-size: 300%;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
}
/* line 14, ../../sass/pages/_doco-car.scss */
.doco-car h2.top-level:after {
  content: "";
  display: block;
  width: 20%;
  height: 0;
  border-bottom: 2px solid #c31731;
  margin: 0.3em auto 0;
}
/* line 26, ../../sass/pages/_doco-car.scss */
.doco-car .service .box {
  display: block;
  margin-bottom: 2em;
  border: 2px solid #01377f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 32, ../../sass/pages/_doco-car.scss */
.doco-car .service .box span {
  display: block;
}
/* line 36, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .title {
  color: #333;
  padding: 1em;
  letter-spacing: 0.05em;
}
/* line 41, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .title .term {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 0.2em;
}
/* line 47, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .title .description {
  font-size: 90%;
  line-height: 1.6;
  min-height: 3.2em;
}
/* line 54, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .image {
  text-align: center;
  margin-bottom: 1em;
}
/* line 58, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .image img {
  width: 75%;
  max-width: 100%;
}
/* line 64, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .name {
  background-color: #01377f;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: 1.2em 1em;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  position: relative;
}
/* line 73, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .name b {
  font-size: 90%;
}
/* line 77, ../../sass/pages/_doco-car.scss */
.doco-car .service .box .name:after {
  content: "\e822";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: 50%;
  line-height: 1.4;
  margin-top: -0.5em;
}
/* line 88, ../../sass/pages/_doco-car.scss */
.doco-car .service .box:hover {
  text-decoration: none;
  border-color: #c31731;
}
/* line 92, ../../sass/pages/_doco-car.scss */
.doco-car .service .box:hover .name {
  background-color: #c31731;
}
/* line 98, ../../sass/pages/_doco-car.scss */
.doco-car .service .miffy {
  border-color: #42632e;
}
/* line 101, ../../sass/pages/_doco-car.scss */
.doco-car .service .miffy .miffy-image {
  text-align: center;
  padding: 0 1em;
  margin-bottom: 1em;
}
/* line 107, ../../sass/pages/_doco-car.scss */
.doco-car .service .miffy .name {
  background-color: #42632e;
}
/* line 111, ../../sass/pages/_doco-car.scss */
.doco-car .service .miffy:hover {
  border-color: #ffbf1f;
}
/* line 114, ../../sass/pages/_doco-car.scss */
.doco-car .service .miffy:hover .name {
  background-color: #ffbf1f;
}
/* line 124, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box {
  display: block;
  text-align: center;
  padding: 1.5em 1em 2em;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
}
/* line 132, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box:hover {
  color: #fff;
  text-decoration: none;
}
/* line 137, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box .h3 {
  display: block;
  font-size: 100%;
}
/* line 142, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box .icon, .doco-car .reasons .box .icon-unique {
  display: block;
  font-size: 50%;
  text-align: center;
}
/* line 148, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box .icon {
  margin-top: 4em;
}
/* line 151, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box .icon .fa-expert {
  top: -0.35em;
}
/* line 152, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box .icon .fa-science {
  font-size: 11em;
}
/* line 156, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box01 {
  border: 1px solid #d8d8d8;
  color: #da4453;
}
/* line 159, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box01:hover {
  background-color: #da4453;
}
/* line 162, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box02 {
  color: #f6bb42;
}
/* line 164, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box02:hover {
  background-color: #f6bb42;
}
/* line 167, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box03 {
  color: #8cc152;
}
/* line 169, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box03:hover {
  background-color: #8cc152;
}
/* line 172, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box04 {
  color: #3bafda;
  padding: 1.5em 1em;
}
/* line 175, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box04:hover {
  background-color: #3bafda;
}
/* line 178, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box05 {
  color: #01377f;
}
/* line 180, ../../sass/pages/_doco-car.scss */
.doco-car .reasons .box05:hover {
  background-color: #01377f;
}
/* line 186, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box {
  display: block;
  background-color: #fff;
  color: #333;
  letter-spacing: 0.05em;
  padding: 1.5em 2em 2em;
  margin-bottom: 2em;
  border-top: 8px solid #01377f;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  position: relative;
}
/* line 197, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company {
  display: block;
}
/* line 200, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .logo {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
/* line 206, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .name {
  display: block;
  color: #01377f;
  font-weight: bold;
  vertical-align: middle;
  margin-bottom: 0.5em;
}
/* line 213, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .name span {
  display: inline-block;
}
/* line 218, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .comment {
  display: block;
  font-size: 80%;
  font-weight: bold;
  text-align: justify;
  padding: 0 0.5em;
  vertical-align: middle;
  position: relative;
}
/* line 227, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .comment:before {
  content: "「";
  color: #666;
  position: absolute;
  top: 0;
  left: -1em;
}
/* line 235, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .company .comment:after {
  content: "」";
  color: #666;
}
/* line 242, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service {
  display: block;
  margin-top: 1.5em;
  position: relative;
}
/* line 247, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service:before {
  content: "";
  display: block;
  height: 1px;
  background-color: #01377f;
  margin-bottom: 1.5em;
}
/* line 255, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service:after {
  content: "導入サービス";
  display: inline-block;
  background-color: #fff;
  color: #01377f;
  font-size: 60%;
  font-weight: bold;
  padding: 0 1em;
  margin-left: -4em;
  position: absolute;
  top: -0.5em;
  left: 50%;
}
/* line 269, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service .logo {
  display: block;
  font-weight: bold;
  text-align: center;
}
/* line 274, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service .logo img {
  max-width: 120px;
}
/* line 278, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box .service .logo b {
  font-size: 90%;
}
/* line 284, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box:hover {
  text-decoration: none;
  border-color: #c31731;
}
/* line 289, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box:hover .company .name {
  color: #c31731;
}
/* line 290, ../../sass/pages/_doco-car.scss */
.doco-car .cstudy .box:hover .company .comment {
  color: #777;
}
/* line 296, ../../sass/pages/_doco-car.scss */
.doco-car .top-news {
  width: 100%;
  font-size: 90%;
  overflow-y: scroll;
  border: 3px solid #fbdfe3;
}
/* line 302, ../../sass/pages/_doco-car.scss */
.doco-car .top-news .common-txt-link {
  padding-left: 1.2em;
}
/* line 306, ../../sass/pages/_doco-car.scss */
.doco-car .top-news .common-pdf-link {
  padding-left: 1.2em;
  position: relative;
}
/* line 310, ../../sass/pages/_doco-car.scss */
.doco-car .top-news .common-pdf-link:before {
  content: "\e88d";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c31731;
  position: absolute;
  left: 0;
}
/* line 323, ../../sass/pages/_doco-car.scss */
.doco-car .top-news .new .common-date:before {
  content: "NEW!";
  background-color: #c31731;
  color: #fff;
  font-size: 60%;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  padding: 0.2em 0.9em 0.2em 1.2em;
  margin-right: 1em;
  position: relative;
  top: -0.25em;
}
.doco-car .top-reasons a {
  color: #23527c;
  text-decoration: none;
}
.doco-car .top-reasons a:hover {
  color: #337ab7;
  text-decoration: none;
}
@media (max-width: 767px) {
  /* line 348, ../../sass/pages/_doco-car.scss */
  .doco-car h2.top-level {
    font-size: 200%;
    line-height: 1.5;
  }
  /* line 355, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box {
    font-size: 129%;
    margin-bottom: 1.55em;
  }
  /* line 359, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box .icon {
    margin-top: 2.5em;
    margin-bottom: 0 !important;
  }
  /* line 363, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box .icon-unique {
    margin-bottom: -2em !important;
  }
  /* line 369, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news {
    height: 19em;
    padding: 0.8em 1em;
  }
  /* line 387, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news .new .common-date:before {
    content: "NEW!";
    background-color: #c31731;
    color: #fff;
    font-size: 60%;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    padding: 0.2em 0.9em 0.2em 1.2em;
    margin-right: 1em;
    position: relative;
    top: -0.25em;
  }
}
@media (min-width: 768px) {
  /* line 412, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons {
    display: table;
    border-collapse: separate;
    border-spacing: 1em 0;
    margin-right: -1em;
    margin-left: -1em;
    margin-bottom: 2em;
  }
  /* line 420, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
  }
  /* line 427, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news {
    width: 100%;
    height: 12em;
    font-size: 90%;
    overflow-y: scroll;
    border: 3px solid #fbdfe3;
    padding: 0.8em 1em;
  }
  /* line 435, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news .common-date {
    width: 10em;
    float: left;
    text-align: right;
  }
  /* line 441, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news .common-txt-link {
    margin-left: 11em;
  }
  /* line 445, ../../sass/pages/_doco-car.scss */
  .doco-car .top-news .common-pdf-link {
    margin-left: 11em;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 470, ../../sass/pages/_doco-car.scss */
  .doco-car .service .miffy .miffy-image {
    height: 158px;
    padding: 0 1em;
    margin-bottom: 1em;
  }
  /* line 479, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box {
    font-size: 80%;
    padding: 2em 1em 2.5em;
  }
  /* line 483, ../../sass/pages/_doco-car.scss */
  .doco-car .reasons .box .h3 {
    font-size: 125%;
  }
  /* line 494, ../../sass/pages/_doco-car.scss */
  .doco-car .cstudy .box .company .comment {
    height: 4.8em;
  }
}
@media (min-width: 992px) {
  /* line 507, ../../sass/pages/_doco-car.scss */
  .doco-car .service .miffy .miffy-image {
    height: 137px;
    padding: 0 1em;
    margin-bottom: 1em;
  }
  /* line 519, ../../sass/pages/_doco-car.scss */
  .doco-car .cstudy .box .company .name {
    height: 3.2em;
  }
  /* line 520, ../../sass/pages/_doco-car.scss */
  .doco-car .cstudy .box .company .comment {
    height: 8em;
  }
}
/*--------------------------------------------------------------
  service
--------------------------------------------------------------*/
/* line 3, ../../sass/pages/_service.scss */
.service {
  line-height: 1.75;
}
/* line 6, ../../sass/pages/_service.scss */
.service h2 {
  color: #1c1c1c;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.5em;
}
/* line 14, ../../sass/pages/_service.scss */
.service h2:after {
  content: "";
  display: block;
  width: 25%;
  height: 0;
  border-bottom: 2px solid #c31731;
  margin: 0.5em auto 0;
}
/* line 25, ../../sass/pages/_service.scss */
.service .bg-aqua h2 {
  color: #fff;
}
/* line 28, ../../sass/pages/_service.scss */
.service .bg-aqua h2:after {
  border-bottom-color: #ffce54;
}
/* line 34, ../../sass/pages/_service.scss */
.service .first-paragraph {
  font-size: 110%;
  font-weight: bold;
  text-align: justify;
  letter-spacing: 0.05em;
}
/* line 41, ../../sass/pages/_service.scss */
.service .heading-row {
  background-color: #01377f;
  color: #fff;
  padding: 2em 0;
}
/* line 46, ../../sass/pages/_service.scss */
.service .heading-row .heading {
  margin-bottom: 0;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* line 52, ../../sass/pages/_service.scss */
.service .heading-row .heading p {
  margin-bottom: 0;
}
/* line 56, ../../sass/pages/_service.scss */
.service .heading-row .heading .label {
  display: block;
  font-size: 100%;
  white-space: normal;
}
/* line 61, ../../sass/pages/_service.scss */
.service .heading-row .heading .label li {
  background-color: #fff;
  color: #01377f;
  font-size: 90%;
  line-height: 1;
  white-space: nowrap;
  padding: 0.5em 0.8em;
  margin: 0 8px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 75, ../../sass/pages/_service.scss */
.service .heading-row .help-block {
  color: #d8d8d8;
  margin: 0;
}
/* line 83, ../../sass/pages/_service.scss */
.service .advantage-list .box {
  display: block;
  background-color: #fff;
  width: 100%;
  padding: 2em;
  text-align: right;
  border-top-width: 8px;
  border-top-style: solid;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  position: relative;
}
/* line 94, ../../sass/pages/_service.scss */
.service .advantage-list .box:hover {
  text-decoration: none;
}
/* line 98, ../../sass/pages/_service.scss */
.service .advantage-list .box .inner-box {
  display: table-cell;
  color: #333;
  text-align: left;
  vertical-align: middle;
}
/* line 104, ../../sass/pages/_service.scss */
.service .advantage-list .box .inner-box .title {
  display: block;
  font-size: 129%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* line 110, ../../sass/pages/_service.scss */
.service .advantage-list .box .inner-box .title span {
  display: inline-block;
}
/* line 114, ../../sass/pages/_service.scss */
.service .advantage-list .box .inner-box .description {
  display: block;
  font-size: 86%;
  text-align: justify;
  margin-top: 1em;
}
/* line 122, ../../sass/pages/_service.scss */
.service .advantage-list .box .btn {
  font-size: 90%;
  margin-top: 0.75em;
  border: 2px solid #ccc;
  border-radius: 0;
}
/* line 130, ../../sass/pages/_service.scss */
.service .advantage-list .box01 {
  border-top-color: #da4453;
}
/* line 133, ../../sass/pages/_service.scss */
.service .advantage-list .box01 .btn {
  border-color: #da4453;
  color: #da4453;
}
/* line 138, ../../sass/pages/_service.scss */
.service .advantage-list .box01:hover {
  border-top-color: #ed5565;
}
/* line 140, ../../sass/pages/_service.scss */
.service .advantage-list .box01:hover .inner-box .title {
  color: #da4453;
}
/* line 142, ../../sass/pages/_service.scss */
.service .advantage-list .box01:hover .btn {
  background-color: #ed5565;
  border-color: #ed5565;
  color: #fff;
}
/* line 150, ../../sass/pages/_service.scss */
.service .advantage-list .box02 {
  border-top-color: #f6bb42;
}
/* line 153, ../../sass/pages/_service.scss */
.service .advantage-list .box02 .btn {
  border-color: #f6bb42;
  color: #f6bb42;
}
/* line 155, ../../sass/pages/_service.scss */
.service .advantage-list .box02:hover {
  border-top-color: #ffce54;
}
/* line 157, ../../sass/pages/_service.scss */
.service .advantage-list .box02:hover .inner-box .title {
  color: #f6bb42;
}
/* line 158, ../../sass/pages/_service.scss */
.service .advantage-list .box02:hover .btn {
  background-color: #ffce54;
  border-color: #ffce54;
  color: #fff;
}
/* line 166, ../../sass/pages/_service.scss */
.service .advantage-list .box03 {
  border-top-color: #3bafda;
}
/* line 169, ../../sass/pages/_service.scss */
.service .advantage-list .box03 .btn {
  border-color: #3bafda;
  color: #3bafda;
}
/* line 171, ../../sass/pages/_service.scss */
.service .advantage-list .box03:hover {
  border-top-color: #4fc1e9;
}
/* line 173, ../../sass/pages/_service.scss */
.service .advantage-list .box03:hover .inner-box .title {
  color: #3bafda;
}
/* line 174, ../../sass/pages/_service.scss */
.service .advantage-list .box03:hover .btn {
  background-color: #4fc1e9;
  border-color: #4fc1e9;
  color: #fff;
}
/* line 187, ../../sass/pages/_service.scss */
.service .outline .inline li {
  margin: 0 0.5em;
}
/* line 189, ../../sass/pages/_service.scss */
.service .outline .inline i {
  font-size: 200%;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.4em;
}
/* line 198, ../../sass/pages/_service.scss */
.service .triangle {
  position: relative;
  z-index: 1;
}
/* line 202, ../../sass/pages/_service.scss */
.service .triangle:after {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/common/triangle-trs-wht.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 100%;
  z-index: 2;
}
/* line 216, ../../sass/pages/_service.scss */
.service .trouble {
  display: table;
  position: relative;
  margin-bottom: 80px;
}
/* line 221, ../../sass/pages/_service.scss */
.service .trouble .inner {
  display: table-cell;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  behavior: url("/test/docomo-sys/css/PIE.htc");
  position: relative;
}
/* line 232, ../../sass/pages/_service.scss */
.service .trouble .image {
  width: 90px;
  height: 120px;
  margin-left: -45px;
  position: absolute;
  bottom: -80px;
  left: 50%;
}
/* line 242, ../../sass/pages/_service.scss */
.service .number-title {
  display: table;
  margin: 0 auto;
}
/* line 246, ../../sass/pages/_service.scss */
.service .number-title .number {
  display: table-cell;
  font-weight: 600;
  line-height: 0.9;
  padding-right: 0.2em;
}
/* line 253, ../../sass/pages/_service.scss */
.service .number-title .title {
  display: table-cell;
  margin-bottom: 0;
}
/* line 261, ../../sass/pages/_service.scss */
.service .easiness .well {
  background-color: #fff;
  color: #333;
}
/* line 265, ../../sass/pages/_service.scss */
.service .easiness .well .icon {
  color: #01377f;
  font-size: 600%;
  line-height: 1;
  text-align: center;
  margin-bottom: 0.25em;
}
/* line 273, ../../sass/pages/_service.scss */
.service .easiness .well dl {
  margin-bottom: 0;
}
/* line 276, ../../sass/pages/_service.scss */
.service .easiness .well dl dt {
  font-size: 150%;
  margin-bottom: 0.5em;
}
/* line 281, ../../sass/pages/_service.scss */
.service .easiness .well dl dd {
  margin-bottom: 0;
}
/* line 290, ../../sass/pages/_service.scss */
.service .simple-price dl {
  display: table;
  width: 100%;
  padding: 0 1em;
}
/* line 295, ../../sass/pages/_service.scss */
.service .simple-price dl dt {
  display: table-cell;
  vertical-align: middle;
  padding-right: 1em;
}
/* line 300, ../../sass/pages/_service.scss */
.service .simple-price dl dt i {
  display: inline-block;
  width: 1.5em;
  color: #01377f;
  font-size: 250%;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  padding-right: 10px;
}
/* line 312, ../../sass/pages/_service.scss */
.service .simple-price dl dd {
  display: table-cell;
  color: #01377f;
  font-size: 125%;
  font-weight: bold;
  text-align: right;
  vertical-align: middle;
}
/* line 320, ../../sass/pages/_service.scss */
.service .simple-price dl dd strong {
  padding-right: 0.1em;
}
/* line 331, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel {
  position: relative;
  margin-bottom: 3em;
  box-shadow: none;
}
/* line 336, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading {
  font-size: 150%;
  text-align: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
/* line 341, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading .icon {
  display: inline-block;
  line-height: 1;
  padding: 0 1em;
  vertical-align: middle;
}
/* line 347, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading .icon i {
  font-size: 240%;
}
/* line 350, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading .icon i:first-child {
  letter-spacing: 0.25em;
}
/* line 356, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading:after {
  content: "\e80f";
  display: inline-block;
  font: normal normal normal 90% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  position: absolute;
  color: #3d6dae;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
}
/* line 368, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading.active {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}
/* line 371, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-heading.active:after {
  content: "\e845";
  right: 1.1em;
}
/* line 377, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .panel-body {
  padding: 2em;
}
/* line 381, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel .closed {
  display: none;
}
/* line 385, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .panel:after {
  content: "";
  height: 0;
  width: 0;
  border: solid transparent;
  border-top-color: #01377f;
  border-width: 1.25em;
  margin-left: -1.25em;
  position: absolute;
  top: 100%;
  left: 50%;
}
/* line 401, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .last:after {
  display: none;
}
/* line 406, ../../sass/pages/_service.scss */
.service .flow [class^="col-"] .notes {
  background-color: whitesmoke;
  color: #666;
  font-size: 90%;
  padding: 2.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 415, ../../sass/pages/_service.scss */
.service .flow .contactBlock {
  background-color: transparent;
}
/* line 422, ../../sass/pages/_service.scss */
.service .specs h3 {
  padding: 0 15px;
}
/* line 428, ../../sass/pages/_service.scss */
.service .specs .specs-list li {
  margin: 0;
}
/* line 431, ../../sass/pages/_service.scss */
.service .specs .specs-list li a {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0.5em;
}
/* line 436, ../../sass/pages/_service.scss */
.service .specs .specs-list li a:after {
  content: "\e88d";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c31731;
  line-height: 1;
  margin-left: 0.5em;
}
/* line 444, ../../sass/pages/_service.scss */
.service .specs .specs-list li a:hover {
  text-decoration: underline;
}
/* line 451, ../../sass/pages/_service.scss */
.service .specs .specs-list li:last-of-type a {
  margin-bottom: 0;
}
/* line 459, ../../sass/pages/_service.scss */
.service .specs .specs-list > li:before {
  content: "■";
  color: #333;
  padding-right: 0.5em;
}
/* line 465, ../../sass/pages/_service.scss */
.service .specs .specs-list > li > ul {
  margin: 0 0 0.5em 1em;
}
/* line 470, ../../sass/pages/_service.scss */
.service .specs .specs-list > li > ul > li:before {
  content: "ー";
  color: #333;
  padding-right: 0.5em;
}
/* line 480, ../../sass/pages/_service.scss */
.service .specs .specs-panel {
  padding: 0 15px;
  transition: 0.5s;
}
/* line 484, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title {
  background-color: whitesmoke;
  position: relative;
}
/* line 488, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title h3 {
  padding: 0.8em 1.6em;
  margin-bottom: 0;
}
/* line 493, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title .toggle {
  cursor: pointer;
}
/* line 496, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title .toggle:hover {
  background-color: #01377f;
  color: #fff;
}
/* line 501, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title .toggle:after {
  content: "\e846";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  margin-left: 0.5em;
}
/* line 509, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title .pdf {
  background-color: #c31731;
  color: #fff;
  font-size: 129%;
  line-height: 1.5;
  padding: 0.8em 1em;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 519, ../../sass/pages/_service.scss */
.service .specs .specs-panel .title .pdf:hover {
  background-color: #e62744;
}
/* line 525, ../../sass/pages/_service.scss */
.service .specs .specs-panel .content {
  display: none;
  background-color: #fff;
  padding: 3em;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
/* line 531, ../../sass/pages/_service.scss */
.service .specs .specs-panel .content .table-responsive {
  box-shadow: none;
}
/* line 535, ../../sass/pages/_service.scss */
.service .specs .specs-panel .content .lineup-box {
  padding: 2em;
  border: 1px solid #d8d8d8;
}
/* line 539, ../../sass/pages/_service.scss */
.service .specs .specs-panel .content .lineup-box li {
  padding: 0.25em 0;
  margin-bottom: 0;
}
/* line 545, ../../sass/pages/_service.scss */
.service .specs .specs-panel .content ul.remarks {
  font-size: 90%;
  color: inherit;
}
/* line 552, ../../sass/pages/_service.scss */
.service .specs .specs-panel.active {
  padding: 0;
}
/* line 555, ../../sass/pages/_service.scss */
.service .specs .specs-panel.active .title {
  background-color: #01377f;
  color: #fff;
}
/* line 559, ../../sass/pages/_service.scss */
.service .specs .specs-panel.active .title .toggle:after {
  content: "\e845";
}
/* line 566, ../../sass/pages/_service.scss */
.service .backtoTop {
  margin-bottom: 5em;
}
/* line 570, ../../sass/pages/_service.scss */
.service .icon-unique {
  white-space: nowrap;
  margin: 0;
  position: relative;
}
/* line 575, ../../sass/pages/_service.scss */
.service .icon-unique i {
  line-height: 1;
}
/* line 578, ../../sass/pages/_service.scss */
.service .icon-unique .icon01 {
  font-size: 18em;
}
/* line 581, ../../sass/pages/_service.scss */
.service .icon-unique .icon02 {
  font-size: 10em;
  width: 1em;
  margin-left: -0.5em;
  position: absolute;
  left: 50%;
  bottom: 9.5%;
}

/* line 592, ../../sass/pages/_service.scss */
.move {
  letter-spacing: 0.05em;
}
/* line 596, ../../sass/pages/_service.scss */
.move .overlay .ribbon {
  background-color: #01377f;
  color: #fff;
  height: 3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 3em;
  letter-spacing: 0.05em;
  position: relative;
  padding: 0 0.5em 0 1.5em;
  margin: 0 1.5em 1em 0;
  text-decoration: none;
  white-space: nowrap;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
/* line 611, ../../sass/pages/_service.scss */
.move .overlay .ribbon:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -1.5em;
  border-color: transparent transparent transparent #01377f;
  border-style: solid;
  border-width: 1.5em 0 1.5em 1.5em;
}
/* line 628, ../../sass/pages/_service.scss */
.move .advantage .panel .panel-footer {
  text-align: right;
}
/* line 633, ../../sass/pages/_service.scss */
.move .advantage h3.blue-line {
  font-size: 150%;
  padding-left: 0.6em;
}
/* line 640, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .label {
  display: inline-block;
  background-color: #01377f;
  font-size: 100%;
  padding: 1em 1.5em;
  margin-right: 0.5em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
/* line 652, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .row .unique {
  position: relative;
  box-shadow: none;
}
/* line 656, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .row .unique dl {
  margin-bottom: 0;
}
/* line 660, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .row .unique .icon {
  font-size: 800%;
  line-height: 1;
}
/* line 666, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .row .image:after {
  display: none;
}
/* line 672, ../../sass/pages/_service.scss */
.move .advantage #advantage03 .row .last:after {
  display: none;
}
/* line 684, ../../sass/pages/_service.scss */
.move .lineup ul li {
  margin-bottom: 1.5em;
}
/* line 689, ../../sass/pages/_service.scss */
.move .lineup ul li h4 i {
  font-size: 150%;
  line-height: 1;
  color: #01377f;
  vertical-align: middle;
  padding-right: 0.25em;
}
/* line 697, ../../sass/pages/_service.scss */
.move .lineup ul li h4 span {
  vertical-align: middle;
}
/* line 706, ../../sass/pages/_service.scss */
.move .lineup .icon i {
  color: #01377f;
  line-height: 1;
  vertical-align: middle;
}

/* line 721, ../../sass/pages/_service.scss */
.safety .three-steps ul li {
  background-color: #fff;
}
/* line 724, ../../sass/pages/_service.scss */
.safety .three-steps ul li .number {
  text-align: center;
}
/* line 727, ../../sass/pages/_service.scss */
.safety .three-steps ul li .number .circle {
  background-color: #01377f;
  width: 2em;
  height: 2em;
  color: #fff;
  font-size: 225%;
  font-weight: bold;
  line-height: 2em;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}
/* line 743, ../../sass/pages/_service.scss */
.safety .three-steps ul li dl {
  margin-bottom: 0;
}
/* line 746, ../../sass/pages/_service.scss */
.safety .three-steps ul li dl dt {
  font-size: 150%;
  margin-bottom: 0.5em;
}
/* line 750, ../../sass/pages/_service.scss */
.safety .three-steps ul li dl dt span {
  display: inline-block;
}
/* line 754, ../../sass/pages/_service.scss */
.safety .three-steps ul li dl dt strong {
  font-size: 150%;
  line-height: 1.4;
}
/* line 760, ../../sass/pages/_service.scss */
.safety .three-steps ul li dl dd {
  font-size: 90%;
  text-align: justify;
}
/* line 766, ../../sass/pages/_service.scss */
.safety .three-steps ul li .icon {
  text-align: center;
}
/* line 769, ../../sass/pages/_service.scss */
.safety .three-steps ul li .icon i {
  font-size: 1000%;
  line-height: 1;
}
/* line 775, ../../sass/pages/_service.scss */
.safety .three-steps ul li .image {
  text-align: center;
}
/* line 780, ../../sass/pages/_service.scss */
.safety .three-steps ul .step1 {
  border-color: #da4453;
}
/* line 783, ../../sass/pages/_service.scss */
.safety .three-steps ul .step1 .number .circle {
  background-color: #da4453;
}
/* line 784, ../../sass/pages/_service.scss */
.safety .three-steps ul .step1 .icon {
  color: #da4453;
}
/* line 787, ../../sass/pages/_service.scss */
.safety .three-steps ul .step2 {
  border-color: #f6bb42;
}
/* line 790, ../../sass/pages/_service.scss */
.safety .three-steps ul .step2 .number .circle {
  background-color: #f6bb42;
}
/* line 791, ../../sass/pages/_service.scss */
.safety .three-steps ul .step2 .icon {
  color: #f6bb42;
}
/* line 794, ../../sass/pages/_service.scss */
.safety .three-steps ul .step3 {
  border-color: #3bafda;
}
/* line 797, ../../sass/pages/_service.scss */
.safety .three-steps ul .step3 .number .circle {
  background-color: #3bafda;
}
/* line 798, ../../sass/pages/_service.scss */
.safety .three-steps ul .step3 .icon {
  color: #3bafda;
}
/* line 805, ../../sass/pages/_service.scss */
.safety .benefits .panel {
  background-color: #f2f2f2;
}
/* line 808, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-heading {
  color: #fff;
  white-space: nowrap;
}
/* line 813, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body {
  padding: 2em 3em 0;
}
/* line 816, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .title {
  background-color: #d8d8d8;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
/* line 824, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .title span {
  color: #01377f;
  font-size: 129%;
  line-height: 1.4;
  vertical-align: middle;
}
/* line 830, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .title span strong {
  font-size: 129%;
}
/* line 836, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result {
  font-size: 129%;
  text-align: center;
  letter-spacing: 0;
  padding: 1em 1em 1em 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 844, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result span {
  font-size: 129%;
  font-weight: bold;
  line-height: 1;
}
/* line 849, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result span strong {
  font-size: 150%;
}
/* line 854, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result:before {
  content: "";
  height: 0;
  width: 0;
  border: 0.6em solid transparent;
  margin-left: -0.6em;
  position: absolute;
  top: 100%;
  left: 50%;
}
/* line 866, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result.up, .safety .benefits .panel .panel-body .result.down {
  position: relative;
}
/* line 869, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .result.up:after, .safety .benefits .panel .panel-body .result.down:after {
  display: inline-block;
  font: normal normal normal 500% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  right: -0.25em;
  bottom: 0.1em;
}
/* line 879, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .up {
  background: #fbdfe3;
  color: #c31731;
  border: 2px solid #c31731;
}
/* line 884, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .up:before {
  border-top: 0.6em solid #c31731;
}
/* line 885, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .up:after {
  color: #c31731;
  content: "\e831";
}
/* line 888, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .down {
  background: #ebf3ff;
  color: #01377f;
  border: 2px solid #01377f;
}
/* line 893, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .down:before {
  border-top: 0.6em solid #01377f;
}
/* line 894, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .down:after {
  color: #01377f;
  content: "\e82f";
}
/* line 897, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .image {
  text-align: center;
}
/* line 901, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-body .supplement {
  font-size: smaller;
  font-weight: bold;
  text-align: center;
}
/* line 908, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-footer {
  background-color: #fff;
  padding: 2em 3em;
  position: relative;
}
/* line 913, ../../sass/pages/_service.scss */
.safety .benefits .panel .panel-footer .voice {
  background-color: #fff;
  font-size: smaller;
  font-weight: bold;
}
/* line 927, ../../sass/pages/_service.scss */
.alcoholcheck .advantage h3 {
  font-size: 150%;
}
/* line 930, ../../sass/pages/_service.scss */
.alcoholcheck .highlight {
  background-color: #fbdfe3;
  color: #c31731;
  font-weight: bold;
}
/* line 936, ../../sass/pages/_service.scss */
.alcoholcheck .attention {
  padding: 0 2em 1em;
  border: 2px solid #333;
}
/* line 940, ../../sass/pages/_service.scss */
.alcoholcheck .attention h4 {
  display: table;
  background-color: #f5f5f5;
  padding: 0 1em;
}
/* line 945, ../../sass/pages/_service.scss */
.alcoholcheck .attention h4 i {
  display: table-cell;
  font-weight: 600;
  line-height: 1;
  padding-right: 0.2em;
  vertical-align: middle;
}
/* line 952, ../../sass/pages/_service.scss */
.alcoholcheck .attention h4 i:before {
  position: relative;
  top: -0.1em;
}
/* line 958, ../../sass/pages/_service.scss */
.alcoholcheck .attention h4 span {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
/* line 967, ../../sass/pages/_service.scss */
.alcoholcheck .attention li p {
  background-color: #fce3e6;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 1em 0;
  border: 2px solid #da4453;
}
/* line 974, ../../sass/pages/_service.scss */
.alcoholcheck .attention li p:before {
  content: "\e859";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #da4453;
  vertical-align: middle;
  margin-right: 0.25em;
}

/* line 990, ../../sass/pages/_service.scss */
.delivery .issue .well {
  background-color: whitesmoke;
  padding: 1em 1.5em;
}
/* line 994, ../../sass/pages/_service.scss */
.delivery .issue .well p {
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* line 1001, ../../sass/pages/_service.scss */
.delivery .solve {
  background-color: #01377f;
  color: #fff;
  font-size: 129%;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1em;
}
/* line 1010, ../../sass/pages/_service.scss */
.delivery .solve p {
  display: inline-block;
  white-space: nowrap;
}
/* line 1014, ../../sass/pages/_service.scss */
.delivery .solve p strong {
  font-size: 150%;
  line-height: 1.4;
}
/* line 1023, ../../sass/pages/_service.scss */
.delivery .result .well {
  background-color: #01377f;
  color: #fff;
  font-size: 129%;
  padding: 1em;
  text-align: center;
}
/* line 1030, ../../sass/pages/_service.scss */
.delivery .result .well p {
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* line 1039, ../../sass/pages/_service.scss */
.delivery .advantage .panel {
  margin-bottom: 0;
}
/* line 1042, ../../sass/pages/_service.scss */
.delivery .advantage .panel .panel-body {
  padding: 1.5em 2em;
}
/* line 1048, ../../sass/pages/_service.scss */
.delivery .problem {
  margin-bottom: 0;
}
/* line 1051, ../../sass/pages/_service.scss */
.delivery .problem dt {
  margin-bottom: 0.5em;
}
/* line 1055, ../../sass/pages/_service.scss */
.delivery .problem dd {
  padding-left: 1.5em;
  margin-bottom: 0;
  position: relative;
}
/* line 1060, ../../sass/pages/_service.scss */
.delivery .problem dd:before {
  content: "\e87e";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  color: #c31731;
}

/* line 1075, ../../sass/pages/_service.scss */
.busnavi .merit .panel-body {
  padding: 1.5em 2em;
  margin-bottom: 0;
}
/* line 1081, ../../sass/pages/_service.scss */
.busnavi .merit .panel-body .light-table-sm .icon {
  text-align: center;
}
/* line 1084, ../../sass/pages/_service.scss */
.busnavi .merit .panel-body .light-table-sm .icon i {
  color: #01377f;
  font-size: 500%;
  line-height: 1.4;
}
/* line 1103, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(1) .box {
  border-top: 8px solid #f6bb42;
}
/* line 1105, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(1) .box .btn {
  border-color: #f6bb42;
  color: #f6bb42;
}
/* line 1107, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(1) .box:hover {
  border-top-color: #ffce54;
}
/* line 1109, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(1) .box:hover .inner-box .title {
  color: #f6bb42;
}
/* line 1110, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(1) .box:hover .btn {
  background-color: #ffce54;
  border-color: #ffce54;
  color: #fff;
}
/* line 1119, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(2) .box {
  border-top: 8px solid #3bafda;
}
/* line 1121, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(2) .box .btn {
  border-color: #3bafda;
  color: #3bafda;
}
/* line 1123, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(2) .box:hover {
  border-top-color: #4fc1e9;
}
/* line 1125, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(2) .box:hover .inner-box .title {
  color: #3bafda;
}
/* line 1126, ../../sass/pages/_service.scss */
.busnavi .advantage .advantage-list [class^="col-"] [class^="col-"]:nth-child(2) .box:hover .btn {
  background-color: #4fc1e9;
  border-color: #4fc1e9;
  color: #fff;
}
/* line 1140, ../../sass/pages/_service.scss */
.busnavi .advantage .unique .panel {
  margin-bottom: 0;
}
/* line 1146, ../../sass/pages/_service.scss */
.busnavi .advantage .unique .kindergarten .col {
  margin-bottom: 0;
}
/* line 1149, ../../sass/pages/_service.scss */
.busnavi .advantage .unique .kindergarten .col dt span {
  display: inline-block;
}
/* line 1152, ../../sass/pages/_service.scss */
.busnavi .advantage .unique .kindergarten .btn {
  background-color: #42632e;
  color: #fff;
  font-size: 90%;
}
/* line 1157, ../../sass/pages/_service.scss */
.busnavi .advantage .unique .kindergarten .btn:hover {
  background-color: #ffbf1f;
}
/* line 1164, ../../sass/pages/_service.scss */
.busnavi .advantage .callout {
  display: inline-block;
  background: #fff;
  width: 100%;
  max-width: 12em;
  color: #01377f;
  font-size: 129%;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1.5em;
  margin-bottom: 1em;
  border: 4px solid #01377f;
  position: relative;
  z-index: 0;
}
/* line 199, ../../sass/_mixins.scss */
.busnavi .advantage .callout:after {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  margin-left: 0;
  border-style: solid;
  border-width: 15px 0 0 20px;
  border-color: #01377f transparent transparent transparent;
  position: absolute;
  right: -4px;
  bottom: -15px;
  z-index: -1;
}
/* line 214, ../../sass/_mixins.scss */
.busnavi .advantage .callout span {
  display: inline-block;
  text-align: left;
}
/* line 1168, ../../sass/pages/_service.scss */
.busnavi .advantage .sub-title {
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 0.05em;
}
/* line 1179, ../../sass/pages/_service.scss */
.busnavi #advantage02 + .advantage .catch i {
  line-height: 1;
  vertical-align: middle;
}
/* line 1184, ../../sass/pages/_service.scss */
.busnavi #advantage02 + .advantage .catch .fa-lightbulb {
  color: #f6bb42;
  font-size: 225%;
  padding-right: 0.25em;
}
/* line 1190, ../../sass/pages/_service.scss */
.busnavi #advantage02 + .advantage .catch .fa-up-hand {
  color: #3bafda;
  font-size: 200%;
  padding-right: 0.3em;
}
/* line 1198, ../../sass/pages/_service.scss */
.busnavi .easiness .well dl dd {
  font-size: 80%;
}

@media (max-width: 767px) {
  /* line 1212, ../../sass/pages/_service.scss */
  .move .overlay [class^="col-"]:last-child p {
    padding: 0 2em;
  }
  /* line 1225, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  /* line 1229, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique:after {
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    border-top-color: #01377f;
    border-width: 15px;
    margin-left: -15px;
    position: absolute;
    top: 100%;
    left: 50%;
  }
  /* line 1242, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique:first-child {
    padding-bottom: 18px;
    margin-bottom: 30px;
  }
  /* line 1250, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .image .panel:after {
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    border-top-color: #01377f;
    border-width: 15px;
    margin-left: -15px;
    position: absolute;
    top: 100%;
    left: 50%;
  }
  /* line 1264, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .last {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  /* line 1274, ../../sass/pages/_service.scss */
  .move .advantage ul.light-table-sm li {
    display: inline-block;
  }
  /* line 1282, ../../sass/pages/_service.scss */
  .move .lineup .icon {
    margin-bottom: 2em;
  }

  /* line 1294, ../../sass/pages/_service.scss */
  .safety .three-steps ul li {
    padding: 2em;
    margin-bottom: 2em;
    border-width: 0 0 8px 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }
  /* line 1300, ../../sass/pages/_service.scss */
  .safety .three-steps ul li .number {
    margin-bottom: 1em;
  }
  /* line 1304, ../../sass/pages/_service.scss */
  .safety .three-steps ul li dl {
    margin-bottom: 1em;
  }
  /* line 1307, ../../sass/pages/_service.scss */
  .safety .three-steps ul li dl dt {
    text-align: center;
  }
  /* line 1313, ../../sass/pages/_service.scss */
  .safety .three-steps ul li .image img {
    width: 240px;
  }
  /* line 1324, ../../sass/pages/_service.scss */
  .safety .benefits .panel .panel-body {
    padding: 2em 2em 0;
  }
  /* line 1328, ../../sass/pages/_service.scss */
  .safety .benefits .panel .panel-footer {
    background-color: #fff;
    padding: 2em;
  }

  /* line 1338, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage02 .row .row .col-sm-pull-6 {
    text-align: center;
  }
  /* line 1342, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 {
    margin: -1.5em auto 1em;
  }
  /* line 1345, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 i {
    font-size: 250%;
  }
  /* line 1348, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 i:before {
    top: 0;
  }

  /* line 1364, ../../sass/pages/_service.scss */
  .busnavi .merit .panel-body .light-table-sm .icon i {
    line-height: 1;
  }
  /* line 1376, ../../sass/pages/_service.scss */
  .busnavi #advantage02 + .advantage ul.inline li {
    margin: 0 0.25em 0;
  }

  /* line 1385, ../../sass/pages/_service.scss */
  .service h2 {
    font-size: 200%;
    line-height: 1.5;
  }
  /* line 1390, ../../sass/pages/_service.scss */
  .service .trouble {
    width: 270px;
    height: 240px;
    margin: 0 auto 60px;
  }
  /* line 1395, ../../sass/pages/_service.scss */
  .service .trouble .inner {
    font-size: 115%;
  }
  /* line 1396, ../../sass/pages/_service.scss */
  .service .trouble .image {
    bottom: -70px;
  }
  /* line 1401, ../../sass/pages/_service.scss */
  .service .number-title .number {
    font-size: 500%;
    vertical-align: top;
  }
  /* line 1406, ../../sass/pages/_service.scss */
  .service .number-title .title {
    vertical-align: top;
  }
  /* line 1413, ../../sass/pages/_service.scss */
  .service .simple-price dl dt i {
    width: 1.25em;
  }
  /* line 1420, ../../sass/pages/_service.scss */
  .service .flow [class^="col-"] .stage {
    display: none;
  }
  /* line 1426, ../../sass/pages/_service.scss */
  .service .flow [class^="col-"] .panel .panel-heading {
    padding: 1em;
  }
  /* line 1429, ../../sass/pages/_service.scss */
  .service .flow [class^="col-"] .panel .panel-heading .icon {
    display: block;
  }
  /* line 1436, ../../sass/pages/_service.scss */
  .service .flow .contactBlock {
    padding: 1em 0;
  }
  /* line 1439, ../../sass/pages/_service.scss */
  .service .flow .contactBlock .mail {
    margin-bottom: 2em;
  }
  /* line 1448, ../../sass/pages/_service.scss */
  .service .specs .specs-panel .content {
    padding: 3em 2em;
  }
  /* line 1451, ../../sass/pages/_service.scss */
  .service .specs .specs-panel .content table .remarks {
    width: 21em;
    white-space: normal;
  }
}
@media (min-width: 768px) {
  /* line 1466, ../../sass/pages/_service.scss */
  .service h2 {
    font-size: 300%;
  }
  /* line 1474, ../../sass/pages/_service.scss */
  .service .flow [class^="col-"] .panel .panel-heading {
    padding: 1em;
  }
  /* line 1480, ../../sass/pages/_service.scss */
  .service .flow .contactBlock {
    padding: 1em 3em;
  }
  /* line 1487, ../../sass/pages/_service.scss */
  .service .number-title .number {
    font-size: 800%;
    vertical-align: middle;
  }
  /* line 1492, ../../sass/pages/_service.scss */
  .service .number-title .title {
    vertical-align: middle;
  }

  /* line 1502, ../../sass/pages/_service.scss */
  .move .overlay [class^="col-"] {
    padding: 0;
  }
  /* line 1505, ../../sass/pages/_service.scss */
  .move .overlay [class^="col-"]:first-child {
    padding-top: 1em;
    position: relative;
    right: -3.5em;
    z-index: 2;
  }
  /* line 1512, ../../sass/pages/_service.scss */
  .move .overlay [class^="col-"]:last-child {
    position: relative;
    left: -3.5em;
    z-index: 1;
  }
  /* line 1526, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique {
    padding: 0 10px 0 30px;
  }
  /* line 1529, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique:after {
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    border-left-color: #01377f;
    border-width: 24px;
    margin-top: -24px;
    position: absolute;
    right: -38px;
    top: 50%;
  }
  /* line 1542, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .unique:first-child {
    padding: 0 30px 0 0;
  }
  /* line 1549, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .image .panel:after {
    content: "";
    height: 0;
    width: 0;
    border: solid transparent;
    border-left-color: #01377f;
    border-width: 24px;
    margin-top: -24px;
    position: absolute;
    right: -48px;
    top: 50%;
  }
  /* line 1563, ../../sass/pages/_service.scss */
  .move .advantage #advantage03 .row .last {
    padding: 0 0 0 30px !important;
  }
  /* line 1572, ../../sass/pages/_service.scss */
  .move .advantage ul.light-table-sm li h5.label {
    margin: 0;
  }
  /* line 1583, ../../sass/pages/_service.scss */
  .move .lineup .well:last-child h3 {
    margin-bottom: 0 !important;
  }
  /* line 1586, ../../sass/pages/_service.scss */
  .move .lineup .well:last-child h3 span:last-child {
    padding-bottom: 0 !important;
  }

  /* line 1602, ../../sass/pages/_service.scss */
  .safety .heading-row .heading .label li {
    display: inline-block;
  }
  /* line 1613, ../../sass/pages/_service.scss */
  .safety .three-steps ul li {
    display: table;
    padding: 0;
    margin-bottom: 1em;
    border-width: 0 8px 0 0;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
  }
  /* line 1620, ../../sass/pages/_service.scss */
  .safety .three-steps ul li .number {
    display: table-cell;
    padding: 2em 1em 2em 2em;
    vertical-align: middle;
  }
  /* line 1626, ../../sass/pages/_service.scss */
  .safety .three-steps ul li dl {
    display: table-cell;
    padding: 2em 1em;
    vertical-align: middle;
  }
  /* line 1632, ../../sass/pages/_service.scss */
  .safety .three-steps ul li .icon {
    display: table-cell;
    width: 30%;
    padding: 2em 2em 2em 1em;
    vertical-align: middle;
  }
  /* line 1639, ../../sass/pages/_service.scss */
  .safety .three-steps ul li .image {
    display: table-cell;
    width: 30%;
    padding: 2em 2em 2em 1em;
    vertical-align: middle;
  }
  /* line 1649, ../../sass/pages/_service.scss */
  .safety .table01 {
    table-layout: fixed;
  }
  /* line 1652, ../../sass/pages/_service.scss */
  .safety .table01 thead tr th:first-child {
    width: 10em;
  }
  /* line 1662, ../../sass/pages/_service.scss */
  .alcoholcheck .advantage .panel .panel-body dd {
    min-height: 4.8em;
  }
  /* line 1669, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage02 .row .row .col-sm-push-5 {
    text-align: left;
    vertical-align: bottom;
  }
  /* line 1670, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage02 .row .row .col-sm-pull-7 {
    text-align: right;
    vertical-align: bottom;
  }
  /* line 1674, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 {
    margin: -1.5em auto 1em;
  }
  /* line 1677, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 i {
    font-size: 300%;
    padding-right: 0.3em;
  }
  /* line 1681, ../../sass/pages/_service.scss */
  .alcoholcheck .attention h4 i:before {
    top: -0.03em;
  }
  /* line 1691, ../../sass/pages/_service.scss */
  .delivery .solve p {
    text-align: left;
  }
  /* line 1697, ../../sass/pages/_service.scss */
  .delivery .problem dd {
    min-height: 4.8em;
  }

  /* line 1709, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .panel {
    font-size: 90%;
  }
  /* line 1715, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .light-table-sm {
    display: table;
  }
  /* line 1718, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .light-table-sm .col {
    display: table-cell;
    vertical-align: middle;
  }
  /* line 1732, ../../sass/pages/_service.scss */
  .busnavi #advantage02 + .advantage .row .col-sm-7 img {
    max-width: 416px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1742, ../../sass/pages/_service.scss */
  .service .trouble .inner {
    width: 220px;
    height: 220px;
  }
  /* line 1749, ../../sass/pages/_service.scss */
  .move .advantage-list .box .inner-box {
    height: 11em;
  }
  /* line 1750, ../../sass/pages/_service.scss */
  .move #advantage01 .image img {
    width: 344px;
  }
  /* line 1751, ../../sass/pages/_service.scss */
  .move #advantage02 .image img {
    width: 344px;
  }
  /* line 1753, ../../sass/pages/_service.scss */
  .move #advantage03 .image01 img {
    width: 301px;
  }
  /* line 1754, ../../sass/pages/_service.scss */
  .move #advantage03 .image02 img {
    width: 301px;
  }
  /* line 1755, ../../sass/pages/_service.scss */
  .move #advantage03 .image03 img {
    width: 307px;
  }
  /* line 1757, ../../sass/pages/_service.scss */
  .move .doco-car .cstudy .box .company .comment {
    height: 3.2em;
  }
  /* line 1758, ../../sass/pages/_service.scss */
  .move .image01 img {
    width: 284px;
  }

  /* line 1762, ../../sass/pages/_service.scss */
  .safety .three-steps ul .step1 .image img {
    width: 174px;
  }
  /* line 1763, ../../sass/pages/_service.scss */
  .safety .image01 img {
    width: 282px;
  }
  .service .number-title .number {
    font-size: 500%;
    vertical-align: middle;
  }
  /* line 1767, ../../sass/pages/_service.scss */
  .alcoholcheck .advantage-list .box .inner-box {
    height: 15em;
  }
  /* line 1768, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage02 .image img {
    width: 344px;
  }
  /* line 1769, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage03 .image img {
    width: 407px;
  }
  /* line 1770, ../../sass/pages/_service.scss */
  .alcoholcheck .image01 img {
    width: 98px;
  }

  /* line 1775, ../../sass/pages/_service.scss */
  .busnavi .merit .panel-body .light-table-sm {
    height: 11.2em;
  }
  /* line 1780, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .panel img {
    max-width: 132px;
  }
  /* line 1781, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .light-table-sm .col:first-child {
    padding: 0 1.5em;
  }
  /* line 1782, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .image img {
    width: 132px;
  }
  /* line 1786, ../../sass/pages/_service.scss */
  .busnavi .advantage-list .box .inner-box {
    height: 12em;
  }
  /* line 1788, ../../sass/pages/_service.scss */
  .busnavi .doco-car .cstudy .box .company .name {
    height: 3.2em;
  }
  /* line 1789, ../../sass/pages/_service.scss */
  .busnavi .doco-car .cstudy .box .company .comment {
    height: 8em;
  }
  /* line 1791, ../../sass/pages/_service.scss */
  .busnavi .image01 img {
    width: 344px;
  }
}
@media (min-width: 992px) {
  /* line 1799, ../../sass/pages/_service.scss */
  .service .main-visual-pc {
    height: 480px;
    background-size: 1440px 480px;
  }
  /* line 1804, ../../sass/pages/_service.scss */
  .service .trouble .inner {
    width: 240px;
    height: 240px;
  }

  /* line 1811, ../../sass/pages/_service.scss */
  .move .advantage h3.blue-line {
    font-size: 187.5%;
  }
  /* line 1812, ../../sass/pages/_service.scss */
  .move .advantage-list .box .inner-box {
    height: 8em;
  }
  /* line 1813, ../../sass/pages/_service.scss */
  .move #advantage01 .image img {
    width: 464px;
  }
  /* line 1814, ../../sass/pages/_service.scss */
  .move #advantage02 .image img {
    width: 464px;
  }
  /* line 1816, ../../sass/pages/_service.scss */
  .move #advantage03 .image01 img {
    width: 336px;
  }
  /* line 1817, ../../sass/pages/_service.scss */
  .move #advantage03 .image02 img {
    width: 337px;
  }
  /* line 1818, ../../sass/pages/_service.scss */
  .move #advantage03 .image03 img {
    width: 342px;
  }
  /* line 1820, ../../sass/pages/_service.scss */
  .move .doco-car .cstudy .box .company .comment {
    height: 6.4em;
  }
  /* line 1821, ../../sass/pages/_service.scss */
  .move .image01 img {
    width: 316px;
  }

  /* line 1825, ../../sass/pages/_service.scss */
  .safety .three-steps ul .step1 .image img {
    width: 194px;
  }
  /* line 1826, ../../sass/pages/_service.scss */
  .safety .image01 img {
    width: 299px;
  }
  /* line 1827, ../../sass/pages/_service.scss */
  .safety .image02 img {
    width: 353px;
  }

  /* line 1834, ../../sass/pages/_service.scss */
  .alcoholcheck .advantage .advantage-list .box .inner-box {
    height: 12em;
  }
  /* line 1838, ../../sass/pages/_service.scss */
  .alcoholcheck .advantage .panel .panel-body {
    display: table-cell;
    height: 8.4em;
    vertical-align: middle;
  }
  /* line 1846, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage02 .image img {
    width: 423px;
  }
  /* line 1847, ../../sass/pages/_service.scss */
  .alcoholcheck #advantage03 .image img {
    width: 423px;
  }
  /* line 1848, ../../sass/pages/_service.scss */
  .alcoholcheck .image01 img {
    width: 111px;
  }

  /* line 1853, ../../sass/pages/_service.scss */
  .busnavi .merit .panel-body .light-table-sm li {
    min-height: 8em;
  }
  /* line 1861, ../../sass/pages/_service.scss */
  .busnavi .advantage .internal-link-unstyled .panel-heading span {
    display: table-cell;
    height: 4.8em;
    vertical-align: middle;
  }
  /* line 1870, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .panel img {
    max-width: 149px;
  }
  /* line 1871, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .light-table-sm .col:first-child {
    padding: 0 1.5em 0 2em;
  }
  /* line 1872, ../../sass/pages/_service.scss */
  .busnavi .advantage .unique .kindergarten .image img {
    width: 149px;
  }
  /* line 1875, ../../sass/pages/_service.scss */
  .busnavi .advantage-list .box .inner-box {
    height: 8em;
  }
  /* line 1876, ../../sass/pages/_service.scss */
  .busnavi .doco-car .cstudy .box .company .comment {
    height: 6.4em;
  }
  /* line 1878, ../../sass/pages/_service.scss */
  .busnavi .image01 img {
    width: 382px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 87, ../../sass/pages/_drive-recorder.scss */
  .safety .advantage .drecorder04 {
    width: 258px;
  }
}
@media (min-width: 992px) {
  /* line 87, ../../sass/pages/_drive-recorder.scss */
  .safety .advantage .drecorder04 {
    width: 290px;
  }
}
/* line 1884, ../../sass/pages/_service.scss */
.main-visual {
  width: 100%;
  background-color: #c9cbca;
  background-repeat: no-repeat;
  background-position: center top;
}

/* line 1890, ../../sass/pages/_service.scss */
#mv-top .main-visual {
  background-color: #fff;
}

/* line 1892, ../../sass/pages/_service.scss */
.main-subtitle {
  background-color: #01377f;
  color: #fff;
  padding: 0.5em 0;
}
/* line 1897, ../../sass/pages/_service.scss */
.main-subtitle span {
  display: inline-block;
}

@media (max-width: 767px) {
  /* line 1903, ../../sass/pages/_service.scss */
  .main-visual {
    background: none;
  }
}
@media (min-width: 768px) {
  /* line 1910, ../../sass/pages/_service.scss */
  #mv-top .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/top-main_pc.png);
  }

  /* line 1911, ../../sass/pages/_service.scss */
  #mv-move .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/move/move-main_pc.jpg);
  }

  /* line 1912, ../../sass/pages/_service.scss */
  #mv-safety .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/safety/safety-main_pc.jpg);
  }

  /* line 1913, ../../sass/pages/_service.scss */
  #mv-alcoholcheck .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/alcoholcheck/alcoholcheck-main_pc.jpg);
  }

  /* line 1914, ../../sass/pages/_service.scss */
  #mv-new-alcoholcheck .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/alcoholcheck/images/main-alcoholcheck_pc.jpg);
  }

  /* line 1915, ../../sass/pages/_service.scss */
  #mv-busnavi .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/busnavi/busnavi-main_pc.jpg);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1919, ../../sass/pages/_service.scss */
  .main-visual {
    background-size: 1080px 360px;
    height: 360px;
  }

  /* line 1924, ../../sass/pages/_service.scss */
  #mv-top .main-visual {
    background-size: 1080px 384px;
    height: 384px;
  }
}
@media (min-width: 992px) {
  /* line 1934, ../../sass/pages/_service.scss */
  .main-visual {
    height: 480px;
    margin-top: 2em;
  }

  /* line 1939, ../../sass/pages/_service.scss */
  #mv-top .main-visual {
    height: 512px;
    margin-top: -1.8em;
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx) {
  /* line 1948, ../../sass/pages/_service.scss */
  #mv-top .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/top-main_pc@2x.png);
  }

  /* line 1949, ../../sass/pages/_service.scss */
  #mv-move .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/move/move-main_pc@2x.jpg);
  }

  /* line 1950, ../../sass/pages/_service.scss */
  #mv-safety .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/safety/safety-main_pc@2x.jpg);
  }

  /* line 1951, ../../sass/pages/_service.scss */
  #mv-alcoholcheck .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/alcoholcheck/images/alcoholcheck-main2_pc@2x.jpg);
  }

  #mv-new-alcoholcheck .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/alcoholcheck/images/main-alcoholcheck_pc@2.jpg);
  }

  /* line 1952, ../../sass/pages/_service.scss */
  #mv-busnavi .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/busnavi/busnavi-main_pc@2x.jpg);
  }
}
@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 992px) and (min-resolution: 2dppx) {
  /* line 1958, ../../sass/pages/_service.scss */
  .main-visual {
    background-size: 1440px 480px;
  }

  /* line 1959, ../../sass/pages/_service.scss */
  #mv-top .main-visual {
    background-size: 1440px 512px;
  }
}

/*--------------------------------------------------------------
  feature
--------------------------------------------------------------*/
/* line 7, ../../sass/pages/_feature.scss */
.feature .concept .title {
  text-align: center;
}
/* line 10, ../../sass/pages/_feature.scss */
.feature .concept .title .inner-block {
  display: inline-block;
  text-align: left;
}
/* line 14, ../../sass/pages/_feature.scss */
.feature .concept .title .inner-block h2 {
  display: inline-block;
  font-size: 100%;
  background-color: #333;
  color: #fff;
  padding: 0.5em 1em;
}
/* line 22, ../../sass/pages/_feature.scss */
.feature .concept .title .inner-block h3 {
  font-size: 225%;
  margin-bottom: 0.5em;
}
/* line 29, ../../sass/pages/_feature.scss */
.feature .concept .type {
  font-size: 100%;
  color: #fff;
  padding: 1em 0;
  text-align: center;
}
/* line 36, ../../sass/pages/_feature.scss */
.feature .concept .move {
  margin-bottom: 1em;
}
/* line 39, ../../sass/pages/_feature.scss */
.feature .concept .move .panel {
  border-color: #01377f;
  background-color: #fff;
}
/* line 130, ../../sass/_mixins.scss */
.feature .concept .move .panel .panel-heading {
  background-color: #01377f;
  color: #fff;
  border-bottom-color: #01377f;
}
/* line 136, ../../sass/_mixins.scss */
.feature .concept .move .panel .amount {
  color: #01377f;
}
/* line 139, ../../sass/_mixins.scss */
.feature .concept .move .panel .initial-cost .amount {
  color: #666;
}
/* line 43, ../../sass/pages/_feature.scss */
.feature .concept .move .panel .panel-heading {
  text-align: center;
}
/* line 49, ../../sass/pages/_feature.scss */
.feature .concept .move .panel .panel-body ul {
  font-size: 80%;
  text-align: center;
}
/* line 53, ../../sass/pages/_feature.scss */
.feature .concept .move .panel .panel-body ul li {
  display: inline-block;
  line-height: 1.5;
  margin: 0 1em;
  position: relative;
}
/* line 59, ../../sass/pages/_feature.scss */
.feature .concept .move .panel .panel-body ul li:before {
  content: "・";
  position: absolute;
  left: -1em;
}
/* line 70, ../../sass/pages/_feature.scss */
.feature .concept .partners {
  font-size: 80%;
}
/* line 77, ../../sass/pages/_feature.scss */
.feature .concept .partners .col h4:before {
  content: "\e86b";
  display: inline-block;
  font: normal normal normal 200% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  color: #fff;
  text-align: center;
  margin-bottom: 0.5em;
}
/* line 87, ../../sass/pages/_feature.scss */
.feature .concept .partners .col .panel {
  background-color: #fff;
}
/* line 90, ../../sass/pages/_feature.scss */
.feature .concept .partners .col .panel .panel-heading {
  text-align: center;
}
/* line 96, ../../sass/pages/_feature.scss */
.feature .concept .partners .col .panel .panel-body p {
  font-weight: bold;
  margin-bottom: 0.5em;
}
/* line 103, ../../sass/pages/_feature.scss */
.feature .concept .partners .col .panel .panel-body ul li {
  line-height: 1.5;
  margin-left: 1em;
  position: relative;
}
/* line 108, ../../sass/pages/_feature.scss */
.feature .concept .partners .col .panel .panel-body ul li:before {
  content: "・";
  position: absolute;
  left: -1em;
}
/* line 121, ../../sass/pages/_feature.scss */
.feature .concept .partners .safety .panel {
  border-color: #e9573f;
}
/* line 130, ../../sass/_mixins.scss */
.feature .concept .partners .safety .panel .panel-heading {
  background-color: #e9573f;
  color: #fff;
  border-bottom-color: #e9573f;
}
/* line 136, ../../sass/_mixins.scss */
.feature .concept .partners .safety .panel .amount {
  color: #e9573f;
}
/* line 139, ../../sass/_mixins.scss */
.feature .concept .partners .safety .panel .initial-cost .amount {
  color: #666;
}
/* line 128, ../../sass/pages/_feature.scss */
.feature .concept .partners .alcoholcheck .panel {
  border-color: #f6bb42;
}
/* line 130, ../../sass/_mixins.scss */
.feature .concept .partners .alcoholcheck .panel .panel-heading {
  background-color: #f6bb42;
  color: #fff;
  border-bottom-color: #f6bb42;
}
/* line 136, ../../sass/_mixins.scss */
.feature .concept .partners .alcoholcheck .panel .amount {
  color: #f6bb42;
}
/* line 139, ../../sass/_mixins.scss */
.feature .concept .partners .alcoholcheck .panel .initial-cost .amount {
  color: #666;
}
/* line 135, ../../sass/pages/_feature.scss */
.feature .concept .partners .delivery .panel {
  border-color: #da4453;
}
/* line 130, ../../sass/_mixins.scss */
.feature .concept .partners .delivery .panel .panel-heading {
  background-color: #da4453;
  color: #fff;
  border-bottom-color: #da4453;
}
/* line 136, ../../sass/_mixins.scss */
.feature .concept .partners .delivery .panel .amount {
  color: #da4453;
}
/* line 139, ../../sass/_mixins.scss */
.feature .concept .partners .delivery .panel .initial-cost .amount {
  color: #666;
}

@media (max-width: 767px) {
  /* line 153, ../../sass/pages/_feature.scss */
  .feature .concept .title .inner-block h3 {
    font-size: 150%;
    text-align: center;
    margin-bottom: 1em;
  }
  /* line 161, ../../sass/pages/_feature.scss */
  .feature .concept .image {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 166, ../../sass/pages/_feature.scss */
  .feature .concept .move {
    margin-bottom: 2em;
  }
  /* line 170, ../../sass/pages/_feature.scss */
  .feature .concept .partners {
    padding-right: 15px;
    padding-left: 15px;
  }
  /* line 174, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col {
    margin-bottom: 2em;
  }
  /* line 177, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col:last-child {
    margin-bottom: 0;
  }
  /* line 181, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col h4 {
    margin-left: 3em;
    position: relative;
  }
  /* line 185, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col h4:before {
    display: inline-block;
    font-size: 150%;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: -1.5em;
    margin-top: -0.5em;
  }
}
@media (min-width: 768px) {
  /* line 208, ../../sass/pages/_feature.scss */
  .feature .concept .partners {
    display: table;
    border-collapse: separate;
    border-spacing: 15px 0;
    width: 100%;
  }
  /* line 214, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col {
    display: table-cell;
    min-width: 12em;
  }
  /* line 218, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col h4 {
    text-align: center;
  }
  /* line 221, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col h4:before {
    content: "\e86b";
    display: inline-block;
    font: normal normal normal 24px iconfont;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    color: #fff;
    text-align: center;
    margin-bottom: 0.2em;
  }
}
@media (min-width: 992px) {
  /* line 254, ../../sass/pages/_feature.scss */
  .feature .concept .partners .col .panel .panel-body {
    height: 8.9em;
  }
}
/*--------------------------------------------------------------
# reasons
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_reasons.scss */
.reasons h2 {
  color: #1c1c1c;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.5em;
}
/* line 13, ../../sass/pages/_reasons.scss */
.reasons h2:after {
  content: "";
  display: block;
  width: 25%;
  height: 0;
  border-bottom: 2px solid #c31731;
  margin: 0.5em auto 0;
}
/* line 24, ../../sass/pages/_reasons.scss */
.reasons .d_grapefruit .icon01, .reasons .bg-grapefruit .icon01, .reasons .box01 .icon01 {
  color: #eba2aa;
}
/* line 28, ../../sass/pages/_reasons.scss */
.reasons .d_sunflower .icon01, .reasons .bg-d_sunflower .icon01, .reasons .box02 .icon01 {
  color: #fadda7;
}
/* line 32, ../../sass/pages/_reasons.scss */
.reasons .d_grass .icon01, .reasons .bg-d_grass .icon01, .reasons .box03 .icon01 {
  color: #c6dfac;
}
/* line 36, ../../sass/pages/_reasons.scss */
.reasons .d_aqua .icon01, .reasons .bg-d_aqua .icon01, .reasons .box04 .icon01 {
  color: #a1d8ec;
}
/* line 40, ../../sass/pages/_reasons.scss */
.reasons .blue .icon01, .reasons .dBlue .icon01, .reasons .bg-blue .icon01, .reasons .box05 .icon01 {
  color: #829cbe;
}
/* line 44, ../../sass/pages/_reasons.scss */
.reasons .d_lavender .icon01 {
  color: #cabced;
}
/* line 47, ../../sass/pages/_reasons.scss */
.reasons .icon {
  white-space: nowrap;
  margin: 0;
}
/* line 51, ../../sass/pages/_reasons.scss */
.reasons .icon i {
  line-height: 1;
  position: relative;
}
/* line 55, ../../sass/pages/_reasons.scss */
.reasons .icon .icon01 {
  font-size: 9.5em;
  top: -0.3em;
}
/* line 59, ../../sass/pages/_reasons.scss */
.reasons .icon .icon02 {
  font-size: 10.5em;
  bottom: -0.1em;
  text-indent: -0.4em;
}
/* line 65, ../../sass/pages/_reasons.scss */
.reasons .icon .fa-award {
  font-size: 12em;
}
/* line 66, ../../sass/pages/_reasons.scss */
.reasons .icon .fa-science {
  font-size: 11em;
}
/* line 67, ../../sass/pages/_reasons.scss */
.reasons .icon .fa-handshake {
  font-size: 12em;
}
/* line 70, ../../sass/pages/_reasons.scss */
.reasons .icon-unique {
  white-space: nowrap;
  margin: 0;
  position: relative;
}
/* line 75, ../../sass/pages/_reasons.scss */
.reasons .icon-unique i {
  line-height: 1;
}
/* line 78, ../../sass/pages/_reasons.scss */
.reasons .icon-unique .icon01 {
  font-size: 18em;
}
/* line 81, ../../sass/pages/_reasons.scss */
.reasons .icon-unique .icon02 {
  font-size: 10em;
  width: 1em;
  margin-left: -0.5em;
  position: absolute;
  left: 50%;
  bottom: 10%;
}
/* line 91, ../../sass/pages/_reasons.scss */
.reasons p {
  letter-spacing: 0.05em;
}

@media (max-width: 767px) {
  /* line 101, ../../sass/pages/_reasons.scss */
  .reasons h2 {
    font-size: 200%;
    line-height: 1.5;
  }
  /* line 106, ../../sass/pages/_reasons.scss */
  .reasons .icon {
    font-size: 80%;
    margin-bottom: 3em !important;
  }
  /* line 111, ../../sass/pages/_reasons.scss */
  .reasons .icon2 {
    font-size: 80%;
    margin-bottom: 2em !important;
  }
}
@media (min-width: 768px) {
  /* line 123, ../../sass/pages/_reasons.scss */
  .reasons h2 {
    font-size: 300%;
  }
}
/*--------------------------------------------------------------
  scene
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_scene.scss */
.scene .box {
  display: block;
  width: 100%;
  font-size: 80%;
  border: 1px solid #01377f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 30px;
  text-decoration: none !important;
  position: relative;
}
/* line 15, ../../sass/pages/_scene.scss */
.scene .box span {
  display: block;
}
/* line 19, ../../sass/pages/_scene.scss */
.scene .box .title {
  font-size: 115%;
  font-weight: bold;
  background-color: #01377f;
  color: #fff;
  padding: 10px 15px;
  letter-spacing: 0.03em;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  position: relative;
}
/* line 29, ../../sass/pages/_scene.scss */
.scene .box .title > strong {
  font-size: larger;
}
/* line 34, ../../sass/pages/_scene.scss */
.scene .box .photo {
  text-align: center;
  position: relative;
  z-index: 1;
}
/* line 40, ../../sass/pages/_scene.scss */
.scene .box .text-block {
  padding: 0 15px;
}
/* line 44, ../../sass/pages/_scene.scss */
.scene .box .more {
  color: #c31731;
  text-align: right;
  padding: 5px 15px 15px;
}
/* line 49, ../../sass/pages/_scene.scss */
.scene .box .more:before {
  content: "\e844";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.5em;
  color: #c31731;
}
/* line 57, ../../sass/pages/_scene.scss */
.scene .box:hover {
  border: 1px #c31731 solid;
}
/* line 60, ../../sass/pages/_scene.scss */
.scene .box:hover .title {
  background-color: #c31731;
  color: white;
}
/* line 65, ../../sass/pages/_scene.scss */
.scene .box:hover .more {
  color: #e62744;
}
/* line 71, ../../sass/pages/_scene.scss */
.scene [id^="bus0"] {
  margin-top: -2em;
  padding-top: 2em;
}
/* line 76, ../../sass/pages/_scene.scss */
.scene .well a {
  text-decoration: underline;
}

/* line 79, ../../sass/pages/_scene.scss */
dl.introduction {
  text-align: center;
  border: 1px #01377f solid;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
/* line 86, ../../sass/pages/_scene.scss */
dl.introduction dt, dl.introduction dd {
  font-size: 115%;
  font-weight: bold;
  padding: 1em;
}
/* line 91, ../../sass/pages/_scene.scss */
dl.introduction dt {
  background-color: #01377f;
  color: #fff;
  margin-bottom: 0;
}
/* line 96, ../../sass/pages/_scene.scss */
dl.introduction dd {
  color: #01377f;
}
/* line 99, ../../sass/pages/_scene.scss */
dl.introduction dd ul {
  display: inline-block;
  text-align: left;
}
/* line 103, ../../sass/pages/_scene.scss */
dl.introduction dd ul li {
  margin-bottom: 0.25em;
}
/* line 106, ../../sass/pages/_scene.scss */
dl.introduction dd ul li:last-child {
  margin-bottom: 0;
}

/* line 113, ../../sass/pages/_scene.scss */
dl.issue {
  letter-spacing: 0.05em;
  padding: 0 1em;
}
/* line 117, ../../sass/pages/_scene.scss */
dl.issue dt {
  font-size: 100%;
  margin-bottom: 0.5em;
}
/* line 121, ../../sass/pages/_scene.scss */
dl.issue dd {
  color: #01377f;
  font-size: 110%;
  font-weight: bold;
  margin-left: 1.5em;
  position: relative;
}
/* line 128, ../../sass/pages/_scene.scss */
dl.issue dd:before {
  content: "\e842";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -1.5em;
}

/* line 136, ../../sass/pages/_scene.scss */
.panel-solve {
  border-color: #01377f;
  font-size: 110%;
}
/* line 140, ../../sass/pages/_scene.scss */
.panel-solve .panel-heading {
  background-color: #01377f;
  color: #fff;
  padding: 1em 2em;
}
/* line 145, ../../sass/pages/_scene.scss */
.panel-solve .solution {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 149, ../../sass/pages/_scene.scss */
.panel-solve .panel-body {
  color: #01377f;
  font-weight: bold;
  padding: 2em;
}

/* line 156, ../../sass/pages/_scene.scss */
.well-solve {
  background-color: transparent;
  color: #01377f;
  border: 2px #01377f solid;
  letter-spacing: 0.05em;
}
/* line 163, ../../sass/pages/_scene.scss */
.well-solve dl dd {
  font-weight: bold;
}
/* line 169, ../../sass/pages/_scene.scss */
.well-solve ol li:before {
  background: #01377f;
  color: #fff;
}

@media (max-width: 767px) {
  /* line 184, ../../sass/pages/_scene.scss */
  .scene .box .title {
    margin-bottom: 1em;
  }
  /* line 188, ../../sass/pages/_scene.scss */
  .scene .box .photo {
    margin-bottom: 1em;
  }
  /* line 191, ../../sass/pages/_scene.scss */
  .scene .box .photo img {
    max-height: 260px;
  }
  /* line 195, ../../sass/pages/_scene.scss */
  .scene .other .box .photo img {
    height: 168px;
  }
}
@media (min-width: 768px) {
  /* line 209, ../../sass/pages/_scene.scss */
  .scene .box .photo {
    padding: 1em 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 221, ../../sass/pages/_scene.scss */
  .scene .box .photo img {
    height: 139px;
  }
  /* line 225, ../../sass/pages/_scene.scss */
  .scene .box .text-block {
    min-height: 4.8em;
  }
  /* line 229, ../../sass/pages/_scene.scss */
  .scene .other .box .photo img {
    height: 188px;
  }
}
@media (min-width: 992px) {
  /* line 238, ../../sass/pages/_scene.scss */
  .scene .box .photo {
    height: 10em;
  }
  /* line 241, ../../sass/pages/_scene.scss */
  .scene .box .photo img {
    width: 215px;
  }
  /* line 244, ../../sass/pages/_scene.scss */
  .scene .box .text-block {
    min-height: 8em;
  }
  /* line 248, ../../sass/pages/_scene.scss */
  .scene .other .box .photo {
    height: 18em;
  }
}
/*--------------------------------------------------------------
  cstudy
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs {
  border: none;
}
/* line 8, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs li {
  width: 50%;
}
/* line 11, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs li a {
  background-color: #d8d8d8;
  color: #01377f;
  padding: 1em 0 1em 0.05em;
  margin: 0 3px 0 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0.05em;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  border-bottom: 6px solid #fff;
}
/* line 23, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs li a:active, .cstudy .nav-tabs li a:focus {
  background-color: whitesmoke;
  color: #01377f;
}
/* line 28, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs li a:hover {
  background-color: #01377f;
  color: #fff;
}
/* line 37, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs .last a {
  margin: 0 0 0 3px;
}
/* line 44, ../../sass/pages/_cstudy.scss */
.cstudy .nav-tabs .active a, .cstudy .nav-tabs .active a:hover {
  background-color: whitesmoke;
  color: #01377f;
  border-bottom-color: whitesmoke;
}
/* line 52, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content {
  background-color: whitesmoke;
  padding: 3em;
  margin-bottom: 3em;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
/* line 62, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .internal-link-list li a {
  background-color: #fff;
}
/* line 65, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .internal-link-list li a:hover {
  background-color: #01377f;
}
/* line 72, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content #logistics, .cstudy .tab-content #bus01, .cstudy .tab-content #bus02, .cstudy .tab-content #other, .cstudy .tab-content #busnavi, .cstudy .tab-content #move {
  margin-top: -2em;
  padding-top: 2em;
}
/* line 77, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box {
  margin-bottom: 3em;
}
/* line 80, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box h3 {
  font-size: 129%;
  line-height: 1.5;
  padding-left: 0.8em;
  margin-bottom: 0;
  border-left: 8px solid #01377f;
}
/* line 88, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box .well {
  background-color: #fff;
  margin-top: 1em;
}
/* line 94, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box .name {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}
/* line 101, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box .name a {
  text-decoration: underline;
}
/* line 105, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box .name:before {
  position: absolute;
  left: 0;
}
/* line 111, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl {
  margin-bottom: 0.5em;
}
/* line 114, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl dt {
  display: inline-block;
  font-size: 90%;
  margin-bottom: 0.5em;
}
/* line 120, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl dd {
  display: inline-block;
  margin-bottom: 0;
}
/* line 124, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl dd ul {
  display: inline-block;
}
/* line 129, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl .label {
  display: inline-block;
  font-size: 85%;
  padding: 0.5em 0.75em;
  margin: 0 0.5em 0.5em 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
/* line 138, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl .label-border {
  font-size: 100%;
  background-color: #fff;
  color: #333;
  padding: 0.5em 2em;
  margin: 0;
}
/* line 147, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .cs-index-box dl:last-child {
  margin-bottom: 0;
}
/* line 152, ../../sass/pages/_cstudy.scss */
.cstudy .tab-content .backtoTop:last-child {
  margin-bottom: 0;
}
/* line 157, ../../sass/pages/_cstudy.scss */
.cstudy .before-after {
  letter-spacing: 0.05em;
  margin-bottom: 3em;
}
/* line 161, ../../sass/pages/_cstudy.scss */
.cstudy .before-after dl {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 164, ../../sass/pages/_cstudy.scss */
.cstudy .before-after dl dt {
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  padding: 0.8em;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
/* line 171, ../../sass/pages/_cstudy.scss */
.cstudy .before-after dl dd {
  padding: 1.5em;
}
/* line 176, ../../sass/pages/_cstudy.scss */
.cstudy .before-after .before {
  border: 1px solid gainsboro;
}
/* line 179, ../../sass/pages/_cstudy.scss */
.cstudy .before-after .before dt {
  background-color: gainsboro;
}
/* line 184, ../../sass/pages/_cstudy.scss */
.cstudy .before-after .after {
  border: 1px solid #01377f;
}
/* line 187, ../../sass/pages/_cstudy.scss */
.cstudy .before-after .after dt {
  background-color: #01377f;
  color: #fff;
}
/* line 191, ../../sass/pages/_cstudy.scss */
.cstudy .before-after .after dd {
  color: #01377f;
  font-weight: bold;
}
/* line 197, ../../sass/pages/_cstudy.scss */
.cstudy .before-after p {
  text-align: center;
}
/* line 200, ../../sass/pages/_cstudy.scss */
.cstudy .before-after p:before {
  display: inline-block;
  font: normal normal normal 200% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: gainsboro;
}
/* line 207, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list {
  margin-bottom: 0;
}
/* line 212, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list dt .internal-link {
  padding-left: 3.5em;
}
/* line 215, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list dt .internal-link i {
  font-size: 180%;
  line-height: 1;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
  top: 50%;
  left: 1.1em;
}
/* line 227, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list .no-link {
  display: block;
  color: #01377f;
  text-align: justify;
  padding: 1em 1em 1em 3.5em;
  border: 2px solid #01377f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 236, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list .no-link i {
  font-size: 180%;
  line-height: 1;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
  top: 50%;
  left: 1.1em;
}
/* line 247, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list dd {
  margin-bottom: 2em;
}
/* line 250, ../../sass/pages/_cstudy.scss */
.cstudy .internal-link-list dd:last-child {
  margin-bottom: 0;
}
/* line 256, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview {
  margin-bottom: 3em;
  letter-spacing: 0.05em;
}
/* line 260, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview dt {
  margin-bottom: 1.5em;
  margin-left: 2em;
  color: #555;
}
/* line 265, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview dt:before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1px;
  background-color: #555;
  margin-left: -2em;
  margin-right: 0.5em;
  position: relative;
  top: -0.4em;
}
/* line 278, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview dd {
  padding: 0 1em;
  margin-bottom: 3em;
}
/* line 282, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview dd:last-child {
  margin-bottom: 0;
}
/* line 286, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview dd .lead {
  font-size: 129%;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 1em;
  letter-spacing: 0.05em;
  color: #01377f;
}
/* line 296, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview .good-point {
  font-size: 110%;
  font-weight: bold;
  color: #01377f;
}
/* line 302, ../../sass/pages/_cstudy.scss */
.cstudy dl.interview .bad-point {
  color: #c31731;
}

/* line 309, ../../sass/pages/_cstudy.scss */
.solution {
  background-color: #c31731;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 0.6em 0 0.5em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
}
/* line 318, ../../sass/pages/_cstudy.scss */
.solution:before {
  content: "\e851";
  display: inline-block;
  font: normal normal normal 225% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  top: -0.05em;
  padding-right: 0.3em;
}

/* line 329, ../../sass/pages/_cstudy.scss */
.interview-main-image {
  position: relative;
}
/* line 332, ../../sass/pages/_cstudy.scss */
.interview-main-image .bg-of-title {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 1.5em 2em;
  position: absolute;
  bottom: 0;
}
/* line 340, ../../sass/pages/_cstudy.scss */
.interview-main-image h3 {
  font-size: 150%;
  margin-bottom: 0;
}

/* line 346, ../../sass/pages/_cstudy.scss */
.point {
  counter-reset: number;
  font-size: 90%;
}
/* line 350, ../../sass/pages/_cstudy.scss */
.point h3 {
  font-size: 225%;
}
/* line 352, ../../sass/pages/_cstudy.scss */
.point > .row:before {
  display: block;
  margin: 0 15px;
  border-top: 1px gainsboro solid;
}
/* line 357, ../../sass/pages/_cstudy.scss */
.point > .row:last-child:after {
  display: block;
  margin: 0 15px;
}
/* line 362, ../../sass/pages/_cstudy.scss */
.point #point01, .point #point02, .point #point03 {
  padding: 4em 0 2em;
}
/* line 365, ../../sass/pages/_cstudy.scss */
.point #point01 h3, .point #point02 h3, .point #point03 h3 {
  position: relative;
  padding-left: 2.5em;
}
/* line 369, ../../sass/pages/_cstudy.scss */
.point #point01 h3 i, .point #point02 h3 i, .point #point03 h3 i {
  font-size: 180%;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  left: 0;
}
/* line 379, ../../sass/pages/_cstudy.scss */
.point #point01 .well, .point #point02 .well, .point #point03 .well {
  border: 4px #01377f solid;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
/* line 383, ../../sass/pages/_cstudy.scss */
.point #point01 .well .sub-title, .point #point02 .well .sub-title, .point #point03 .well .sub-title {
  color: #01377f;
}
/* line 389, ../../sass/pages/_cstudy.scss */
.point .personal-name {
  color: #c31731;
  margin-bottom: 0.5em;
}
/* line 394, ../../sass/pages/_cstudy.scss */
.point .sub-title {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}
/* line 401, ../../sass/pages/_cstudy.scss */
.point .future {
  padding: 4em 0;
}
/* line 406, ../../sass/pages/_cstudy.scss */
.point .introduction a {
  text-decoration: underline;
}
/* line 409, ../../sass/pages/_cstudy.scss */
.point .link-box {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/* line 413, ../../sass/pages/_cstudy.scss */
.point .link-box a {
  text-decoration: underline;
}
/* line 416, ../../sass/pages/_cstudy.scss */
.point .help-block {
  font-size: 95%;
}
/* introduction-user description layout */
.introduction-user{
  font-size: 14px;
  color: #333;
  font-weight: normal;
}
@media (max-width: 767px) {
  /* line 426, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content {
    padding: 2em;
  }
  /* line 429, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .internal-link-list {
    padding: 0 0.5em;
  }
  /* line 436, ../../sass/pages/_cstudy.scss */
  .cstudy .panel-solve .panel-heading {
    padding: 1em;
    text-align: center;
  }
  /* line 440, ../../sass/pages/_cstudy.scss */
  .cstudy .panel-solve .panel-body {
    padding: 1.5em;
  }
  /* line 445, ../../sass/pages/_cstudy.scss */
  .cstudy .image-right {
    text-align: center;
    margin-bottom: 3em;
  }
  /* line 452, ../../sass/pages/_cstudy.scss */
  .cstudy dl.introduction dt {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
  }
  /* line 459, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after dl {
    margin-bottom: 0;
  }
  /* line 463, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after p {
    padding: 0.5em;
  }
  /* line 466, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after p:before {
    content: "\e824";
  }
  /* line 474, ../../sass/pages/_cstudy.scss */
  .cstudy dl.interview dd .lead {
    font-size: 100%;
  }

  /* line 483, ../../sass/pages/_cstudy.scss */
  .point h3 {
    font-size: 150%;
  }
  /* line 487, ../../sass/pages/_cstudy.scss */
  .point .profile {
    display: table;
    margin-bottom: 2em;
  }
  /* line 491, ../../sass/pages/_cstudy.scss */
  .point .profile p {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 1em;
  }
  /* line 500, ../../sass/pages/_cstudy.scss */
  .point .link-box .sub-title {
    padding: 2em 1em 1em;
  }
  /* line 504, ../../sass/pages/_cstudy.scss */
  .point .link-box ul {
    padding: 0 1em 2em;
  }
  /* introduction-user description layout */
  .introduction-user{
    font-size: 12px;
    color: #333;
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  /* line 516, ../../sass/pages/_cstudy.scss */
  .cstudy dl.introduction, .point dl.introduction {
    display: table;
    min-width: 100%;
  }
  /* line 520, ../../sass/pages/_cstudy.scss */
  .cstudy dl.introduction dt, .cstudy dl.introduction dd, .point dl.introduction dt, .point dl.introduction dd {
    display: table-cell;
    vertical-align: middle;
  }
  /* line 524, ../../sass/pages/_cstudy.scss */
  .cstudy dl.introduction dt, .point dl.introduction dt {
    width: 15em;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
  }

  /* line 537, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .internal-link-list li {
    float: left;
    padding: 0 0.5em;
  }
  /* line 541, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .internal-link-list li a {
    font-weight: bold;
  }
  /* line 547, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content #industry .internal-link-list li {
    width: 25%;
  }
  /* line 549, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content #service .internal-link-list li {
    width: 50%;
  }
  /* line 553, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box h3 {
    display: table-cell;
    vertical-align: middle;
  }
  /* line 558, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box .well {
    padding: 2em;
  }
  /* line 569, ../../sass/pages/_cstudy.scss */
  .cstudy .product .col-sm-4 p img {
    width: 139px;
  }
  /* line 571, ../../sass/pages/_cstudy.scss */
  .cstudy h3 {
    font-size: 200%;
  }
  /* line 575, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after {
    display: table;
  }
  /* line 578, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after dl {
    display: table-cell;
    vertical-align: top;
  }
  /* line 582, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after .before {
    width: 40%;
  }
  /* line 585, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after .after {
    width: 50%;
  }
  /* line 589, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after p {
    display: table-cell;
    vertical-align: middle;
    width: 10%;
  }
  /* line 594, ../../sass/pages/_cstudy.scss */
  .cstudy .before-after p:before {
    content: "\e822";
  }

  /* line 603, ../../sass/pages/_cstudy.scss */
  .point h3 {
    font-size: 225%;
  }
  /* line 609, ../../sass/pages/_cstudy.scss */
  .point .link-box .row div:first-child {
    padding: 2em 1em;
    border-right: 1px solid #ccc;
  }
  /* line 614, ../../sass/pages/_cstudy.scss */
  .point .link-box .row .last {
    padding: 2em 1em 1.5em 1.5em !important;
  }
  /* line 619, ../../sass/pages/_cstudy.scss */
  .point .link-box .sub-title {
    margin: 0;
  }
  /* line 624, ../../sass/pages/_cstudy.scss */
  .point .link-box ul li {
    margin-bottom: 0.5em;
  }
  /* line 629, ../../sass/pages/_cstudy.scss */
  .point .link-box .help-block {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 645, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box h3 {
    height: 7.7em;
  }
  /* line 647, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box .well .inner-box .name {
    min-height: 4.8em;
  }
    /* introduction-user description layout */
  .introduction-user{
    font-size: 13px;
    color: #333;
    font-weight: normal;
  }
  .service-kind {
  min-height: 5.2em;
  }
  .cstudy .tab-content .cs-index-box .well .inner-box {
    display: table-cell;
    height: 250px;
  }
  .inner-box-service{
  display: table-cell;
  height: 175px;
  }
}
@media (min-width: 992px) {
  /* line 662, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box h3 {
    height: 6.2em;
  }
  /* line 664, ../../sass/pages/_cstudy.scss */
  .cstudy .tab-content .cs-index-box .well .inner-box .name {
    min-height: 3.2em;
  }

  /* line 671, ../../sass/pages/_cstudy.scss */
  .point h3 span {
    padding: 1px;
  }
   .cstudy .tab-content .cs-index-box .well .inner-box {
    display: table-cell;
    height: 190px;
  }
  .inner-box-service{
  display: table-cell;
  height: 130px;
  }
}
/*--------------------------------------------------------------
  contact
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_contact.scss */
.contact ul.border-box {
  list-style-type: none;
  padding-left: 0;
}
/* line 9, ../../sass/pages/_contact.scss */
.contact ul.border-box li {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin: 0;
}
/* line 15, ../../sass/pages/_contact.scss */
.contact ul.border-box li .box-label {
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
/* line 23, ../../sass/pages/_contact.scss */
.contact ul.border-box .last {
  border-bottom: 1px solid #ccc;
}
/* line 29, ../../sass/pages/_contact.scss */
.contact .required {
  display: inline-block;
  position: relative;
  top: -3px;
  font-size: 60%;
  color: #fff;
  background-color: #c31731;
  padding: 3px 3px 2px 5px;
  margin-left: 10px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1;
}
/* line 44, ../../sass/pages/_contact.scss */
.contact .help-block {
  font-size: 100%;
  margin-top: 0.5em;
  margin-bottom: 0;
}
/* line 50, ../../sass/pages/_contact.scss */
.contact #submit, .contact #back {
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  padding: 1em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 60, ../../sass/pages/_contact.scss */
.contact #submit {
  background-color: #c31731;
  color: #fff;
}

@media (max-width: 767px) {
  /* line 71, ../../sass/pages/_contact.scss */
  .contact ul.border-box li {
    padding: 30px 0;
  }
  /* line 74, ../../sass/pages/_contact.scss */
  .contact ul.border-box li .box-label {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 768px) {
  /* line 86, ../../sass/pages/_contact.scss */
  .contact ul.border-box li {
    padding: 30px 15px;
  }
  /* line 89, ../../sass/pages/_contact.scss */
  .contact ul.border-box li .box-label {
    text-align: right;
  }
}
/*--------------------------------------------------------------
  price
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_price.scss */
.price .internal-link-list {
  font-size: 90%;
  margin-right: -5px;
  margin-left: -5px;
}
/* line 10, ../../sass/pages/_price.scss */
.price .internal-link-list li {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
/* line 16, ../../sass/pages/_price.scss */
.price .internal-link-list .internal-link {
  color: #01377f;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  padding: 1em 3em 1em 1.5em;
  border: 2px solid #01377f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 26, ../../sass/pages/_price.scss */
.price .internal-link-list .internal-link:after {
  content: "\e835";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 0.6em;
  margin-top: -0.5em;
  line-height: 1;
}
/* line 36, ../../sass/pages/_price.scss */
.price .internal-link-list .internal-link:hover {
  background: #01377f;
  color: #fff;
  text-decoration: none;
}
/* line 42, ../../sass/pages/_price.scss */
.price .internal-link-list .internal-link span {
  display: inline-block;
}
/* line 46, ../../sass/pages/_price.scss */
.price .internal-link-list .internal-link .small {
  font-size: 80%;
  font-weight: normal;
}
/* line 55, ../../sass/pages/_price.scss */
.price .internal-link-list-move .ribbon {
  height: 0;
  margin-bottom: 2em;
  border-top: 2.5em solid #c31731;
  border-right: 1em solid transparent;
  border-bottom: 2.5em solid #c31731;
  border-left: 1em solid transparent;
  position: relative;
}
/* line 64, ../../sass/pages/_price.scss */
.price .internal-link-list-move .ribbon div {
  display: table;
  background-color: #c31731;
  width: 100%;
  height: 3.2em;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
}
/* line 75, ../../sass/pages/_price.scss */
.price .internal-link-list-move .ribbon p {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-size: 90%;
  font-weight: bold;
  color: #fff;
  padding-left: 0 1em;
  letter-spacing: 0.1em;
}
/* line 85, ../../sass/pages/_price.scss */
.price .internal-link-list-move .ribbon p span {
  display: inline-block;
}
/* line 93, ../../sass/pages/_price.scss */
.price .internal-link-list-move a .circle {
  display: inline-block;
  background-color: #fff;
  border: 8px solid #01377f;
  width: 160px;
  height: 160px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  behavior: url("/test/docomo-sys/css/PIE.htc");
  position: relative;
  margin: 0 1em;
  position: relative;
  vertical-align: middle;
}
/* line 106, ../../sass/pages/_price.scss */
.price .internal-link-list-move a .circle i {
  display: block;
  width: 100%;
  font-size: 500%;
  line-height: 1em;
  text-align: center;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}
/* line 120, ../../sass/pages/_price.scss */
.price .internal-link-list-move a .h3 {
  display: inline-block;
  margin: 1em 1em 0;
  vertical-align: middle;
}
/* line 127, ../../sass/pages/_price.scss */
.price .internal-link-list-move a:hover .circle {
  background-color: #01377f;
  color: #fff;
}
/* line 132, ../../sass/pages/_price.scss */
.price .internal-link-list-move a:hover .h3 {
  color: #01377f;
}
/* line 139, ../../sass/pages/_price.scss */
.price [id^="move-price0"] {
  padding-top: 2em;
  margin-top: -2em;
}
/* line 144, ../../sass/pages/_price.scss */
.price h2.heading {
  margin-bottom: 3em;
}
/* line 148, ../../sass/pages/_price.scss */
.price h3 {
  display: inline-block;
  color: #01377f;
  margin: 1em;
  vertical-align: middle;
}
/* line 155, ../../sass/pages/_price.scss */
.price h3.blue-line {
  display: block;
  margin: 0 0 1em;
}
/* line 160, ../../sass/pages/_price.scss */
.price h4.blue-line {
  position: relative;
}
/* line 163, ../../sass/pages/_price.scss */
.price h4.blue-line .tax {
  font-size: 80%;
  font-weight: normal;
  color: #666;
  position: absolute;
  right: 0;
  bottom: 0;
}
/* line 175, ../../sass/pages/_price.scss */
.price .table-responsive td {
  font-size: 90%;
}
/* line 180, ../../sass/pages/_price.scss */
.price .table-responsive thead th {
  background-color: #01377f;
  color: #fff;
}
/* line 184, ../../sass/pages/_price.scss */
.price .table-responsive thead th h4 {
  margin-bottom: 0;
}
/* line 188, ../../sass/pages/_price.scss */
.price .table-responsive thead td {
  font-weight: bold;
  background-color: whitesmoke;
}
/* line 195, ../../sass/pages/_price.scss */
.price .table-responsive tbody th {
  background-color: whitesmoke;
}
/* line 200, ../../sass/pages/_price.scss */
.price .table-responsive tbody td strong {
  font-size: 150%;
}
/* line 204, ../../sass/pages/_price.scss */
.price .table-responsive tbody td .fa-circle-empty {
  font-size: 225%;
}
/* line 208, ../../sass/pages/_price.scss */
.price .table-responsive tbody td > .amount {
  padding: 0.4em 0;
}
/* line 214, ../../sass/pages/_price.scss */
.price .table-responsive .sub-title {
  background-color: whitesmoke;
  font-size: 90%;
  font-weight: bold;
}
/* line 220, ../../sass/pages/_price.scss */
.price .table-responsive .amount {
  color: #01377f;
}
/* line 224, ../../sass/pages/_price.scss */
.price .table-responsive .icon {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
/* line 229, ../../sass/pages/_price.scss */
.price .table-responsive .icon i {
  font-size: 400%;
  line-height: 1;
}
/* line 235, ../../sass/pages/_price.scss */
.price .table-responsive dl {
  margin: 0;
  font-size: 90%;
}
/* line 239, ../../sass/pages/_price.scss */
.price .table-responsive dl dt {
  background-color: whitesmoke;
  padding: 0.5em;
  margin: 0;
}
/* line 246, ../../sass/pages/_price.scss */
.price .table-responsive .among {
  margin: 1em 1em 0;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 252, ../../sass/pages/_price.scss */
.price .table-responsive .among dt {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  position: relative;
}
/* line 256, ../../sass/pages/_price.scss */
.price .table-responsive .among dd {
  padding: 1em;
}
/* line 259, ../../sass/pages/_price.scss */
.price .table-responsive .among dd .amount {
  font-size: 200%;
  color: #666;
}
/* line 266, ../../sass/pages/_price.scss */
.price .table-responsive .help-block {
  margin-bottom: 0;
}
/* line 270, ../../sass/pages/_price.scss */
.price .table-responsive .and {
  position: relative;
  padding: 1.5em 1em;
}
/* line 274, ../../sass/pages/_price.scss */
.price .table-responsive .and:after {
  content: "\e86b";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  width: 2em;
  height: 1em;
  color: #ccc;
  line-height: 1;
  text-align: center;
  margin-left: -1em;
  position: absolute;
  top: -0.5em;
  left: 50%;
  z-index: 99;
}
/* line 292, ../../sass/pages/_price.scss */
.price .panel {
  text-align: center;
}
/* line 295, ../../sass/pages/_price.scss */
.price .panel .panel-heading {
  font-size: 129%;
}
/* line 298, ../../sass/pages/_price.scss */
.price .panel .panel-heading i {
  font-size: 388%;
  line-height: 1;
  color: #fff;
  vertical-align: middle;
}
/* line 304, ../../sass/pages/_price.scss */
.price .panel .panel-heading h3 {
  color: #fff;
  font-size: 100%;
}
/* line 310, ../../sass/pages/_price.scss */
.price .panel .panel-body {
  padding: 0;
}
/* line 313, ../../sass/pages/_price.scss */
.price .panel .panel-body dl {
  margin: 0;
  font-size: 90%;
}
/* line 317, ../../sass/pages/_price.scss */
.price .panel .panel-body dl dt {
  background-color: whitesmoke;
  padding: 0.5em;
  margin: 0;
}
/* line 323, ../../sass/pages/_price.scss */
.price .panel .panel-body dl dd {
  padding: 1.5em;
}
/* line 328, ../../sass/pages/_price.scss */
.price .panel .panel-body .among {
  margin: 0 2em 1em;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
/* line 334, ../../sass/pages/_price.scss */
.price .panel .panel-body .among dt {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  position: relative;
}
/* line 338, ../../sass/pages/_price.scss */
.price .panel .panel-body .among dd {
  padding: 1em;
}
/* line 341, ../../sass/pages/_price.scss */
.price .panel .panel-body .among dd .amount {
  font-size: 200%;
  color: #666;
}
/* line 348, ../../sass/pages/_price.scss */
.price .panel .panel-body > .amount {
  padding: 0.67em;
}
/* line 354, ../../sass/pages/_price.scss */
.price .amount {
  font-size: 225%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
/* line 360, ../../sass/pages/_price.scss */
.price .amount sup {
  top: -0.2em;
}
/* line 361, ../../sass/pages/_price.scss */
.price .amount sub {
  font-size: 60%;
  bottom: 0.1em;
}
/* line 365, ../../sass/pages/_price.scss */
.price .main .panel {
  border-color: #01377f;
  border-width: 2px;
}
/* line 130, ../../sass/_mixins.scss */
.price .main .panel .panel-heading {
  background-color: #01377f;
  color: #fff;
  border-bottom-color: #01377f;
}
/* line 136, ../../sass/_mixins.scss */
.price .main .panel .amount {
  color: #01377f;
}
/* line 139, ../../sass/_mixins.scss */
.price .main .panel .initial-cost .amount {
  color: #666;
}
/* line 370, ../../sass/pages/_price.scss */
.price .main .price-list-table .amount {
  color: #01377f;
}
/* line 374, ../../sass/pages/_price.scss */
.price .sub .panel {
  border-color: #4a89dc;
  border-width: 2px;
}
/* line 130, ../../sass/_mixins.scss */
.price .sub .panel .panel-heading {
  background-color: #4a89dc;
  color: #fff;
  border-bottom-color: #4a89dc;
}
/* line 136, ../../sass/_mixins.scss */
.price .sub .panel .amount {
  color: #4a89dc;
}
/* line 139, ../../sass/_mixins.scss */
.price .sub .panel .initial-cost .amount {
  color: #666;
}
/* line 380, ../../sass/pages/_price.scss */
.price .plus {
  height: 2px;
  background-color: #ccc;
  margin: 0 1em;
  text-align: center;
}
/* line 386, ../../sass/pages/_price.scss */
.price .plus:before {
  content: "\e86b";
  display: inline-block;
  font: normal normal normal 225% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  width: 2em;
  color: #ccc;
  line-height: 1;
  text-align: center;
  position: relative;
  top: -0.5em;
}
/* line 400, ../../sass/pages/_price.scss */
.price .option .panel {
  border-color: #01377f;
  border-width: 2px;
}
/* line 130, ../../sass/_mixins.scss */
.price .option .panel .panel-heading {
  background-color: #01377f;
  color: #fff;
  border-bottom-color: #01377f;
}
/* line 136, ../../sass/_mixins.scss */
.price .option .panel .amount {
  color: #01377f;
}
/* line 139, ../../sass/_mixins.scss */
.price .option .panel .initial-cost .amount {
  color: #666;
}
/* line 404, ../../sass/pages/_price.scss */
.price .option .panel .panel-heading {
  font-size: 115%;
}
/* line 408, ../../sass/pages/_price.scss */
.price .option .panel .panel-body {
  padding: 2em;
}
/* line 411, ../../sass/pages/_price.scss */
.price .option .panel .panel-body ul {
  display: inline-block;
  text-align: left;
}
/* line 415, ../../sass/pages/_price.scss */
.price .option .panel .panel-body ul li {
  padding-left: 1.8em;
  position: relative;
}
/* line 419, ../../sass/pages/_price.scss */
.price .option .panel .panel-body ul li:before {
  content: "\e857";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  color: #01377f;
  line-height: 1;
}
/* line 435, ../../sass/pages/_price.scss */
.price .field .btn {
  font-weight: bold;
  padding: 1em 0;
  border: 2px solid #c31731;
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  -ms-border-radius: 10em;
  border-radius: 10em;
  letter-spacing: 0.05em;
}
/* line 442, ../../sass/pages/_price.scss */
.price .field .btn i {
  font-size: 150%;
  padding-right: 0.5em;
  vertical-align: middle;
}
/* line 448, ../../sass/pages/_price.scss */
.price .field .btn span {
  vertical-align: middle;
}
/* line 454, ../../sass/pages/_price.scss */
.price .field .price-list .btn {
  color: #c31731;
}
/* line 456, ../../sass/pages/_price.scss */
.price .field .price-list .btn:hover {
  background-color: #f6bb42;
  color: #fff;
  border-color: #f6bb42;
}
/* line 465, ../../sass/pages/_price.scss */
.price .field .price-contact .btn {
  background-color: #c31731;
  color: #fff;
}
/* line 468, ../../sass/pages/_price.scss */
.price .field .price-contact .btn:hover {
  background-color: #f6bb42;
  color: #fff;
  border-color: #f6bb42;
}
/* line 477, ../../sass/pages/_price.scss */
.price .well a {
  text-decoration: underline;
}
/* line 479, ../../sass/pages/_price.scss */
.price .d_bluejeans {
  color: #4a89dc !important;
}
/* line 480, ../../sass/pages/_price.scss */
.price .bg-d_bluejeans {
  background-color: #4a89dc !important;
}

/* line 483, ../../sass/pages/_price.scss */
.note {
  background-color: #d8d8d8;
  padding: 2em 0;
  text-align: center;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1) inset;
}
/* line 489, ../../sass/pages/_price.scss */
.note a {
  text-decoration: underline;
}

/* トラック協会リンク追加 2017.06.20 */
.truck_association {
  text-align: center;
}
.truck_link {
  background: #ffc926;
  margin-right: 30px;
  display: inline-block;
}
.truck_link .truck_link_box {
  text-decoration: none;
  display: block;
  width: 300px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 30px 30px 0;
}
.truck_link:hover {
  opacity: 0.6;
}
.truck_link span {
  font-size: 14px;
  font-weight: normal;
}
.truck_link_box:after {
  content: "";
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/link.png) no-repeat;
  position: relative;
  top: -15px;
  left: 122px;
  padding: 20px;
}
.truck_text {
  display: inline-block;
  width: 460px;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
/* トラック協会リンク追加 2017.06.20 */
  .truck_text {
    width: 385px;
  }
}
@media (max-width: 767px) {
  /* line 499, ../../sass/pages/_price.scss */
  .price .internal-link-list .internal-link {
    display: block;
    margin-bottom: 0.5em;
  }
  /* line 503, ../../sass/pages/_price.scss */
  .price .internal-link-list .internal-link:last-child {
    margin-bottom: 0;
  }
  /* line 513, ../../sass/pages/_price.scss */
  .price .internal-link-list-move a .circle {
    border-width: 6px;
    width: 120px;
    height: 120px;
    font-size: 75%;
  }
  /* line 520, ../../sass/pages/_price.scss */
  .price .internal-link-list-move a .h3 {
    width: 8em;
    margin: 1em 0.5em;
    text-align: left;
    white-space: nowrap;
  }
  /* line 533, ../../sass/pages/_price.scss */
  .price .table-responsive .icon i {
    font-size: 240%;
  }

/* トラック協会リンク追加 2017.06.20 */
  .truck_link {
    width: 100%;
    margin: 0;
  }
  .truck_link_box:after {
    top: -21px;
    left: 51%;
    padding: 15px;
  }
  .truck_link .truck_link_box {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}
  .truck_link span {
    font-size: 80%;
  }
  .truck_link .truck_link_box {
    font-size: 115%;
  }
  .truck_text {
    width: 100%;
    margin-top: 15px !important;
  }
}

/*--------------------------------------------------------------
  faq
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_faq.scss */
.faq .row[id] {
  margin-top: -2em;
  padding-top: 2em;
}
/* line 10, ../../sass/pages/_faq.scss */
.faq h3 {
  line-height: 1.5;
  padding-left: 0.8em;
  border-left: 8px solid #01377f;
}
/* line 16, ../../sass/pages/_faq.scss */
.faq .question {
  font-size: 90%;
  margin-bottom: 1em;
}
/* line 20, ../../sass/pages/_faq.scss */
.faq .question .panel-heading {
  border-bottom: none;
  border-radius: 7px;
  text-align: left;
}
/* line 25, ../../sass/pages/_faq.scss */
.faq .question .active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 30, ../../sass/pages/_faq.scss */
.faq .question dt {
  font-size: 115%;
  padding: 1em 3em 1em 3.5em;
  position: relative;
}
/* line 35, ../../sass/pages/_faq.scss */
.faq .question dt:before {
  content: "Q";
  display: inline-block;
  background: #01377f;
  width: 1.8em;
  height: 1.8em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.85;
  font-weight: bold;
  position: absolute;
  left: 1em;
  top: 0.9em;
  text-indent: 1px;
}
/* line 51, ../../sass/pages/_faq.scss */
.faq .question dt:after {
  content: "\e80f";
  display: inline-block;
  font: normal normal normal 100% iconfont;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  position: absolute;
  color: #d8d8d8;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
}
/* line 61, ../../sass/pages/_faq.scss */
.faq .question .active:after {
  content: "\e845";
  right: 1.1em;
}
/* line 65, ../../sass/pages/_faq.scss */
.faq .question dd {
  display: none;
  border-top: 1px solid #d8d8d8;
  padding: 2em 2em 2em 4em;
  margin-bottom: 0;
  position: relative;
}
/* line 72, ../../sass/pages/_faq.scss */
.faq .question dd .arrow {
  display: inline-block;
}
/* line 73, ../../sass/pages/_faq.scss */
.faq .question dd a {
  text-decoration: underline;
}
/* line 77, ../../sass/pages/_faq.scss */
.faq .question dd:before {
  content: "A";
  display: inline-block;
  background: #c31731;
  width: 1.8em;
  height: 1.8em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 1.85;
  font-size: 115%;
  font-weight: bold;
  position: absolute;
  left: 1em;
  top: 1.6em;
  text-indent: 1px;
}
/* line 96, ../../sass/pages/_faq.scss */
.faq .row dl:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
  for IE
--------------------------------------------------------------*/
/* line 5, ../../sass/pages/_ie.scss */
.ie8 .wsnw {
  white-space: normal;
}
/* line 8, ../../sass/pages/_ie.scss */
.ie8 .container {
  width: 990px;
}
/* line 11, ../../sass/pages/_ie.scss */
.ie8 .header .navbar-brand a {
  width: 195px;
}
/* line 15, ../../sass/pages/_ie.scss */
.ie8 .header .header02-logo a {
  width: 180px;
}
/* line 23, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav li {
  display: block;
  float: left;
}
/* line 27, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu01 {
  width: 100px;
}
/* line 28, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu02 {
  width: 205px;
}
/* line 29, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu03 {
  width: 150px;
}
/* line 30, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu04 {
  width: 205px;
}
/* line 31, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu05 {
  width: 150px;
}
/* line 32, ../../sass/pages/_ie.scss */
.ie8 .header #navbar .nav .menu06 {
  width: 150px;
}
/* line 42, ../../sass/pages/_ie.scss */
.ie8 .scene .table-striped tr:first-child,
.ie8 .scene .table-striped tbody > *:first-child + * + *,
.ie8 .scene .table-striped tbody > *:first-child + * + * + * + *,
.ie8 .scene .table-striped tbody > *:first-child + * + * + * + * + * + * {
  background-color: #f9f9f9;
}
/* line 46, ../../sass/pages/_ie.scss */
.ie8 .price .table-responsive dl dt {
  margin-right: 1px;
}

@media (min-width: 992px) {
  /* line 54, ../../sass/pages/_ie.scss */
  .ie8 .busnavi .doco-car .cstudy .box .company .comment {
    height: 8em;
  }

  /* line 59, ../../sass/pages/_ie.scss */
  .ie9 .move .advantage #advantage03 .row .revision:after {
    top: 145px;
  }
  /* line 63, ../../sass/pages/_ie.scss */
  .ie9 .price .internal-link-list .internal-link:after {
    font-size: 18px;
    margin: 0;
    top: 25px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 77, ../../sass/pages/_ie.scss */
  .ie8 .container {
    width: 750px;
  }
  /* line 79, ../../sass/pages/_ie.scss */
  .ie8 #mv-top .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/top-main_tb.png);
  }
  /* line 80, ../../sass/pages/_ie.scss */
  .ie8 #mv-move .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/move/move-main_tb.jpg);
  }
  /* line 81, ../../sass/pages/_ie.scss */
  .ie8 #mv-safety .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/safety/safety-main_tb.jpg);
  }
  /* line 82, ../../sass/pages/_ie.scss */
  .ie8 #mv-alcoholcheck .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/alcoholcheck/alcoholcheck-main_tb.jpg);
  }
  /* line 83, ../../sass/pages/_ie.scss */
  .ie8 #mv-busnavi .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/busnavi/busnavi-main_tb.jpg);
  }
  /* line 84, ../../sass/pages/_ie.scss */
  .ie8 #mv-drive-recorder .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/driverecorder-main_tb.png);
  }
  /* line 88, ../../sass/pages/_ie.scss */
  .ie8 .header .navbar-brand a {
    width: 175px;
  }
  /* line 92, ../../sass/pages/_ie.scss */
  .ie8 .header .header02-logo a {
    width: 160px;
  }
  /* line 100, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu01 {
    width: 75px;
  }
  /* line 101, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu02 {
    width: 160px;
  }
  /* line 102, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu03 {
    width: 125px;
  }
  /* line 103, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu04 {
    width: 160px;
  }
  /* line 104, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu05 {
    width: 100px;
  }
  /* line 105, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu06 {
    width: 100px;
  }

  /* line 114, ../../sass/pages/_ie.scss */
  .ie9 .move .advantage #advantage03 .row .revision:after {
    top: 130px;
  }
  /* line 118, ../../sass/pages/_ie.scss */
  .ie9 .price .internal-link-list .internal-link:after {
    font-size: 17px;
    margin: 0;
    top: 38px;
  }
}
@media (min-width: 768px) {
  /* line 132, ../../sass/pages/_ie.scss */
  .ie8 .price .internal-link-list {
    border-spacing: 7px 0;
    margin-right: -7px;
    margin-left: -14px;
  }
}
@media (max-width: 767px) {
  /* line 146, ../../sass/pages/_ie.scss */
  .ie8 .container {
    width: 100%;
  }
  /* line 153, ../../sass/pages/_ie.scss */
  .ie8 .header .navbar-header .navbar-brand a {
    width: 145px;
  }
  /* line 162, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav li {
    display: block;
    float: none;
  }
  /* line 166, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu01, .ie8 .header #navbar .nav .menu02, .ie8 .header #navbar .nav .menu03, .ie8 .header #navbar .nav .menu04, .ie8 .header #navbar .nav .menu05, .ie8 .header #navbar .nav .menu06 {
    width: 100%;
  }
  /* line 167, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu-item-has-children > a:after {
    content: "\2d";
  }
  /* line 168, ../../sass/pages/_ie.scss */
  .ie8 .header #navbar .nav .menu-item-has-children .collapsed:after {
    content: "\2b";
  }
}
/*--------------------------------------------------------------
  Print
--------------------------------------------------------------*/
@media print {
  /* line 6, ../../sass/pages/_print.scss */
  .faq .question dd,
  .service .flow .panel dd,
  .service .specs .specs-panel .content {
    display: block !important;
  }
}
/*--------- 20160516追加 メニュークリック無効化 start ---------*/
/* line 78, ../../sass/pages.scss */
a.none_hover_menu {
  cursor: default;
}

/* line 81, ../../sass/pages.scss */
.header .nav li .sub-menu li a.none_hover_menu:hover {
  background-color: #424242 !important;
}

/* line 85, ../../sass/pages.scss */
.footer_none {
  color: #555;
}

/* line 89, ../../sass/pages.scss */
.doco-car .service .none_click {
  background: rgba(221, 221, 221, 0.5);
  border: 2px solid #6787B2 !important;
  cursor: default !important;
}

/* line 94, ../../sass/pages.scss */
.doco-car .service .none_click:hover {
  text-decoration: none;
  border: 2px solid #6787B2 !important;
}

/* line 98, ../../sass/pages.scss */
.comming_soon {
  position: absolute;
  color: #000;
  font-size: 22px;
  top: 40%;
  text-align: center;
  width: 100%;
  z-index: 1;
  display: block;
}

/*--------- 20160516追加 メニュークリック無効化 end ---------*/
/*--------------------------------------------------------------
  2016.06.07　輸配送進捗管理サービスリリースバナー用
--------------------------------------------------------------*/
/* line 113, ../../sass/pages.scss */
.delivery-bnr img {
  width: 100%;
}

/*--------------------------------------------------------------
  2016.06 輸配送進捗管理サービス
--------------------------------------------------------------*/
/* line 4, ../../sass/pages/_additional201606.scss */
.delivery .solution-block .icon {
  text-align: center;
}
/* line 6, ../../sass/pages/_additional201606.scss */
.delivery .solution-block .icon i {
  display: inline-block;
  height: 160px;
  font-size: 160px;
  line-height: 160px;
}
/* line 19, ../../sass/pages/_additional201606.scss */
.delivery ul.flow2 li div {
  border-radius: 8px;
  position: relative;
}
/* line 23, ../../sass/pages/_additional201606.scss */
.delivery ul.flow2 li div:after {
  content: "";
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
}
/* line 33, ../../sass/pages/_additional201606.scss */
.delivery ul.flow2 li div .icon i {
  display: inline-block;
  font-size: 3em;
  line-height: 1;
}
/* line 40, ../../sass/pages/_additional201606.scss */
.delivery ul.flow2 li div .inner {
  font-size: 95%;
  line-height: 1.5;
}
/* line 48, ../../sass/pages/_additional201606.scss */
.delivery ul.flow2 li:last-child div:after {
  display: none;
}
@media (max-width: 767px) {
  /* line 56, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li {
    margin-bottom: 1.5em;
  }
  /* line 59, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div {
    display: table;
    width: 100%;
    padding: 1em 0;
  }
  /* line 64, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div:after {
    border-top-color: #01377f;
    border-width: 1em;
    margin-left: -1em;
    top: 100%;
    left: 50%;
  }
  /* line 72, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .icon {
    display: table-cell;
    width: 42%;
    text-align: right;
    vertical-align: middle;
  }
  /* line 78, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .icon i {
    width: 1.5em;
    text-align: center;
  }
  /* line 84, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .inner {
    display: table-cell;
    height: 4.5em;
    text-align: left;
    vertical-align: middle;
    padding-left: 8%;
  }
  /* line 93, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  /* line 104, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div {
    padding: 1.5em 0;
  }
  /* line 107, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div:after {
    border-left-color: #01377f;
    border-width: 1em;
    margin-top: -1em;
    top: 50%;
    left: 100%;
  }
  /* line 115, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .icon {
    margin-bottom: 0.5em;
  }
  /* line 119, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .inner {
    display: table;
    width: 100%;
  }
  /* line 123, ../../sass/pages/_additional201606.scss */
  .delivery ul.flow2 li div .inner span {
    display: table-cell;
    height: 4.5em;
    vertical-align: middle;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 135, ../../sass/pages/_additional201606.scss */
  .delivery .col-sm-6 img {
    width: 344px;
  }
}
@media (min-width: 992px) {
  /* line 135, ../../sass/pages/_additional201606.scss */
  .delivery .col-sm-6 img {
    width: 464px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 139, ../../sass/pages/_additional201606.scss */
  .delivery .col-sm-5 img {
    width: 284px;
  }
}
@media (min-width: 992px) {
  /* line 139, ../../sass/pages/_additional201606.scss */
  .delivery .col-sm-5 img {
    width: 384px;
  }
}
@media (min-width: 768px) {
  /* line 146, ../../sass/pages/_additional201606.scss */
  #mv-delivery .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/delivery/delivery-main_pc.jpg);
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx) {
  /* line 152, ../../sass/pages/_additional201606.scss */
  #mv-delivery .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/service/delivery/delivery-main_pc@2x.jpg);
  }
}
/*--------------------------------------------------------------
  column
--------------------------------------------------------------*/
/* line 4, ../../sass/pages/_additional201609.scss */
.column-img {
  float: left;
  margin-right: 20px;
}
@media (max-width: 767px) {
  /* line 10, ../../sass/pages/_additional201609.scss */
  .column-img {
    max-height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
  }
  /* line 16, ../../sass/pages/_additional201609.scss */
  .column-img img {
    margin:0;
    width: 100%;
  }
  /* line 20, ../../sass/pages/_additional201609.scss */
  .pdlr10 {
    padding: 0 10px;
  }
  img.trim-10 {
    margin: -10% 0 0 0;
  }
  img.trim-18 {
  margin: -18% 0 0 0;
}
  /* line 23, ../../sass/pages/_additional201609.scss */
  img.trim-60 {
    margin: -60% 0 0 0;
  }
}

/*--------------------------------------------------------------
2018.01.17 ドラレコリニューアル
--------------------------------------------------------------*/
@media (min-width: 768px) {
  /* line 78, ../../sass/pages/_drive-recorder.scss */
  #mv-drive-recorder .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/driverecorder-main_pc.png);
  }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 2dppx) {
  /* line 84, ../../sass/pages/_drive-recorder.scss */
  #mv-drive-recorder .main-visual {
    /* background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/driverecorder-main_pc@2x.jpg); */
    height: 300px;
    background-size: cover;
  }
}

/* --------------------レイアウト-------------------- */
.flt-r {
  float: right;
}
.ib {
  display: inline-block;
}
.tb,
.sp {
  display: none;
}
/* --------------------ヘッダー-------------------- */
.header .navi-menu .navbar-header .navbar-brand.dr-brand a {
  width: 300px;
}
.header .wrap-head.dr-head {
  margin-left: 0;
}
.header .dr-head .dr-logobox {
  width: 545px;
}
.header .dr-head .dr-logobox.double {
  width: 360px;
}
.header .dr-head .dr-logobox img {
  height: 30px;
}
.header .dr-head .dr-logobox p {
  color: #01377F;
  font-size: 22px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 0;
}
/* --------------------メインビジュアル-------------------- */
#mv-drive-recorder .dr-visual {
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  #mv-drive-recorder .dr-visual {
    margin-top: 2em;
  }
}
/* --------------------メインコンテンツ-------------------- */
/* ==========選ばれる理由========== */
.drive-recorder .anchor a:nth-child(2) {
  margin: 0 15px;
}
.drive-recorder .reasons .frame {
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  width: 410px;
}
.drive-recorder .reasons .f-gray {
  border: 1px solid #D9D9D9;
}
.drive-recorder .reasons .f-red {
  border: 1px solid #CC0033;
}
.drive-recorder .reasons .reason-title {
  border-radius: 7px 7px 0 0;
  color: #01377F;
  padding: 10px 15px;
}
.drive-recorder .reasons .c-fff {
  color: #fff;
}
.drive-recorder .reasons .bg-red {
  background: #CC0033;
}
.drive-recorder .reasons .reason-box .arrange {
  padding: 13.5px 0;
}
.drive-recorder .reasons .reason-box {
  padding: 20px;
}
.drive-recorder .reasons .reason-image {
  margin: 20px 0 5px;
}
.drive-recorder .reasons .reason-image .method {
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
.drive-recorder .reasons .reason-list {
  min-height: 12.6em;
  padding: 10px 20px;
  text-align: justify;
}
.drive-recorder .reasons .reason-list ul {
  font-size: 13px;
  list-style: disc;
  margin-left: auto;
  width: 97%;
}
.drive-recorder .reasons .bg-pink {
  background: #FFABAB;
}

/* ==========様々な業種で効果実証========== */
.drive-recorder .introduction .introduction-image img {
  margin-right: 20px;
}
.drive-recorder .introduction .introduction-image img:last-child {
  margin-right: 0;
}
.drive-recorder .introduction .icon {
  margin: 0;
  white-space: nowrap;
}
.drive-recorder .introduction .icon i {
  line-height: 1;
  position: relative;
}
.drive-recorder .introduction .icon .fa-handshake {
  font-size: 12em;
}
.drive-recorder .introduction .icon .icon01 {
  font-size: 9.5em;
  top: -0.3em;
}
.drive-recorder .introduction .icon .icon02 {
  bottom: -0.1em;
  font-size: 10.5em;
  text-indent: -0.4em;
}
.drive-recorder .introduction .d_grass .icon01 {
  color: #c6dfac;
}
.drive-recorder .introduction .panel .panel-heading {
  color: #fff;
  white-space: nowrap;
}
.drive-recorder .introduction .panel {
  background-color: #f2f2f2;
}
.drive-recorder .introduction .panel .panel-body {
  padding: 2em 3em 0;
}
.drive-recorder .introduction .panel .panel-body .title {
  background-color: #d8d8d8;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  text-align: center;
}
.drive-recorder .introduction .panel .panel-body .down {
  background: #ebf3ff;
  border: 2px solid #01377f;
  color: #01377f;
}
.drive-recorder .introduction .panel .panel-body .result {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  font-size: 129%;
  letter-spacing: 0;
  padding: 1em 1em 1em 0;
  position: relative;
  text-align: center;
}
.drive-recorder .introduction .panel .panel-body .up {
  background: #fbdfe3;
  border: 2px solid #c31731;
  color: #c31731;
}
.drive-recorder .introduction .panel .panel-body .result.up,
.drive-recorder .introduction .panel .panel-body .result.down {
  position: relative;
}
.drive-recorder .introduction .panel .panel-body .result span {
  font-size: 129%;
  font-weight: bold;
  line-height: 1;
}
.drive-recorder .introduction .panel .panel-body .result span strong {
  font-size: 150%;
}
.drive-recorder .introduction .panel .panel-body .image {
  text-align: center;
}
.drive-recorder .introduction .panel .panel-body .result:before {
  border: 0.6em solid transparent;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -0.6em;
  position: absolute;
  top: 100%;
  width: 0;
}
.drive-recorder .introduction .panel .panel-body .down:before {
  border-top: 0.6em solid #01377f;
}
.drive-recorder .introduction .panel .panel-body .up:before {
  border-top: 0.6em solid #c31731;
}
.drive-recorder .introduction .panel .panel-body .result.up:after,
.drive-recorder .introduction .panel .panel-body .result.down:after {
  bottom: 0.1em;
  display: inline-block;
  font: normal normal normal 500% iconfont;
  line-height: inherit;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  right: -0.25em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.drive-recorder .introduction .panel .panel-body .up:after {
  color: #c31731;
  content: "\e831";
}
.drive-recorder .introduction .panel .panel-body .down:after {
  color: #01377f;
  content: "\e82f";
}
.drive-recorder .introduction .panel .panel-body .supplement {
  font-size: smaller;
  font-weight: bold;
  text-align: center;
}

.drive-recorder .introduction .panel .panel-footer {
  background-color: #fff;
  padding: 2em 3em;
  position: relative;
}
.drive-recorder .introduction .panel .panel-footer .voice {
  background-color: #fff;
  font-size: smaller;
  font-weight: bold;
}
.drive-recorder .introduction .panel .panel-body .title span {
  color: #01377f;
  font-size: 129%;
  line-height: 1.4;
  vertical-align: middle;
}
.drive-recorder .introduction .panel .panel-body .title span strong {
  font-size: 129%;
}

/* ==========管理者の負担軽減========== */
.drive-recorder .function .functionbox {
  display: inline-block;
  padding: 20px;
  vertical-align: middle;
  width: 45%;
}
.drive-recorder .function .functionbox .function-text ul {
  list-style: disc;
}
.drive-recorder .function .functionbox._01 {
  min-height: 14.7em;
}
.drive-recorder .function .functionbox._02 {
  min-height: 18em;
}
.drive-recorder .function .problem {
  border: 3px solid #7F7F7F;
  margin-right: 25px;
}
.drive-recorder .function .improvement {
  border: 3px solid #cc0033;
}
.drive-recorder .function .function-image {
  display: inline-block;
  vertical-align: top;
}
.drive-recorder .function .function-text {
  display: inline-block;
  margin-bottom: 15px;
  margin-left: 30px;
  width: 255px;
}
.drive-recorder .function .sankaku {
  border-top: 30px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #7F7F7F;
  display: inline-block;
  height: 0;
  position: relative;
  top: 25px;
  width: 0;
}

/* ==========ドラレコ概要========== */
.drive-recorder .summary .info {
  border: 3px solid #01377f;
  margin-bottom: 50px;
  padding: 30px;
  text-align: center;
}
.drive-recorder .summary .info p {
  font-size: 18px;
}
.drive-recorder .summary .info .servicebox {
  display: inline-block;
  width: 300px;
}
.drive-recorder .summary .info .servicebox p {
  padding-bottom: 50px;
}
.drive-recorder .summary .info .plus-icon {
  display: inline-block;
  margin: 0 20px 0 40px;
}
.drive-recorder .summary .info .plus-icon .plus:before {
  background-color: #fff;
  color: #ccc;
  content: "\e86b";
  display: inline-block;
  font: normal normal normal 225% iconfont;
  line-height: inherit;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 2em;
}
.drive-recorder .summary .info .machinebox {
  display: inline-block;
  vertical-align: top;
  width: 225px;
}
.drive-recorder .summary .info .machinebox .machine-image {
  margin: 0 auto;
  padding: 0 30px;
  width: 200px;
}

/* ==========ドラレコの特長========== */
.drive-recorder .features .featurebox {
  border: 1px solid #01377f;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  display: block;
  margin-bottom: 30px;
  position: relative;
  text-decoration: none !important;
  width: 100%;
  height: 100%;
}
.drive-recorder .features .featurebox span {
  display: block;
}
.drive-recorder .features .featurebox .feature-title {
  background-color: #01377f;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 10px 15px;
  text-align: center;
}
.drive-recorder .features .featurebox .feature-photo {
  margin: 0 auto;
  padding: 15px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.drive-recorder .features .featurebox .text-block {
  min-height: 9.5em;
  padding: 0 15px;
}

/* ==========料金========== */
.drive-recorder .price-plan .main .panel {
  border-color: #01377f;
  border-width: 2px;
}
.drive-recorder .price-plan .panel {
  text-align: center;
}
.drive-recorder .price-plan .main .panel .panel-heading {
  background-color: #01377f;
  border-bottom-color: #01377f;
  color: #fff;
}
.drive-recorder .price-plan .panel .panel-heading {
  font-size: 129%;
}
.drive-recorder .price-plan .panel .panel-body {
  padding: 0;
}
.drive-recorder .price-plan .main .panel .amount {
  color: #01377f;
}
.price-layout .panel .panel-body > .amount {
  padding: 0.67em 1.67em;
  color: #01377f;
}
.price-layout .panel .panel-body > .amount-half {
  padding: 0.30em 1.67em;
  color: #01377f;
}
.price-layout .panel .panel-body .btm-line{
  border-bottom: solid 2px #01377f;
}
.safety-box .panel-body p.title{
  font-size: 75%;
  margin-top: 6px;
}
.price-layout .amount,
.price-layout .amount-half {
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
.drive-recorder .price-plan .panel h3 {
  margin-bottom: 0;
}
.drive-recorder .price-plan .option .panel {
  border-color: #01377f;
  border-width: 2px;
}
.drive-recorder .price-plan .option .panel .panel-heading {
  font-size: 115%;
}
.drive-recorder .price-plan .option .panel .panel-heading {
  background-color: #01377f;
  border-bottom-color: #01377f;
  color: #fff;
}
.drive-recorder .price-plan .option .panel .panel-body {
  padding: 2em;
}
.drive-recorder .price-plan .option .panel .panel-body ul {
  display: inline-block;
  text-align: left;
}
.drive-recorder .price-plan .option .panel .panel-body ul li {
  margin-bottom: 0;
  padding-left: 1.8em;
  position: relative;
}
.drive-recorder .price-plan .option .panel .panel-body ul li:before {
  color: #01377f;
  content: "\e857";
  display: inline-block;
  font: normal normal normal 150% iconfont;
  left: 0;
  line-height: inherit;
  line-height: 1;
  position: absolute;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------レスポンシブ-------------------- */

@media (max-width: 991px) {
/* --------------------レイアウト-------------------- */
  h2 span {
    white-space: normal;
  }
  .pc {
    display: none;
  }
  .tb {
    display: block;
  }
/* --------------------ヘッダー-------------------- */
  .header .navi-menu.mB20em {
    margin-bottom: 1em !important;
  }
  .header .navi-menu .navbar-header .navbar-brand.tb .safty-logo {
    vertical-align: baseline;
  }
  .header .navi-menu .navbar-header .navbar-brand.tb p {
    color: #01377F;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 0;
  }
/* --------------------メインコンテンツ-------------------- */
/* ==========診断レポート========== */
  .drive-recorder .report .banner-box button {
    width: 100%;
  }
/* ==========管理者の負担軽減========== */
  .drive-recorder .functionbox .function-image {
    display: block;
    padding-bottom: 15px;
    text-align: center;
  }
  .drive-recorder .function .function-text {
    width: auto;
  }
/* ==========ドラレコの特長========== */
  .drive-recorder .features .featurebox .feature-photo {
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
/* --------------------ヘッダー-------------------- */
  .header .navi-menu .navbar-header .navbar-brand.dr-brand a {
    width: 175px;
    display: inline-block;
  }
  .header .navi-menu .navbar-header .navbar-brand.tb .safty-logo {
    display: inline-block;
    margin-left: 5px;
    width: 110px;
  }
/* --------------------メインコンテンツ-------------------- */
/* ==========選ばれる理由========== */
  .drive-recorder .anchor img {
    width: 31.5%;
  }
  .drive-recorder .reasons .frame {
    width: 49%;
  }
  .drive-recorder .reasons .reason-list {
    min-height: 16.8em;
  }
  .drive-recorder .reasons .reason-list._03 {
    min-height: 13.5em;
  }
/* ==========診断レポート========== */
  .drive-recorder .report .report-image .col-md-6 {
    display: inline-block;
    width: 49%;
  }
/* ==========様々な業種で効果実証========== */
  .drive-recorder .introduction .introduction-image img {
    width: 30%;
  }
/* ==========管理者の負担軽減========== */
  .drive-recorder .function .functionbox {
    width: 44.3%;
  }
  .drive-recorder .function .problem {
    margin-right: 20px;
  }
  .drive-recorder .function .sankaku {
    border-right: 15px solid transparent;
  }
  .drive-recorder .function .functionbox._01 {
    min-height: 21.5em;
  }
  .drive-recorder .function .functionbox._02 {
    min-height: 24.8em;
  }
/* ==========ドラレコの特長========== */
  .drive-recorder .features .featurebox .text-block {
    min-height: 13.5em;
    padding: 20px 15px;
  }
/* ==========料金========== */
  .drive-recorder .price-plan .option .panel .panel-body ul {
    text-align: center;
    width: auto;
  }
  .drive-recorder .price-plan .option .panel .panel-body ul li {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
/* --------------------ヘッダー-------------------- */
  .header .navi-menu .navbar-header .navbar-brand.dr-brand a {
    width: 150px;
    display: inline-block;
  }
  .header .navi-menu .navbar-header .navbar-brand.tb p {
    font-size: 14px;
  }
  .header .navi-menu .navbar-header .navbar-brand.tb .safty-logo {
    display: inline-block;
    margin-left: 5px;
    width: 95px;
  }
/* --------------------メインコンテンツ-------------------- */
/* ==========選ばれる理由========== */
  .drive-recorder .reasons .reason-list {
    min-height: auto;
  }
  .drive-recorder .anchor a:nth-child(2) {
    margin: 0 10px;
  }
  .drive-recorder .anchor img {
    width: 29%;
  }
  .drive-recorder .reasons .frame {
    width: 100%;
  }
  .drive-recorder .reasons .f-gray {
    margin-bottom: 50px;
  }
/* ==========様々な業種で効果実証========== */
  .drive-recorder .introduction .introduction-image img {
    margin-right: 0;
    margin-bottom: 20px;
    display: block;
    margin: 0 auto 20px;
  }
  .drive-recorder .introduction .introduction-image img:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
  .drive-recorder .introduction .icon {
    font-size: 80%;
  }
/* ==========管理者の負担軽減========== */
  .drive-recorder .function .functionbox {
    height: auto;
    width: 100%;
  }
  .drive-recorder .function .functionbox._01 {
    margin-bottom: 30px;
  }
  .drive-recorder .function .functionbox._01,
  .drive-recorder .function .functionbox._02 {
    min-height: auto;
  }
  .drive-recorder .function .problem {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .drive-recorder .function .problem .function-text {
    margin-bottom: 0;
  }
  .drive-recorder .function .sankaku {
    border-top: 30px solid #7F7F7F;
    border-right: 30px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid transparent;
    display: block;
    height: 0;
    margin: 0 auto;
    top: 0;
    width: 0;
  }
/* ==========ドラレコ概要========== */
  .drive-recorder .summary .info {
    padding: 15px;
  }
  .drive-recorder .summary .info .servicebox {
    display: block;
    width: auto;
  }
  .drive-recorder .summary .info .servicebox p {
    padding-bottom: 10px;
  }
  .drive-recorder .summary .info .servicebox img {
    width: 80%;
  }
  .drive-recorder .summary .info .plus-icon {
    display: block;
    margin: 15px 0;
  }
  .drive-recorder .summary .info .machinebox {
    width: auto;
  }
  .drive-recorder .summary .info .machinebox .machine-image {
    padding: 0;
    width: auto;
  }
  .drive-recorder .summary .info .machinebox .machine-image img {
    width: 50%;
  }
/* ==========ドラレコの特長========== */
  .drive-recorder .features .featurebox .feature-photo .wd55per {
    width: auto;
    max-width: 50%;
  }
  .drive-recorder .features .featurebox .text-block {
    min-height: auto;
    padding-bottom: 15px;
  }
}
/*--------------------------------------------------------------
2018.02 ドラレココラム
--------------------------------------------------------------*/
/* スタイル */
.fs80per {
  font-size: 80%;
}
.mTauto {
  margin-top: auto;
}
/* メインビジュアル */
.main-title-area {
  max-width: 1150px;
  margin: 0 auto;
}
.main-title {
  font-size: 250%;
  font-weight: bold;
  color: #01377F;
  text-align: center;
  width: 450px;
  float: right;
  margin-top: 120px;
}
.main-title > p:nth-child(2) {
  margin: 20px 0;
}
/* *****コラム一覧***** */
#drecorder-column-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
#drecorder-column-wrap .columnlist-wrap {
  width: 680px
}
/* 最新コラム */
#drecorder-column-wrap .newcolumn-wrap {
  border: 2px solid #01377f;
}
#drecorder-column-wrap .newcolumn-wrap a {
  color: #333;
  display: block;
  padding: 15px;
  text-decoration: none !important;
}
#drecorder-column-wrap .newcolumn-wrap a:hover {
  opacity: 0.7;
  color: #333;
  text-decoration: none;
}
#drecorder-column-wrap .newmark-date-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
#drecorder-column-wrap .column-newmark {
  display: inline;
  padding: 2px 5px;
  background-color: #cc0033;
  color: #fff;
}
#drecorder-column-wrap .newcolumn-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}
#drecorder-column-wrap .newcolumn-img-box {
  width: 235px;
}
#drecorder-column-wrap .newcolumn-text-box {
  width: 390px;
}
#drecorder-column-wrap .omission {
  visibility: hidden;
}
#drecorder-column-wrap .arrow-img img {
  width: 32px;
}
/* 過去コラム */
#drecorder-column-wrap .pastcolumn-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#drecorder-column-wrap .pastcolumn-box {
  border: 2px solid #01377f;
  display: flex;
  margin-bottom: 1.5em;
  width: 330px;
}
#drecorder-column-wrap .pastcolumn-box a {
  color: #333;
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
  text-decoration: none !important;
  width: 330px;
}
#drecorder-column-wrap .pastcolumn-box a:hover {
  color: #333;
  opacity: 0.7;
  text-decoration: none;
}
#drecorder-column-wrap .pastcolumn-img-box {
  min-height: 0%;
}
#drecorder-column-wrap .adjust-box {
  width: 100%;
}
/* お奨めコラム */
#drecorder-column-wrap .recommendcolumn-wrap {
  width: 250px;
}
#drecorder-column-wrap .recommendcolumn-title {
  background: #01377f;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}
#drecorder-column-wrap .recommendcolumn-box {
  box-shadow: 2px 2px 10px;
}
#drecorder-column-wrap .recommendcolumn-wrap a {
  background: #f5f5f5;
  color: #333;
  display: block;
  padding: 15px 15px;
  text-decoration: none !important;
}
#drecorder-column-wrap .recommendcolumn-wrap a:hover {
  color: #333;
  opacity: 0.7;
  text-decoration: none;
}
/* もっと見るボタン */
#drecorder-column-wrap #more-btn-plus {
  border: 1px solid #01377f;
  color: #01377f;
  margin-top: 30px;
  padding: 10px 20px;
  text-align: center;
}
#drecorder-column-wrap #more-btn-plus:hover {
  border: 1px solid #f6bb42;
  color: #f6bb42;
  cursor: pointer;
}
#drecorder-column-wrap .icon-plus:before {
  content: "\e86b";
  font: normal normal normal 125% iconfont;
  margin-left: 20px;
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  .dr-column-visual {
    height: 240px;
  }
  .dr-column-visual .main-title {
    line-height: 2;
    margin-top: 30px;
    margin-right: 35px;
    width: 65%;
  }
  .dr-column-visual .main-title > p:nth-child(2) {
    margin: 0;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .dr-column-visual .main-title {
    margin-top: 55px;
    margin-right: 50px;
    width: 65%;
  }
  #drecorder-column-wrap .columnlist-wrap {
    width: 500px;
  }
  #drecorder-column-wrap .newcolumn-img-box {
    width: 200px;
  }
  #drecorder-column-wrap .newcolumn-text-box {
    width: 250px;
  }
  #drecorder-column-wrap .pastcolumn-box {
    width: 240px;
  }
  #drecorder-column-wrap .recommendcolumn-wrap {
    width: 190px;
  }
}
@media (max-width: 767px) {
  #drecorder-column-wrap {
    display: block;
  }
  #drecorder-column-wrap .columnlist-wrap {
    width: 100%;
  }
  #drecorder-column-wrap .newcolumn-box {
    display: block;
  }
  #drecorder-column-wrap .newcolumn-img-box {
    margin-bottom: 2em;
    width: 100%;
  }
  #drecorder-column-wrap .newcolumn-text-box {
    width: 100%;
  }
  #drecorder-column-wrap .pastcolumn-wrap {
    display: block;
  }
  #drecorder-column-wrap .pastcolumn-box {
    width: 100%;
  }
  #drecorder-column-wrap .pastcolumn-box a {
    width: 100%;
  }
  #drecorder-column-wrap .recommendcolumn-wrap {
    margin-top: 70px;
    width: 100%;
  }
}
/* *****個別記事***** */
.column-img-fl {
  float: left;
  margin: 20px;
  width: 350px;
}
.column-img-fr {
  float: right;
  margin: 20px;
  width: 250px;
}
.column-img-fr-l {
  float: right;
  margin: 20px;
  width: 320px;
}
.column-img-fr-s {
  float: right;
  width: 170px;
}
.column-img-full {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.column-img-clear {
  clear: both;
}
.column-list-text {
  padding: 20px 0;
}
.icon-camera {
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/dreco-icon.png);
  width: 85px;
  height: 61px;
}
.icon-document {
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/dreco-icon2.png);
  width: 61px;
  height: 61px;
}
.column-btn a:hover > .icon-camera {
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/dreco-icon3.png);
  transition: none;
}
.column-btn a:hover > .icon-document {
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/dreco-icon4.png);
  transition: none;
}
.more-btn .icon-document {
  background-size: contain;
  width: 30px;
  height: 30px;
  margin: 0px;
}
.more-btn:hover .icon-document {
  background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/dreco-icon4.png);
  background-size: contain;
  transition: none;
  margin: 0px;
}
.box_bd {
  border: solid 1px #514A4B;
  padding: 20px;
}
.box_bd .small-text {
  font-size: 80%;
  padding-top: 15px;
}
.column-btn a {
  width: 48%;
  display: inline-block;
  color: #01377f;
  font-size: 90%;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none !important;
  padding: 20px 10px 0;
  border: 1px solid #01377f;
  border-radius: 10px;
  vertical-align: middle;
  min-height: 170px;
}
.column-btn a:hover {
  color: #f6bb42;
  border-color: #f6bb42;
}
.column-btn-icon {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  transition: .5s;
  margin-bottom: 1em;
}
/* 2018.12.17 ドコモの通信型ドライブレコーダーなら危険運転や事故の映像確認が簡単&効率的！*/
.column-triangle {
  width: 0;
  display: inline-flex;
  height: 0;
  border-left: 10px solid black;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin: -3px 2px 0 3px;
  vertical-align: middle;
}
.layout-split {
  display: flex;
}

@media (min-width: 768px) and (max-width: 991px) {
  .column-img-fl {
    float: left;
    margin: 20px;
    width: 235px;
  }
  .column-img-fr {
    float: right;
    margin: 20px;
    width: 235px;
  }
  .main-title {
    font-size: 200%;
    width: 47%;
    margin-top: 80px;
  }
}
@media (max-width: 767px) {
  .dococar-column-contents {
    width: 95%;
    margin: 0 auto;
  }
  .dococar-column-link .col-sm-8 > img {
    width: 25px;
  }
  .column-img-fl,
  .column-img-fr,
  .column-img-fr-l {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .main-visual > .main-title-area {
    display: none;
  }
  .visible-xs > .main-title {
    font-size: 180%;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #ededed;
  }
  .main-title > p:nth-child(2) {
    margin: 20px 0;
  }
  .column-btn a {
    width: 100%;
  }
  .column-btn a:first-child {
    margin-bottom: 18px;
  }
  .more-btn .icon-document {
    margin-bottom: -12px !important;
  }
  /* 2018.12.17 ドコモの通信型ドライブレコーダーなら危険運転や事故の映像確認が簡単&効率的！*/
  .layout-split {
    display: block;
  }
}
@media (min-width: 768px) {
  #mv-drive-recorder-column .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/column/column-main_pc.jpg);
  }
  .drecorder-column h1 span ,
  .drecorder-column h4 span ,
  .drecorder-column h5 span {
    white-space: normal;
  }
}
/*--------------------------------------------------------------
2018.04 導入事例一覧
--------------------------------------------------------------*/
#drecorder-cstudy-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
#drecorder-cstudy-wrap .arrow-img img {
  width: 32px;
}
#drecorder-cstudy-wrap .cstudy-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#drecorder-cstudy-wrap .cstudy-box {
  border: 2px solid #01377f;
  display: flex;
  margin-bottom: 1.5em;
  width: 470px;
}
#drecorder-cstudy-wrap .cstudy-box a {
  color: #333;
  display: flex;
  flex-direction: column;
  padding: 20px 15px;
  text-decoration: none !important;
  width: 470px;
}
#drecorder-cstudy-wrap .cstudy-box a:hover {
  color: #333;
  opacity: 0.7;
  text-decoration: none;
}
#drecorder-cstudy-wrap .cstudy-img-box {
  height: 245px;
  min-height: 0%;
  overflow: hidden;
  position: relative;
}
#drecorder-cstudy-wrap .cstudy-img-box img {
  position: absolute;
  width: 100%;
}
#drecorder-cstudy-wrap .cstudy-img-top1 img {
  top: -19%;
}
#drecorder-cstudy-wrap .cstudy-img-top2 img {
  top: -9%;
}
#drecorder-cstudy-wrap .adjust-box {
  width: 100%;
}
@media (max-width: 991px) and (min-width: 768px) {
  #drecorder-cstudy-wrap .cstudy-box {
    width: 350px;
  }
  #drecorder-cstudy-wrap .cstudy-img-box {
    height: 180px;
  }
}
@media (max-width: 767px) {
  #drecorder-cstudy-wrap {
    display: block;
  }
  #drecorder-cstudy-wrap .cstudy-wrap {
    display: block;
  }
  #drecorder-cstudy-wrap .cstudy-box {
    width: 100%;
  }
  #drecorder-cstudy-wrap .cstudy-box a {
    width: 100%;
  }
  #drecorder-cstudy-wrap .cstudy-img-box {
    height: auto;
  }
  #drecorder-cstudy-wrap .cstudy-img-box img {
    position: relative;
  }
  #drecorder-cstudy-wrap .cstudy-img-top1 img,
  #drecorder-cstudy-wrap .cstudy-img-top2 img {
  top: 0%;
  }
}
@media (min-width: 768px) {
  #mv-drive-recorder-cstudy .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/cstudy/cstudy-main_pc.jpg);
  }
  .dr-cstudy-visual {
    height: 240px;
  }
  .dr-cstudy-visual .main-title {
    line-height: 2;
    margin-top: 30px;
    margin-right: 25px;
    width: 70%;
  }
  .dr-cstudy-visual .main-title > p:nth-child(2) {
    margin: 0;
  }
}
/*--------------------------------------------------------------
2018.04 導入事例
--------------------------------------------------------------*/
.IL-box {
  display: inline;
}
.dorareco-cstudy1 {
  display: inline;
  padding: 2px 5px;
  background-color: #827E7E;
  color: #fff;
  margin: 0 2%;
}
.dorareco-cstudy1-1 {
  border: solid 2px #cc0033;
  font-size: 125%;
  font-weight: bold;
  padding: 1em;
  color: #cc0033;
  text-align: center;
  width: 66%;
  margin-left: 14%;
}
.img-left1 {
  float: left;
  text-align: center;
  margin: 0 1em 1em 0;
  width: 30%;
}
.img-left1 p {
  margin-top: 10px;
  font-weight: 500;
}
.img-right1 {
  float: right;
  text-align: center;
  margin: 0 1em 3em 1em;
  width: 30%;
}
.img-right2 {
  float: right;
  text-align: center;
  margin: 0 1em 1em 1em;
  width: 20%;
}
.img-right1-1 {
  float: right;
  text-align: center;
  margin: 0 1em 1em 1em;
  width: 30%;
}
.img-right2 p {
  margin-top: 10px;
  font-weight: 500;
}
.t-c {
  text-align: center;
}
.img-right1 p {
  margin-top: 10px;
  font-weight: 500;
}
.img-right1-1 p {
  margin-top: 10px;
  font-weight: 500;
}
.dococar-column-date {
  display: inline;
  padding: 2px 5px;
  margin: 0 15px 0px;
  float: right;
}
.dorareco-cstudy2 {
  padding: 0 80px;
}
.dorareco-cstud .pdl-60 {
  padding-left: 50px;
}
.dorareco-cstud .pdr-60 {
  padding-right: 50px;
}
.dorareco-cstudy a {
  color: #01377f;
  text-decoration: none!important;
}
.dorareco-cstudy a:hover {
  color: #f6bb42;
}
@media (max-width: 768px) {
  .dorareco-cstudy1-1 {
    width: 100%;
    margin-left: 0;
  }
  .img-left1 {
    width: 65%;
    margin: auto;
    padding: 1em;
  }
  .img-right1 {
    width: 100%;
    margin: auto;
    padding: 1em;
  }
  .img-right1-1 {
    width: 100%;
    margin: auto;
    padding: 1em;
  }
  .img-right2 {
    width: 50%;
    margin: auto;
    padding: 1em;
  }
  .dorareco-cstudy2 {
    padding: 0;
  }
  .dorareco-cstud .pdl-60 {
    text-align: center;
  }
  .dorareco-cstud .pdr-60 {
    text-align: center;
  }
  .dorareco-cstudy {
    padding: 0;
    margin-bottom: 0;
  }
  .dorareco-cstudy img {
    width: 100%!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .dorareco-cstudy2 {
    padding: 0;
  }
}
/*--------------------------------------------------------------
2018.05.22 お役立ち資料ダウンロードページ
--------------------------------------------------------------*/
.mB25em {
  margin-bottom: 2.5em;
}
.dococar-oyakudachi {
  border: 2px solid #01377f;
  padding: 20px 15px 20px;
}
.download .document-box {
  text-align: center;
}
/* お役立ち資料DL */
.download #dc_wp1 {
  display: none;
}
.download #dc_wp2 {
  display: none;
}
.download #dc_wp3 {
  display: none;
}
.download #dc_wp4 {
  display: none;
}
.download #dc_wp5 {
  display: none;
}
/* 導入事例DL */
.download #cstudy_wp1 {
  display: none;
}
.download #cstudy_wp2 {
  display: none;
}
/* DLページエラーの場合 */
.download #error_wp {
  display: none;
}
/* ダウンロードボタン */
.download .download-btn {
  border: 2px solid #c31731;
  border-radius: 10em;
  color: #c31731;
  display: block;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 auto 100px;
  padding: 1em 0;
  text-align: center;
  width: 450px;
}
.download .download-btn:hover {
  background-color: #f6bb42;
  border-color: #f6bb42;
  color: #fff;
  text-decoration: none;
}
.download .download-btn i {
  font-size: 150%;
  padding-right: 0.5em;
  vertical-align: middle;
}
.download .download-btn-pls {
  background-color: transparent;
  transition: .5s;
}
.download .fix-size {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .download .document-box {
    text-align: left;
  }
  .dococar-oyakudachi-contents {
    width: 95%;
    margin: 0 auto;
  }
  .dococar-oyakudachi {
    padding: 20px 3px 20px;
  }
  .download .download-btn {
    width: 90%;
  }
}
@media (min-width: 768px) {
  #mv-drive-recorder-oyakudachi .main-visual {
    background-image: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/oyakudachi/oyakudachi-main_pc.jpg);
  }
}
/*--------------------------------------------------------------
2019.01.18 申込書ダウンロードページ
--------------------------------------------------------------*/
.application .application-inner ul {
  list-style: disc;
  padding-left: 20px;
}
.application .document-info {
  background: #f4f4f4;
  border: solid 1px #ccc;color: #244061;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 100px;
  padding: 30px;
  text-align: center;
}
.application .document-info .info-inner {
  display: inline-block;
  text-align: left;
}
.application .document-info address {
  line-height: 1.5;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .application .application-inner.mB80em {
    margin-bottom: 4em !important;
  }
  .application.download .download-btn {
    margin-bottom: 50px;
  }
  .application .document-info {
    font-size: 14px;
  }
}
/*--------------------------------------------------------------
2019.07.03 コラム修正
--------------------------------------------------------------*/
.viewpc {
    display: block;
  }
  .viewsp {
    display: none;
  }
@media (max-width: 767px) {
  .viewpc {
    display: none;
  }
  .viewsp {
    display: block;
  }
}
/*--------------------------------------------------------------
2019.07.25 ドライブレコーダー新機能ページ追加
--------------------------------------------------------------*/
.mv-drive-recorder-arbitrary{
  margin-top: 2em;
}
.newfunction-subtitle{
  font-size: 160%;
}
.newfunction-title{
  text-align: center;
}
.newfunction-title .red-text{
  color: #FF0000;
  font-size: 320%;
  font-weight: bold
}
.newfunction-title .moji120{
  font-size: 120%;
}
.newfunction-subtitle .red-moji{
  color: #FF0000;
}
.useimage{
  font-size: 110%;
  margin: 50px 0;
}
.nowimage p:first-child{
  font-weight: bold;
  font-size: 130%;
}
.nowimage p span{
  color: #FF0000;
}
.pastimage p:first-child{
  font-weight: bold;
  font-size: 130%;
}
.pastimage p span{
  color: #FF0000;
}
.pastimage .blank{
  padding-left: 20.2px;
}
.nowimage .blank{
  padding-left: 20.2px;
}
.img-rightleft-m{
  margin: 20px 0;
}
.img-bottom-m{
  margin-bottom: 20px;
}
.moji-bottom-m{
  margin-bottom: 60px;
}
.moji-bottom-m ul.maru{
  list-style: disc;
  padding-left: 20px;
}
.moji-bottom-m > p:nth-child(3){
  margin-top: 7px;
}
.moji-bottom-m > p:nth-child(6){
  padding-left: 20px;
  margin-top: 7px;
}
@media (max-width: 767px){
  .newfunction-subtitle{
    font-size: 120%;
  }
  .nowimage p:first-child{
  font-size: 120%;
  }
  .pastimage p:first-child{
  font-size: 120%;
  }
  .newfunction-title .red-text{
  font-size: 220%;
  }
  .newfunction-title .moji120{
  font-size: 110%;
  }
}
@media (max-width: 990px){
  .mv-drive-recorder-arbitrary{
    margin-top: none;
  }
}

/*--------------------------------------------------------------
2019.08.30 ドライブレコーダー新機能index追加
--------------------------------------------------------------*/
.drive-recorder .anchor a:nth-child(3) {
    margin: 0 15px 0 0;
}

.view-pc{
  display: block;
}
.view-tb{
  display: none;
}
.view-sp{
  display: none;
}
.i-check{
  background-image: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/icon_check.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
}

.icon_newfunction{
  width: 110px;
  margin: 20px 0;
}
@media (max-width: 991px){
  .view-pc{
    display: none;
  }
  .view-tb{
    display: block;
  }
  .view-sp{
    display: none;
  }
  .icon_newfunction{
    margin: 20px 0;
    max-width: none;
    width: 120px;
  }
}

@media (max-width: 767px){
  .view-pc{
    display: none;
  }
  .view-tb{
    display: none;
  }
  .view-sp{
    display: block;
  }
  .drive-recorder .anchor a:nth-child(2) {
    margin: 0;
  }
  .drive-recorder .anchor a:nth-child(3) {
    margin: 0;
  }
  .drive-recorder .list-icon img{
    width: 43%;
    margin: 10px;
  }
  .icon_newfunction{
    margin: -27px 0;
    max-width: none;
    width: 80px;
  }
}
/*--------------------------------------------------------------
2019.11.20 導入事例ダウンロードページ
--------------------------------------------------------------*/
.cate-blue{
  text-align: center;
}
.decision-to-install {
  background-color: #01377f;
  color: #fff;
  width: 50%;
  margin: 0 auto 15px;
  padding: 6px;
  border-radius: 3px;
  font-size: 18px;
}
.cate-red{
  text-align: center;
}
.after-introduction {
  background-color: #C31731;
  color: #fff;
  width: 50%;
  margin: 0 auto 15px;
  padding: 6px;
  border-radius: 3px;
  font-size: 18px;
}
.interview-fA{
  text-align: center;
  color: #01377F;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
}
.interview-fB{
  text-align: center;
  font-weight: 600;
}
.drecorder-cstudy-dl {
  border: 2px solid #01377f;
  width: 800px;
  margin: 0 auto 60px;
}
.drecorder-cstudy-dl div.drecorder-dl-box {
  display: flex;
  justify-content: space-between;
  color: #333;
  padding: 15px;
  text-decoration: none !important;
}
.drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-img-box {
  width: 235px;
}
.drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-iv-box {
  width: 515px;
  position: relative;
}
.drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-iv-box div.drecorder-moji-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 515px;
}
.drecorder-cstudy-dl .arrow-img img {
    width: 32px;
}
@media (max-width: 991px) and (min-width: 768px){
  .drecorder-cstudy-dl {
    width: 100%;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-img-box {
  width: 205px;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-iv-box {
  width: 494px;
  }
}
@media (max-width: 767px) {
.interview-fA{
  font-size: 14px;
  margin-bottom: 14px;
  }
  .drecorder-cstudy-dl {
    width: 100%;
  }
  .decision-to-install {
    width: 100%;
  }
  .after-introduction {
    width: 100%;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box {
    display: block;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-img-box {
  width: 100%;
    margin-bottom: 2em;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-iv-box {
  width: 100%;
  }
  .drecorder-cstudy-dl div.drecorder-dl-box div.drecorder-iv-box div.drecorder-moji-box {
  position: inherit;
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
  width: 100%;
  }
}
/*--------------------------------------------------------------
2020.04.07 周知文
--------------------------------------------------------------*/
.well-known,
.well-known-02 {
  width: 90%;
  margin: 18px auto;
  padding: 15px;
  border: solid 1px #01377f;
}
.well-known-02 {
  width: 100%;
  padding: 0 0 15px 0;
  border: none;
  margin: 0 auto 18px;
}
.well-known p:first-child {
  font-size: 18px;
  margin-bottom: 8px;
}
.well-known-pc {
  display: block;
}
.well-known-02 input {
  display: none;
 }
.well-known-02 label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1.5;
  position: relative;
  padding: 10px 20px 10px 10px;
  background-color: #c31731;
  margin-bottom: 0;
  text-align: center;
}
.well-known-02 .well-known-contents {
  margin: 0;
  padding: 0;
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.4s, padding-top 0.4s;
  -webkit-transition: padding-bottom 0.4s, padding-top 0.4s;
  -moz-transition: padding-bottom 0.4s, padding-top 0.4s;
  -ms-transition: padding-bottom 0.4s, padding-top 0.4s;
  -o-transition: padding-bottom 0.4s, padding-top 0.4s;
}
#well-known-bar:checked ~ #well-known-contents {
  height: auto;
  opacity: 1;
  padding: 10px;
  border: solid 1px #c31731;
}
/*開閉矢印*/
.well-known-02 label:after {
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
.well-known-02 input[type=checkbox]:checked + label:after {
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}
@media (max-width: 991px) and (min-width: 768px) {
  .well-known-pc {
    display: none;
  }
}
@media (max-width: 767px) {
  .well-known,
  .well-known-02 {
    width: 90%;
  }
  .well-known-pc {
    display: none;
  }
}
/*--------------------------------------------------------------
2020.06.09 料金一覧ページ
--------------------------------------------------------------*/
@media (max-width: 991px) and (min-width: 768px) {
  .price .option .panel .safety-option ul li {
    display: inline-block;
    margin-bottom: 0;
  }
}
.price .safety-rental .panel-body > .amount:nth-child(odd),
.price-plan .safety-rental .panel-body > .amount:nth-child(odd) {
  padding-bottom: 0;
}
.price .safety-rental .panel-body > .amount:nth-child(even),
.price-plan .safety-rental .panel-body > .amount:nth-child(even) {
  padding-top: 0.2em;
}
/*--------------------------------------------------------------
2020.06.12 ドラレコトップページ 
--------------------------------------------------------------*/
.reason01 .clearfix .mb50,
.reason02 .clearfix .mb50 {
  margin-bottom: 0;
}
.report h2:after {
  content: none;
}
.report h3.h3-management {
  font-size: 200%;
  color: #1c1c1c;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.5em;
}
.report h3.h3-management:after {
  content: "";
  display: block;
  width: 40%;
  height: 0;
  border-bottom: 2px solid #c31731;
  margin: 0.5em auto 0;
}
.drive-recorder ul.list-icon {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.drive-recorder ul.list-icon li {
  width: 33.3333%;
}
.reasons .reason-box p {
  text-align: left;
}
.pl-0-5em {
  padding-left: 0.5em;
}
.pl-1em {
  padding-left: 1em;
}
.pl-2em {
  padding-left: 2em;
}
.reason01 .clearfix .frame:nth-child(2) .reason-box p,
.reason02 .clearfix .frame:nth-child(2) .reason-box p {
  padding: 13.5px 0 40.5px;
}
.reason03 .clearfix .frame:nth-child(2) .reason-box p {
  padding: 13.5px 0 40.5px;
}
.reason04 .clearfix .frame:nth-child(2) .reason-box p {
  padding: 13.5px 0 40.5px;
}
.reason05 .clearfix .frame:nth-child(2) .reason-box p {
  padding: 13.5px 0 40.5px;
}
.reason06 .clearfix .frame:nth-child(1) .reason-box p {
  padding: 13.5px 0 40.5px;
}
.reason-box p.level1 span.text{
  padding-left: 18px;
  display: block;
  background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/images_dococar/products/doco-car/driverecorder/icon_check.png") no-repeat;
  background-position: 0 4px;
}
.safety-box {
  display: flex;
  border: solid 2px #01377f;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 96px;
}
.safety-box:nth-child(1) {
  margin-bottom: 10px;
}
.safety-box:nth-child(2) .panel-body {
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.panel-body .safety-box .panel-heading {
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  width: 40%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.price-layout .panel .panel-body .flex{
  display: flex;
}
.price-layout .panel .panel-body .flex p{
  width: 50%;
}
.safety-box .panel-body p.amount {
 color: #01377f;
}
.safety-box sub {
  bottom: 0;
  font-size: 60%;
}
.drive-recorder .price-plan .option .safety-box .panel-body,
.row .option .safety-box .panel-body {
  padding: 0;
  width: 100%;
}
.pb-0-67em {
  padding-bottom: 0.67em;
}
.feature-image .lineup p {
  margin: 0 10px 0;
}
.ai-dorareco-box img {
  width: 100%;
}
.ai-dorareco-box-img{
  width: 65%;
  margin: 0 auto;
  margin-top: 30px;
}
.drive-recorder .features .features-lineup .featurebox .feature-title {
  background-color: #01377f;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 0.03em;
  padding: 10px 15px;
  text-align: center;
}
.drive-recorder .features .features-lineup .featurebox .feature-title .fc-yellow{
  color: rgb(255, 255, 0);
}
.new-position{
  position: absolute;
  left: -57px;
  top: -56px;
  width: 110px;
}
.reasons .level5 {
  padding-left: 2.5em;
}
.drive-recorder .h2-text{
  padding-left: 2em;
}

@media screen and (max-width: 768px) {
  .reason01 .clearfix .mb50,
  .reason02 .clearfix .mb50 {
    margin-bottom: 50px;
  }
  .report h3.h3-management {
    font-size: 150%;
  }
  .drive-recorder ul.list-icon li {
    width: 50%;
  }
  .drive-recorder ul.list-icon li img {
    width: 100%;
    padding: 10px;
    margin: 0;
  }
  .pl-0-5em {
    padding-left: 0.9em;
  }
  .pl-1em {
    padding-left: 1.3em;
  }
  .feature-image .lineup p:nth-child(1) {
    margin: 0 0 2.5em 0;
  }
  .reason01 .clearfix .frame:nth-child(1) .reason-box p,
  .reason01 .clearfix .frame:nth-child(2) .reason-box p,
  .reason02 .clearfix .frame:nth-child(1) .reason-box p,
  .reason02 .clearfix .frame:nth-child(2) .reason-box p,
  .reason03 .clearfix .frame:nth-child(1) .reason-box p,
  .reason03 .clearfix .frame:nth-child(2) .reason-box p,
  .reason04 .clearfix .frame:nth-child(1) .reason-box p,
  .reason04 .clearfix .frame:nth-child(2) .reason-box p,
  .reason05 .clearfix .frame:nth-child(1) .reason-box p,
  .reason05 .clearfix .frame:nth-child(2) .reason-box p,
  .reason06 .clearfix .frame:nth-child(1) .reason-box p,
  .reason06 .clearfix .frame:nth-child(2) .reason-box p {
    padding: 13.5px 0;
  }
  .reason-box p.level1 span.text {
    background-position: 0 1px;
  }
  .safety-box {
    height: 130px;
  }
  .ai-dorareco-box-img{
    margin-top: 0;
  }
  .safety-box {
    height: auto;
  }
  .price-layout .panel .panel-body > .amount {
    padding: 0.67em 0.67em;
    font-size: 2.2rem;
  }
  .price-layout .panel .panel-body > .amount-half {
    padding: 0.36em 0.67em;
    font-size: 2.2rem;
  }
  .price-layout .panel .panel-body .flex p:nth-child(1){
    width: 40%;
  }
  .price-layout .panel .panel-body .flex p:nth-child(2){
    width: 60%;
  }
  .new-position{
    position: absolute;
    left: -15px;
    top: -39px;
    width: 75px;
  }
  .reasons .level5 {
    padding-left: 0;
  }
  .price-layout .h2-text{
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .features-dorareco,
  .option-dorareco,
  .flow-dorareco {
    height: 470px;
    padding: 0 5px;
  }
  .option-dorareco {
    height: 400px;
  }
  .flow-dorareco {
    height: 340px;
  }
  .features-lineup {
    padding: 0 5px;
  }
  .feature-01 img {
    margin: 8.715px 0;
  }
  .lineup {
    display: flex;
    justify-content: center;
  }
  .features .feature-image .lineup p img {
    width: 100%;
  }
  .ai-dorareco-box,
  .ai-dorareco-box .ai-drive-box>div{
    display: flex;
  }
  .ai-dorareco-box > div:nth-child(1) {
    margin-right: 20px;
  }
  .ai-dorareco-box .ai-drive-box .ai-img-box div:nth-child(1) {
    margin-right: 25px;
  }
  .ai-dorareco-box div.ai-drive-box {
    width: 63%;
  }
}
@media (min-width: 992px) {
  .dorareco-main-kv {
    margin-top: 0;
    height: 374px;
  }
  #mv-drive-recorder .dorareco-main-kv {
    margin-top: 0;
  }
  .drive-recorder ul.list-icon li {
    margin-bottom: 2em;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .safety-box {
    height: auto;
  }
  .price-layout .panel .panel-body > .amount {
    padding: 0.67em 0.67em;
    font-size: 2.2rem;
  }
  .price-layout .panel .panel-body > .amount-half {
    padding: 0.46em 0.67em;
    font-size: 2.2rem;
  }
  .dorareco-main-kv {
    background-size: 1599px 374px;
    height: 374px;
  }
  .drive-recorder ul.list-icon li img {
    width: 100%;
    padding: 10px;
  }
  .reason06 .clearfix .frame:nth-child(1) .reason-box p,
  .reason03 .clearfix .frame:nth-child(2) .reason-box p,
  .reason05 .clearfix .frame:nth-child(2) .reason-box p,
  .reason04 .clearfix .frame:nth-child(2) .reason-box p {
    padding: 13.5px 0 38.5px;
}
  .reason01 .clearfix .frame:nth-child(2) .reason-box p{
    padding: 13.5px 0 88.5px;
  }
  .reason02 .clearfix .frame:nth-child(2) .reason-box p {
    padding: 13.5px 0 63.5px;
  }
  .new-position{
    position: absolute;
    left: -18px;
    top: -48px;
    width: 90px;
  }
  .reasons .level5 {
    padding-left: 0;
  }
  .drive-recorder .h2-text{
    padding-left: 0;
  }
}
/*--------------------------------------------------------------
2020.10.13 overviewlink
--------------------------------------------------------------*/
.drive-recorder a.overviewlink{
  border: 1px solid #cc0033;
  border-radius: 6px;
  padding: 10px 70px;
  color: #cc0033;
  display: block;
  margin-left: 90px;
  margin-right: 90px;
}

.drive-recorder a.overviewlink:hover{
  text-decoration: none;
  color: #f6bb42;
  border-color: #f6bb42;
}

.drive-recorder .overview-date{
  color: #000;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 991px) {
  .drive-recorder a.overviewlink{
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .drive-recorder a.overviewlink{
    padding: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}
/*--------------------------------------------------------------
2021.12.01 キャンペーン TOP
--------------------------------------------------------------*/
#campaign_box {
  text-align: center;
  background: #ffc000;
  width: 100%;
  height: 42px;
  line-height: 42px;
}
a #campaign_box {
  color: #ff1600;
  font-size: 18px;
  font-weight: bold;
}
a #campaign_box:hover {
  color: #14387a;
  text-decoration: underline;
}
#campaign_box.campaign_fixed {
  position: relative;
/*  top: 0;*/
  z-index: 960;
}
a.campaign_link {
  /*position: relative;
  top: -30px;*/
  display: block;
}
@media (max-width: 767px) {
  #campaign_box {
    height: auto;
    line-height: normal;
  }
  a.campaign_link {
  	/*top: -17px;*/
      height: 40px;
  }
}
/*--------------------------------------------------------------
2022.04.05 新アルチェページ作成
--------------------------------------------------------------*/
div.main-contents div.alcoholcheck.alcohol_font {
  font-size: 16px;
}
div.main-contents div.alcoholcheck.alcohol_font .alche_contents_01 .trouble p {
  font-size: 18px;
}
/*div.main-contents div.alcoholcheck.alcohol_font .alche_contents_03 .alche_features .number-title h3 {
  font-size: 28.8px;
}*/
#mv-new-alcoholcheck .main-visual {
  background-color: #01377f;
}
.service.alcoholcheck .triangle {
  background-color: #fff;
}
@media (min-width: 768px) {
  .service.alcoholcheck .alche_contents_02 h2 span:first-child {
    font-size: 30px;
  }
  /*div.main-contents div.alcoholcheck.alcohol_font .alche_contents_03 .alche_features .number-title h3 {
    font-size: 30px;
  }*/
}
.service.alcoholcheck .alche_contents_02 {
  position: relative;
}
.service.alcoholcheck .alche_introduction h2 {
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1.5em;
}
.service.alcoholcheck .alche_contents_00 .alche_introduction h2 span:first-child {
  font-weight: normal;
}
.service.alcoholcheck .bg-orange {
  background-color: #edb40a;
}
@media (min-width: 768px) {
  .service.alcoholcheck .alche_introduction h2 {
    font-size: 250%;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features {
    width: 80%;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div .number-title {
    width: 90%;
  }
}
.service.alcoholcheck .alche_introduction h2:after {
  content: none;
}
.service.alcoholcheck .alche_contents_01 h3:after {
  content: "";
  display: block;
  width: 25%;
  height: 0;
  border-bottom: 2px solid #c31731;
  margin: 0.5em auto 0;
}
.service.alcoholcheck .alche_contents_03 .alche_features {
  margin: 0 auto;
}
.service.alcoholcheck .alche_contents_03 .alche_features .alche_features_img p img {
  width: 100%;
}
.service.alcoholcheck .alche_contents_03 .alche_features .title p.right {
  display: block;
  text-align: right;
  margin: 10px 0;
  color: #777;
}
.service.alcoholcheck .alche_contents_03 .alche_features .number-title .number {
  font-size: 700%;
}
.service.alcoholcheck .alche_contents_03 .alche_features:nth-child(7) .title h3 {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .service.alcoholcheck .alche_contents_03 .alche_features .number-title .number {
    vertical-align: middle;
  }
  div.main-contents div.alcoholcheck.alcohol_font .alche_contents_03 .alche_features .number-title h3 span {
    white-space: normal;
  } 
}
@media screen and (max-width: 767px) {
  .service.alcoholcheck .alche_contents_03 .alche_features .number-title-top .number {
    padding-top:28.8px;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features:nth-child(7) .number-title-top .number {
    padding-top: 43.2px;
  }
}
@media screen and (max-width: 991px) {
  .service.alcoholcheck .alche_contents_03 .alche_features .title .level4 {
    font-size: 150% !important;
  }
}
.service.alcoholcheck .alche_contents_03 .alche_features > div:nth-child(2) {
  text-align: center;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors_wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 100%;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors_wrap > div:first-child {
  width: 40%;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors_wrap > div img {
  margin-right: 20px;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors_wrap > div:nth-child(2) {
  width: 60%;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors ul > li {
  background-color: #ebf3ff;
  margin-bottom: 10px;
  padding:5px 20px
}
.service.alcoholcheck .alche_contents_03 .alche_sensors .message_wrap {
  padding-left: 40px;
  padding-right: 40px;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors .message {
  font-weight: bold;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors .box {
  border: solid 1px;
  background-color: #ffffcc;
  box-shadow: none;
  margin-bottom: 10px;
  padding: 10px;
}
.service.alcoholcheck .alche_contents_03 .alche_sensors .box span {
  font-weight: bold;
}
.service.alcoholcheck .alche_contents_03 .alche_features .alche_rulelist_box.list_fix {
  width: 80%;
  margin: 0 auto;
}
.service.alcoholcheck .alche_contents_03 .alche_features ul.alche_rulelist {
  border: solid 1px #000;
  padding: 10px 20px;
}
.service.alcoholcheck .alche_contents_03 .alche_features ul.alche_rulelist > li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  padding: 0;
  counter-increment: number;
  margin-bottom: 0;
}
.service.alcoholcheck .alche_contents_03 .alche_features ul.alche_rulelist > li::before {
  content: "("counter(number)")";
  margin-right: 5px;
}
.service.alcoholcheck .alche_contents_03 .alche_features ul.alche_rulelist ul {
  padding-left: 3.5em;
}
.service.alcoholcheck .alche_contents_03 .alche_features ul.alche_rulelist ul li {
  list-style-type: katakana;
  margin-bottom: 0;
}
.service.alcoholcheck .alche-bg-fix {
  padding-bottom: 10em;
}
.service.alcoholcheck .specs .specs-panel p.specs_annotation {
  font-size: 90%;
}
.banner {
  background-color: rgb(38, 146, 203, .9);
  height: 100%;
  padding: 0 12px 10px;
  color: #fff;
}
.banner .banner_wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  justify-content: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
}
.banner .banner_wrap .banner_text {
  width: auto;
  font-size: 16px;
  padding-right: 40px;
}
.banner .banner_wrap .banner_text .line {
  text-decoration: underline;
}
.banner .banner_wrap .banner_text .title {
  font-size: 250%;
  font-weight: bold;
}
.banner .banner_wrap .banner_button {
  position: relative;
  width: auto;
  padding: 0 10px;
  top: -2em;
  text-align: center;
}
.banner .banner_wrap .banner_button .callout {
  display: block;
  background-color: #0d6dc0;
  border: 2px solid #fff;
  color: #fff;
  margin: 0 auto 1.2em;
  text-align: center;
  border-radius: 3.3em;
  font-size: 100%;
  font-weight: bold;
  position: relative;
  padding: 0.4em 1.5em 0.5em;
  letter-spacing: 0.1em;
}
.banner .banner_wrap .banner_button .callout::before {
  content: '';
  display: block;
  background-color: #0d6dc0;
  position: absolute;
  border-color: #fff;
  border-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-width: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 1em;
  height: 1em;
  border-top-width: 2px;
  border-right-width: 2px;
  bottom: -0.59em;
  left: 0;
  right: 0;
  margin: 0 auto;
  line-height: 0;
}
.banner .banner_wrap .banner_button span {
  vertical-align: middle;
}
.banner .banner_wrap .banner_button .button {
  display: block;
  background-color: #FF4F00;
  font-size: 180%;
  font-weight: 600;
  line-height: 1.6;
  padding: 0.2em 1.0em;
  border-radius: 3em;
  color: #fff;
}
.banner .banner_wrap .banner_button a.button .material-icons {
  font-size: 1.4em;
  font-weight: 300;
  padding-left: 10px;
  color: #fff;
  vertical-align: middle;
  line-height: 1.5em;
}
.banner .message p a {
  color: #fff;
  text-decoration: underline;
}
.banner .message p a:hover {
  text-decoration: none;
  font-weight: bold;
}
.banner .banner_wrap .banner_button a.button:hover {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transform: scale(1.0);
}
.banner .message {
  text-align: center;
  font-size: 80%;
}
#bnrStop {
  height: 0;
  position: static;
}
#bnrStop #bnr {
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  z-index: 9;
}
#bnrStop.stop {
  position: relative;
}
#bnrStop.stop #bnr {
  position: absolute;
  top: auto;
  bottom: 0px;
}
.alcoholcheck.service .alcoholcheck_banner {
  text-align: center;
}
.drive-recorder.service .alcoholcheck_banner {
  padding-left: 20em;
  padding-right: 20em;
}
p.text-s {
  font-size: 90%;
}
.alcohol_pc {
  display: block;
}
.alcohol_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .alcohol_pc {
    display: none;
  }
  .alcohol_sp {
    display: block;
  }
  p.text-s {
    font-size: 80%;
  }
}
@media screen and (min-width: 768px) {
  .doco-car .container .alcoholcheck_banner_dococar img {
    max-width: 60%;
  }
  .alcoholcheck.service .alcoholcheck_banner img {
    max-width: 70%;
  }
}
@media screen and (min-width: 768px) { 
  .row .alcoholcheck_banner_dococar_column img {
    max-width: 60%;
  }
}
@media screen and (max-width: 991px) {
  .drive-recorder.service .alcoholcheck_banner {
    padding-left: 12em;
    padding-right: 12em;
  }
  .banner .banner_wrap .banner_button .button {
    font-size: 150%;
  }
  .banner .banner_wrap .banner_text, .banner .banner_wrap .banner_button {
    padding: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features .number-title .number {
    font-size: 500%;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors .message_wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors .message {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .drive-recorder.service .alcoholcheck_banner {
    padding-left: 0;
    padding-right: 0;
  }
  .banner {
    padding: 10px 15px;
    text-align: center;
  }
  .banner .banner_wrap {
    display: block;
  }
  .banner .banner_wrap .banner_text p {
    font-size: 2.4vw;
  }
  .banner .message {
    margin-top: 10px;
    padding: 0;
  }
  .banner .banner_wrap .banner_button {
    top: 0;
  }
  .banner .banner_wrap .banner_button .button {
    width: 80%;
    margin: 0 auto;
    font-size: 3.5vw;
  }
  .banner .banner_wrap .banner_button .callout {
    display: none;
  }
  .banner .banner_wrap .banner_text, .banner .banner_wrap .banner_button {
    width: 100%;
    font-size: 12px;
  }
  .banner .banner_wrap .banner_button a.button .material-icons {
    font-size: 1.2em;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features {
    display: block;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features .title .level4 {
    font-size: 180% !important;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div,
  .service.alcoholcheck .alche_contents_03 .alche_features > div .number-title {
    width: 100%;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div:nth-child(2) {
    width: 100%;
    margin: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div:last-child p {
    text-align: center;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div:last-child img {
    width: 100%;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features > div > div:nth-child(2) {
    margin: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_features .alche_rulelist_box.list_fix {
    width: 100%;
    margin: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors_wrap {
    display: block;
    margin-left: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors_wrap > div {
    width: 100% !important;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors_wrap > div img {
    width: 100%;
    margin-right: 0;
  }
  .service.alcoholcheck .alche_contents_03 .alche_sensors .message_wrap {
    padding: 0;
  }
  .service.alcoholcheck .alche-bg-fix {
    padding-bottom: 15em;
  }
}

/*--------------------------------------------------------------
2022.05 ??????????????
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .doco-car .service div:nth-child(3) .box .name {
    font-size: 12px;
    padding: 16.8px 14px;
  }
}
@media (min-width: 767px) {
  .drive-recorder .features div.features-dorareco:first-child .featurebox .feature-photo {
    padding: 3px 15px;
  }
}

.icon_price {
  color: #fff;
  background: #c00000;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: normal;
}
@media (max-width: 768px) {
  .icon_price {
    padding: 3px 5px;
    font-size: 8px;
  }
}

.service .logo_bizplus_area,
.price .logo_bizplus_area,
.price .pricenext_title_area {
  display: flex;
  padding: 0;
  align-items: center;
  margin-bottom: 1em;
}
.service .logo_bizplus_area h3,
.price .logo_bizplus_area h3,
.price .pricenext_title_area h3 {
  margin-bottom: 0;
}
.price .logo_bizplus_area .logo_bizplus {
  margin-left: 3em;
}
.price .pricenext_title_area .pricenext_icon_area {
  margin-left: 1em;
  margin-bottom: 3px;
}
@media (max-width: 768px) {
  .service .logo_bizplus_area,
  .price .logo_bizplus_area,
  .price .pricenext_title_area.white_number {
    display: block;
    margin-bottom: 1em;
  }
  .price .pricenext_title_area .pricenext_icon_area {
    margin-bottom: 0;
  }
  .service .logo_bizplus_area h3,
  .price .logo_bizplus_area h3,
  .price .pricenext_title_area h3 {
    margin-bottom: 0;
  }
  .price .pricenext_title_area.white_number h3 {
    margin-bottom: 0.5em;
  }
  .service .logo_bizplus_area .logo_bizplus,
  .price .logo_bizplus_area .logo_bizplus,
  .price .pricenext_title_area.white_number .pricenext_icon_area {
    text-align: right;
  }
}