@charset "UTF-8";
/* -------------------------------------------------- 概要 */
body.product h2 {
  line-height: 1.2;
  margin-bottom: 30px;
}

body.product .product-name {
  margin-bottom: 5px;
}

body.product .product-name strong {
  font-size: 2em;
  padding-right: 20px;
}

body.product .product-name small {
  font-size: 1em;
}

body.product .product-outline {
  padding-right: 20px;
  text-align: justify;
}

/* -------------------------------------------------- 回路図エディタ・プリント基板設計ソフト */
body.cd .thum,
body.pcb .thum {
  margin: 50px 0px 20px 0px;
}

body.cd .thum .row,
body.pcb .thum .row {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5rem;
}
body.cd .thum .row .col-xs-4,
body.pcb .thum .row .col-xs-4 {
  float: none;
  position: relative;
}
body.cd .thum .row .col-xs-4 .icon-new,
body.pcb .thum .row .col-xs-4 .icon-new {
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 100;
  width: 50px;
  height: 50px;
  display: block;
}

body.cd .thum dd > p,
body.pcb .thum dd > p {
  line-height: 1.5;
}

body.cd .thum dd > p.thum-title,
body.pcb .thum dd > p.thum-title {
  color: #0c6cd7;
  color: #08c;
  color: #333;
  font-size: 1.3em;
  margin: 20px 0px 10px 0px;
  letter-spacing: 0px;
  line-height: 1.1;
  font-weight: bold !important;
}

/* -------------------------------------------------- 検図連携 */
body.verification .main section {
  margin-top: 40px;
  margin-bottom: 40px;
}

body.verification .main h2 {
  font-weight: bold;
  line-height: 1.2;
}

body.verification .main .movie-area {
  margin-bottom: 40px;
}

body.verification .main h3 {
  font-size: 1.6em;
  margin-top: 30px;
  padding-bottom: 10px;
  font-weight: bold;
}

body.verification .point h2 {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 40px;
}

body.verification .step1-btn,
body.verification .step2-btn,
body.verification .step3-btn {
  width: 300px;
  height: 112px;
  display: block;
}

body.verification .step1-btn {
  background: url(../img/product/verification-btn1@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step2-btn {
  background: url(../img/product/verification-btn2@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step3-btn {
  background: url(../img/product/verification-btn3@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step1-btn:hover {
  background: url(../img/product/verification-btn1_on@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step2-btn:hover {
  background: url(../img/product/verification-btn2_on@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step3-btn:hover {
  background: url(../img/product/verification-btn3_on@2x.png) no-repeat center center;
  background-size: 300px 112px;
}

body.verification .step1 img,
body.verification .step3 img {
  margin-right: 35px;
}

body.verification .step2 img {
  margin-top: 10px;
}

body.verification .annotation p {
  font-size: 0.9em;
  line-height: 1.8;
  margin: 0;
}

/* -------------------------------------------------- force */
body.force .key {
  width: 100%;
  height: 400px;
  background: url(/en/img/product/force2019_en.png) #0093dc;
  background-repeat: no-repeat;
  background-position: center 22px;
  background-size: 850px auto;
}

body.force h2 {
  line-height: 1.2;
}

body.force h3 {
  font-size: 2.5em;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

body.force h3 small {
  font-size: 0.4em;
  margin-left: 20px;
}

body.force h4 {
  font-size: 1.7em;
  font-weight: bold;
  margin: 30px 0 10px 0;
}

body.force .lineup {
  border-bottom: 1px solid #eee;
  padding-bottom: 60px;
}

body.force .lineup.first {
  border-top: 1px solid #eee;
  padding-top: 70px;
}

body.force .lineup img {
  margin-top: -5px;
}

body.force .lineup p {
  padding-right: 40px;
}

body.force .process {
  min-height: 170px;
  background: url(/en/img/product/force-process-en.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}
body.force .process p {
  width: 60%;
}

body.force .ucr {
  min-height: 170px;
  background: url(/en/img/product/force-ucr-en.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}
body.force .ucr p {
  width: 60%;
}

body.force .knowledge {
  min-height: 170px;
  background: url(/en/img/product/force-knowledge-en.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right center;
}
body.force .knowledge p {
  width: 60%;
}

/* -------------------------------------------------- 比較表 */
body.compare .table-bordered {
  border-top: 1px solid #0c5e9a;
}

body.compare .table-bordered > thead {
  border-left: 1px solid #0c5e9a;
  border-right: 1px solid #0c5e9a;
}

body.compare .table-bordered > thead > tr > th,
body.compare .table-bordered > thead > tr > td {
  background: #0088dd;
  color: #fff;
  font-weight: bold;
  border: none;
  text-align: center;
  padding: 15px 15px;
  border-bottom: 1px solid #0c5e9a;
}

body.compare .table-bordered > thead > tr > th {
  text-align: left;
}

body.compare .table-bordered > tbody > tr > th,
body.compare .table-bordered > tbody > tr > td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 0px 10px;
  font-size: 0.95em;
}

body.compare .table-bordered > tbody > tr > th {
  text-align: left;
  background: #fafafa;
  padding-left: 15px;
  font-weight: bold;
}

body.compare .table-bordered > tbody > tr > td.qqq {
  color: #fff;
  background: #0088dd;
  border: 1px solid #0c5e9a;
  background: url(../img/product/list-bg.png) repeat-x left top #0088dd;
}

body.compare .table-bordered > tbody > tr > td.qqq a:link,
body.compare .table-bordered > tbody > tr > td.qqq a:visited {
  color: #fff;
}

body.compare .table-bordered > tbody > tr > td i {
  font-size: 1.2em;
}

body.compare .table-bordered > tbody > tr > td img {
  width: 24px;
}

body.compare .table-bordered tr.subtitle th {
  background: #00a9f5;
  padding: 7px 0px 5px 20px;
  color: #fff;
  border-bottom: 1px solid #0088dd;
}

body.compare .fa-times {
  color: #e80000;
}

body.compare .cd .table-bordered > tbody > tr > td {
  width: 20%;
}

body.compare .pcb .table-bordered > tbody > tr > td {
  width: 14%;
}

body.compare .annotation {
  background: #eee;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 15px 20px;
}

body.compare .annotation p {
  font-size: 0.9em;
  line-height: 1.8;
  margin: 0;
}

/* -------------------------------------------------- library */
body.library section {
  position: relative;
  width: 100%;
}

body.library h2 {
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  font-size: 2.4rem;
}

body.library h2 strong {
  font-weight: bold;
  font-size: 3.8rem;
  display: inline-block;
  margin-bottom: 5px;
}

body.library h3 {
  font-weight: bold;
  text-align: center;
  padding: 0 0 0 0;
  margin: 10px 0 0 0;
}

body.library h3 + p {
  margin-top: 20px;
}

body.library #key {
  background: #000;
}

body.library #key img {
  display: block;
  margin: 0 auto;
}

body.library .share img {
  display: block;
  margin: 20px auto 20px;
}

body.library .rohm {
  text-align: center;
}

body.library .rohm h2 {
  background: #fff;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 1000;
  padding: 0 20px 0px 20px;
  margin: 0 0 0 0;
}

body.library .rohm .border-wrap {
  border: 3px solid #009ae3;
  position: relative;
  padding: 5px 30px 5px;
  margin-top: -15px;
}

body.library .rohm .border-wrap img {
  float: left;
}

body.library .rohm .border-wrap p {
  margin-left: 120px;
  padding-top: 30px;
  text-align: left;
}

body.library .point {
  border: 1px solid #b6cfda;
  background: #edf8fd;
  width: 940px;
  padding: 20px 40px 20px 40px;
  margin: 20px 0 20px 0;
}

body.library .point dl {
  padding: 5px 0 5px 0;
  margin: 0 0 0 0;
}

body.library .point dl::after {
  content: "";
  clear: both;
  display: block;
}

body.library .point dt {
  float: left;
  background: #f87135;
  color: #fff;
  border-radius: 100px;
  padding: 3px 20px;
  margin: 0 0 0 0;
  font-weight: normal;
}

body.library .point dd {
  float: left;
  text-align: left;
  font-weight: bold;
  padding: 3px 0 0 30px;
  margin: 0 0 0 0;
}

body.library img.graph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  margin: 0 auto;
  width: 940px;
}

/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
*/
/* -------------------------------------------------- UL / SamacSys */
#other {
  position: relative;
  margin-top: 50px;
  position: relative;
}
#other #ultralibrarian {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#other #samacsys {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 0px;
}
#other .wrap {
  border: 3px solid #f8bb12;
  background-color: #fffdf6;
  border-radius: 3px;
  padding: 45px 30px;
}
#other .wrap .img-wrap {
  margin: 0 auto 15px;
}
#other .wrap .img-wrap .other-logos {
  text-align: center;
}
#other .wrap .img-wrap .other-logos img {
  display: inline-block;
  margin: 0 25px 20px;
}
#other .wrap .img-wrap .other-logos img.samacsys {
  max-width: 230px;
  position: relative;
  top: 4px;
}
#other .wrap .img-wrap .other-logos img.ul {
  max-width: 120px;
}
#other .wrap p {
  padding-left: 110px;
  margin: 0;
  font-size: 16px;
}

/* -------------------------------------------------- END */
/* === share === */
body#share.service {
  min-width: auto;
  /* h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0px;
    margin-bottom: 0.5rem;
  }

  ol,
  ul,
  dl {
    margin-top: 0px;
    margin-bottom: 1rem;
  }

  dt {
    font-weight: 700;
  }

  img {
    vertical-align: middle;
    border-style: none;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
  } */
  /*   .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
  } */
  /*   h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: 0.0625rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
  } */
  /* 画面幅制限なし (xs) */
  /* sm (576px以上) */
  /* md (768px以上) */
  /* lg (992px以上) */
  /* xl (1200px以上) */
  /* xxl (1400px以上) */
  /* 印刷用 (print) */
  /* === @media レスポンシブスタイル === */
}
body#share.service .header-image h1 {
  font-size: 26px;
  font-weight: bold;
  margin-top: -11px;
  letter-spacing: inherit;
}
body#share.service .local-navi .row.text-center {
  justify-content: center;
}
body#share.service h1,
body#share.service .h1 {
  font-size: 2.5rem;
}
body#share.service h2,
body#share.service .h2 {
  font-size: 2rem;
}
body#share.service .container-fluid,
body#share.service .container-xl,
body#share.service .container-lg,
body#share.service .container-md,
body#share.service .container-sm {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
body#share.service span {
  font-family: "Noto Sans JP", sans-serif;
  padding: 0px;
  margin: 0px;
}
body#share.service p,
body#share.service span {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.6px;
  line-height: 1.6;
}
body#share.service .d-none {
  display: none !important;
}
body#share.service .d-inline {
  display: inline !important;
}
body#share.service .d-inline-block {
  display: inline-block !important;
}
body#share.service .d-block {
  display: block !important;
}
body#share.service .d-table {
  display: table !important;
}
body#share.service .d-table-row {
  display: table-row !important;
}
body#share.service .d-table-cell {
  display: table-cell !important;
}
body#share.service .d-flex {
  display: flex !important;
}
body#share.service .d-inline-flex {
  display: inline-flex !important;
}
body#share.service .img-fluid {
  width: 100%;
  max-width: 100%;
  height: auto;
}
body#share.service #hero-A {
  position: relative;
  overflow: hidden;
  background: #18c4c4;
  /* md 相当 (768px以上) */
  /* lg 相当 (992px以上) */
  /* xl 相当 (1200px以上) */
}
body#share.service #hero-A::before {
  content: "";
  display: block;
  width: 100%;
  height: 500px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
body#share.service #hero-A .row {
  display: flex;
  height: 500px;
  flex-direction: column;
  justify-content: center;
}
body#share.service #hero-A .hero-body {
  position: relative;
  z-index: 10;
  left: 0;
  top: -15px;
  color: #fff;
}
body#share.service #hero-A .hero-body dl {
  text-align: center;
  margin-left: 3rem; /* 30px相当 */
  margin-right: 3rem; /* 30px相当 */
}
body#share.service #hero-A .hero-body .main img {
  display: block;
  width: auto;
  height: 3rem; /* 30px相当 */
  margin: 0 auto 1.5rem auto; /* 15px相当 */
}
body#share.service #hero-A .hero-body .sub span {
  text-transform: uppercase;
  font-size: 1.5rem; /* 15px相当 */
  font-weight: 500;
  letter-spacing: 1px;
}
body#share.service #hero-A .hero-body .sub span.english {
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
body#share.service #hero-A .hero-body .description {
  display: none;
}
body#share.service #hero-A .hero-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(0%, -50%);
}
body#share.service #hero-A .hero-graphic img {
  -webkit-filter: blur(12px);
  -moz-filter: blur(12px);
  -o-filter: blur(12px);
  -ms-filter: blur(12px);
  filter: blur(12px);
  height: 50rem; /* 500px相当 */
}
body#share.service #main {
  background: rgb(255, 255, 255);
  padding: 0px;
  font-family: "Noto Sans JP", sans-serif;
  color: #1b1b1b;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}
body#share.service #main .h2 {
  font-size: 2.4rem; /* 24px (旧1.5rem相当) */
  margin-bottom: 2.5rem; /* 25px */
}
body#share.service #main #intro ul.logos {
  list-style: none;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  border: 1px solid rgb(193, 224, 220);
  border-radius: 5px;
  background: rgb(243, 255, 254);
  padding: 4rem 3rem; /* 40px 30px */
}
body#share.service #main #intro ul.logos li.digikey {
  margin-bottom: 1.5rem; /* 15px */
}
body#share.service #main #intro .pickup {
  margin: 2.5rem auto 0px; /* 25px */
  display: flex;
  flex-direction: column;
}
body#share.service #main #intro .pickup dl {
  border: 1px solid rgb(151, 201, 151);
  background-color: rgb(235, 255, 235);
  padding: 2rem 2rem 2rem 4rem; /* 20px 20px 20px 40px */
  margin: 0.5rem 0px; /* 5px */
}
body#share.service #main #intro .pickup dl dt {
  position: relative;
  margin: 0.5rem; /* 5px */
}
body#share.service #main #intro .pickup dl dt span {
  font-size: 1.7rem; /* 17px (旧1.0625rem相当) */
  font-weight: 500;
}
body#share.service #main #intro .pickup dl dt::before {
  content: "";
  display: block;
  width: 1.8rem; /* 18px */
  height: 1.8rem; /* 18px */
  background: url("/en/img/service/share/icon-check.svg") left center/contain no-repeat;
  position: absolute;
  left: -2.8rem; /* -28px */
  top: 0.9rem; /* 9px */
}
body#share.service #main #intro .pickup dl dd {
  margin: 1rem 0.5rem 0.5rem; /* 10px 5px 5px */
}
body#share.service #main #intro .pickup dl dd span {
  line-height: 1.6;
  font-weight: 400;
}
body#share.service #main #intro .graphic {
  width: 100%;
  margin: 2.5rem auto 0px; /* 25px */
}
body#share.service #main #intro .graphic .img-wrap {
  margin: 0px auto;
  padding: 0px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  background: none;
}
body#share.service #main #intro .graphic .img-wrap img {
  width: 100%;
}
body#share.service #main #point {
  background: rgb(0, 0, 0);
  overflow: hidden;
}
body#share.service #main #point .h2 {
  color: rgb(255, 255, 255);
}
body#share.service #main #point .pickup {
  margin: 2.5rem auto 0px; /* 25px */
  display: flex;
  flex-direction: column;
}
body#share.service #main #point .pickup dl {
  border-radius: 3px;
  background-color: rgb(235, 255, 235);
  padding: 2rem 2rem 2rem 4rem; /* 20px 20px 20px 40px */
  margin: 0.5rem 0px; /* 5px */
}
body#share.service #main #point .pickup dl dt {
  position: relative;
  margin: 0.5rem; /* 5px */
}
body#share.service #main #point .pickup dl dt span {
  font-size: 1.7rem; /* 17px (旧1.0625rem相当) */
  font-weight: 500;
}
body#share.service #main #point .pickup dl dt::before {
  content: "";
  display: block;
  width: 1.8rem; /* 18px */
  height: 1.8rem; /* 18px */
  background: url("/en/img/service/share/icon-check.svg") left center/contain no-repeat;
  position: absolute;
  left: -2.8rem; /* -28px */
  top: 0.9rem; /* 9px */
}
body#share.service #main #point .pickup dl dd {
  margin: 1rem 0.5rem 0.5rem; /* 10px 5px 5px */
}
body#share.service #main #point .pickup dl dd span {
  line-height: 1.6;
  font-weight: 400;
}
body#share.service #main #point .img-wrap {
  margin: 2.5rem 0px 0px; /* 25px */
}
body#share.service #main #share-contents .share-logo {
  text-align: center;
}
body#share.service #main #share-contents .share-logo img {
  height: 3rem; /* 30px */
}
body#share.service #main #share-contents .img-wrap {
  margin: 1.25rem 0px; /* 12.5px */
}
body#share.service #main #share-contents .share-japan {
  margin-top: 5rem; /* 50px */
  position: relative;
}
body#share.service #main #share-contents .share-japan h3 {
  font-size: 2.4rem; /* 24px (旧1.5rem相当) */
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.7px;
  text-align: center;
  padding: 2rem 0px 0px; /* 20px */
}
body#share.service #main #share-contents .share-japan .wrap {
  border: 3px solid rgb(24, 196, 196);
  background-color: rgb(246, 255, 255);
  border-radius: 3px;
  padding: 1.25rem; /* 12.5px */
}
body#share.service #main #share-contents .share-japan .wrap .img-wrap {
  text-align: center;
  margin: 3rem auto; /* 30px */
  padding: 3rem 2rem; /* 30px 20px */
  border: 1px solid rgb(198, 224, 224);
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}
body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
  max-width: 25rem; /* 250px */
  margin: 0px auto;
}
body#share.service #main #share-contents .share-japan .wrap ul {
  margin-left: 2em;
}
body#share.service #main #share-contents .other {
  margin-top: 5rem; /* 50px */
  position: relative;
}
body#share.service #main #share-contents .other #ultralibrarian {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -22rem; /* -220px */
}
body#share.service #main #share-contents .other #samacsys {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -22rem; /* -220px */
}
body#share.service #main #share-contents .other .wrap {
  border: 3px solid rgb(248, 187, 18);
  background-color: rgb(255, 253, 246);
  border-radius: 3px;
  padding: 2.5rem 3rem; /* 25px 30px */
}
body#share.service #main #share-contents .other .wrap .img-wrap {
  margin: 0px auto;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
  text-align: center;
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img {
  display: inline-block;
  margin: 0px 1.5rem 2rem; /* 15px 20px */
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
  max-width: 17rem; /* 170px */
}
body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
  max-width: 11rem; /* 110px */
}
body#share.service #main #share-contents .other .wrap p {
  margin: 0px;
}
body#share.service #main #share-contents .other .wrap .links {
  margin: 2rem auto 0px; /* 20px */
  padding: 1rem; /* 10px */
  border-radius: 4px;
  border: 1px solid rgb(233, 218, 176);
  background-color: rgb(255, 255, 255);
}
body#share.service #main #share-contents .other .wrap .links ul {
  margin: 0px;
  padding: 0px 0px 0px 2rem; /* 20px */
}
body#share.service #main #share-contents .other .wrap .links ul li {
  font-size: 1.3rem; /* 13px */
  line-height: 1.3;
  margin-top: 0.3rem; /* 3px */
}
body#share.service .header-image,
body#share.service .local-navi,
body#share.service #hero-A,
body#share.service #main {
  min-width: 1010px;
}
body#share.service .footer-contents {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body#share.service .footer-contents h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  letter-spacing: inherit;
}
body#share.service .footer-contents h1 + p {
  font-size: 13px;
  letter-spacing: inherit;
  line-height: 1.3;
  font-weight: inherit;
  margin-top: 5px;
  margin-bottom: 20px;
}

@media (min-width: 576px){
  body#share.service .d-sm-none {
    display: none !important;
  }
  body#share.service .d-sm-inline {
    display: inline !important;
  }
  body#share.service .d-sm-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-sm-block {
    display: block !important;
  }
  body#share.service .d-sm-table {
    display: table !important;
  }
  body#share.service .d-sm-table-row {
    display: table-row !important;
  }
  body#share.service .d-sm-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-sm-flex {
    display: flex !important;
  }
  body#share.service .d-sm-inline-flex {
    display: inline-flex !important;
  }
  body#share.service {
    /*     .d-sm-none {
      display: none !important;
    }
    .d-sm-block {
      display: block !important;
    } */
  }
  body#share.service #main section {
    padding-top: 3.125rem; /* 31.25px */
    padding-bottom: 3.125rem; /* 31.25px */
  }
  body#share.service #main #intro ul.logos {
    flex-direction: row;
    justify-content: center;
  }
  body#share.service #main #intro ul.logos li {
    margin: 0px 1rem 0.5rem !important; /* 10px 5px */
  }
  body#share.service #main #share-contents .share-logo img {
    height: 3.5rem; /* 35px */
  }
  body#share.service #main #share-contents .img-wrap {
    margin: 2.5rem 0px; /* 25px */
  }
  body#share.service #main #share-contents .share-japan h3 {
    font-size: 2.8rem; /* 28px (旧1.75rem相当) */
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 100%;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 18rem; /* 180px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 12rem; /* 120px */
  }
  body#share.service #main #share-contents .other .wrap p {
    text-align: left;
    max-width: 53rem; /* 530px */
    margin-left: auto;
    margin-right: auto;
  }
  body#share.service #main #share-contents .other .wrap .links {
    max-width: 53rem; /* 530px */
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px){
  body#share.service .d-md-none {
    display: none !important;
  }
  body#share.service .d-md-inline {
    display: inline !important;
  }
  body#share.service .d-md-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-md-block {
    display: block !important;
  }
  body#share.service .d-md-table {
    display: table !important;
  }
  body#share.service .d-md-table-row {
    display: table-row !important;
  }
  body#share.service .d-md-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-md-flex {
    display: flex !important;
  }
  body#share.service .d-md-inline-flex {
    display: inline-flex !important;
  }
  body#share.service #hero-A::before {
    display: none;
  }
  body#share.service #hero-A .row {
    display: flex;
    height: 500px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 5rem; /* 50px相当 */
    padding-right: 5rem; /* 50px相当 */
  }
  body#share.service #hero-A .hero-body {
    width: 50%;
  }
  body#share.service #hero-A .hero-body dl {
    text-align: left;
    margin: 0 0 0 0;
  }
  body#share.service #hero-A .hero-body .main img {
    height: 3.5rem; /* 35px相当 */
    margin: 0 0 1.5rem 0; /* 15px相当 */
  }
  body#share.service #hero-A .hero-body .sub span {
    font-size: 1.6rem; /* 16px相当 */
  }
  body#share.service #hero-A .hero-body .description {
    display: block;
    text-align: left;
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body#share.service #hero-A .hero-body .description p {
    font-size: 1.6rem; /* 16px相当 */
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-top: 2rem; /* 20px相当 */
    margin-bottom: 0px;
  }
  body#share.service #hero-A .hero-graphic {
    width: 50%;
    position: relative;
    top: 0px;
    left: 150px;
    transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    display: block;
    width: auto;
    height: 46rem; /* 460px相当 */
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
  }
  body#share.service .d-md-block {
    display: block !important;
  }
  body#share.service .h2 {
    font-size: 2.6rem; /* 26px (旧1.625rem相当) */
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service p {
    font-size: 1.4rem; /* 14px (旧0.875rem相当) */
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service span {
    font-size: 1.4rem; /* 14px (旧0.875rem相当) */
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service #main section {
    padding-top: 3.75rem; /* 37.5px */
    padding-bottom: 3.75rem; /* 37.5px */
  }
  body#share.service #main .h2 {
    font-size: 3.2rem; /* 32px (旧2rem相当) */
  }
  body#share.service #main #intro .pickup {
    margin: 2.5rem auto 0px; /* 25px */
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
  body#share.service #main #intro .pickup dl {
    width: calc(50% - 0.7rem); /* 7px */
  }
  body#share.service #main #share-contents .share-logo img {
    height: 4rem; /* 40px */
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 50rem; /* 500px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
    margin-top: 1.6rem; /* 16px */
    margin-bottom: 1.5rem; /* 15px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 20rem; /* 200px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 14rem; /* 140px */
  }
  body#share.service #main #share-contents .other .wrap p {
    text-align: left;
    width: 90%;
    max-width: 76rem; /* 760px */
    margin-left: auto;
    margin-right: auto;
  }
  body#share.service #main #share-contents .other .wrap .links {
    width: 90%;
    max-width: 76rem; /* 760px */
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px){
  body#share.service .d-lg-none {
    display: none !important;
  }
  body#share.service .d-lg-inline {
    display: inline !important;
  }
  body#share.service .d-lg-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-lg-block {
    display: block !important;
  }
  body#share.service .d-lg-table {
    display: table !important;
  }
  body#share.service .d-lg-table-row {
    display: table-row !important;
  }
  body#share.service .d-lg-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-lg-flex {
    display: flex !important;
  }
  body#share.service .d-lg-inline-flex {
    display: inline-flex !important;
  }
  body#share.service #hero-A .row {
    padding-left: 3rem; /* 30px相当 */
    padding-right: 3rem; /* 30px相当 */
  }
  body#share.service #hero-A .hero-body .main img {
    height: 4.7rem; /* 47px相当 */
  }
  body#share.service #hero-A .hero-body .sub span {
    font-size: 1.8rem; /* 18px相当 */
  }
  body#share.service #hero-A .hero-graphic {
    position: relative;
    top: 0px;
    left: 20px;
    transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    height: 46rem; /* 460px相当 */
  }
  body#share.service .d-lg-block {
    display: block !important;
  }
  body#share.service .h2 {
    font-size: 3.2rem; /* 32px (旧2rem相当) */
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service p {
    font-size: 1.6rem; /* 16px (旧1rem相当) */
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service span {
    font-size: 1.6rem; /* 16px (旧1rem相当) */
    font-weight: 300;
    letter-spacing: 1.6px;
    line-height: 1.6;
  }
  body#share.service #main section {
    padding-top: 6.25rem; /* 62.5px */
    padding-bottom: 6.25rem; /* 62.5px */
  }
  body#share.service #main #point .wrap {
    position: relative;
    display: flex;
    flex-direction: row;
  }
  body#share.service #main #point .wrap .pickup {
    width: 60%;
  }
  body#share.service #main #point .wrap .img-wrap {
    width: 40%;
    padding-left: 1.875rem; /* 18.75px */
    margin-bottom: 70px;
  }
  body#share.service #main #point .wrap .img-wrap img {
    position: relative;
    top: -3.125rem; /* -31.25px */
    left: 0px;
  }
  body#share.service #main #point .wrap .cart {
    position: absolute;
    bottom: 0px;
    left: -4rem; /* -40px */
  }
  body#share.service #main #point .wrap .cart img {
    display: inline-block;
  }
  body#share.service #main #point .wrap .cart img.icon-cart {
    width: 15.3rem; /* 153px */
    height: 15.6rem; /* 156px */
    margin-right: 1rem; /* 10px */
  }
  body#share.service #main #point .wrap .cart img.cart-bom {
    width: 45rem; /* 450px */
    height: auto;
  }
  body#share.service #main #share-contents .share-logo img {
    height: 4.5rem; /* 45px */
  }
  body#share.service #main #share-contents .img-wrap {
    margin: 3.75rem 0px; /* 37.5px */
  }
  body#share.service #main #share-contents .share-japan .wrap {
    padding: 3.125rem 1.25rem; /* 31.25px 12.5px */
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap {
    margin: 5rem auto 4rem; /* 50px auto 40px */
    margin-left: 9rem; /* 90px */
    margin-right: 9rem; /* 90px */
    padding: 5rem 2rem; /* 50px 20px */
  }
  body#share.service #main #share-contents .share-japan .wrap .img-wrap .share-logos img {
    max-width: 55rem; /* 550px */
  }
  body#share.service #main #share-contents .share-japan .wrap p {
    margin: 0px auto 1rem; /* 10px */
    width: 90%;
  }
  body#share.service #main #share-contents .other .wrap {
    padding: 4.5rem 3rem; /* 45px 30px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos {
    margin-bottom: 2rem; /* 20px */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img {
    margin: 1rem 4rem 2rem; /* 10px 40px 20px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.samacsys {
    max-width: 28rem; /* 280px */
    position: relative;
    top: 0.3rem; /* 3px */
  }
  body#share.service #main #share-contents .other .wrap .img-wrap .other-logos img.ul {
    max-width: 14rem; /* 140px */
  }
  body#share.service #main #share-contents .other .wrap .links {
    padding: 1.5rem 2rem; /* 15px 20px */
  }
  body#share.service #main #share-contents .other .wrap .links ul li {
    font-size: 1.4rem; /* 14px */
    line-height: 1.8;
    margin: 0px;
  }
}

@media (min-width: 1090px){
  body#share.service #main #intro ul.logos li {
    margin: 0px 2.5rem !important; /* 25px */
  }
}

@media (min-width: 1140px){
  body#share.service #main #point .wrap .cart img.icon-cart {
    margin-right: 5rem; /* 50px */
  }
}

@media (min-width: 1200px){
  body#share.service .container-xl {
    width: 100% !important;
    max-width: 1200px !important;
  }
  body#share.service .d-xl-none {
    display: none !important;
  }
  body#share.service .d-xl-inline {
    display: inline !important;
  }
  body#share.service .d-xl-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-xl-block {
    display: block !important;
  }
  body#share.service .d-xl-table {
    display: table !important;
  }
  body#share.service .d-xl-table-row {
    display: table-row !important;
  }
  body#share.service .d-xl-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-xl-flex {
    display: flex !important;
  }
  body#share.service .d-xl-inline-flex {
    display: inline-flex !important;
  }
  body#share.service #hero-A .row {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  body#share.service #hero-A .hero-body .description p {
    font-size: 1.8rem; /* 18px相当 */
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 3px;
    margin-top: 2.5rem; /* 25px相当 */
    margin-bottom: 0px;
  }
  body#share.service #hero-A .hero-graphic {
    position: relative;
    top: 0px;
    left: 20px;
    transform: none;
  }
  body#share.service #hero-A .hero-graphic img {
    height: 50rem; /* 500px相当 */
  }
  body#share.service .container-xl {
    width: 100% !important;
    max-width: 120rem !important; /* 1200px */
    max-width: 114rem; /* 1140px */
  }
  body#share.service .container-lg {
    max-width: 114rem; /* 1140px */
  }
  body#share.service .container-md {
    max-width: 114rem; /* 1140px */
  }
  body#share.service .container-sm {
    max-width: 114rem; /* 1140px */
  }
  body#share.service .container {
    max-width: 114rem; /* 1140px */
  }
  body#share.service #main section {
    padding-top: 6.25rem; /* 62.5px */
    padding-bottom: 6.25rem; /* 62.5px */
  }
}

@media (min-width: 1400px){
  body#share.service .d-xxl-none {
    display: none !important;
  }
  body#share.service .d-xxl-inline {
    display: inline !important;
  }
  body#share.service .d-xxl-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-xxl-block {
    display: block !important;
  }
  body#share.service .d-xxl-table {
    display: table !important;
  }
  body#share.service .d-xxl-table-row {
    display: table-row !important;
  }
  body#share.service .d-xxl-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-xxl-flex {
    display: flex !important;
  }
  body#share.service .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx){
  body.force .key {
    background: url(/en/img/product/force2019_en@2x.png) #0093dc;
    background-repeat: no-repeat;
    background-position: center 22px;
    background-size: 850px auto;
  }
}

@media print{
  body#share.service .d-print-none {
    display: none !important;
  }
  body#share.service .d-print-inline {
    display: inline !important;
  }
  body#share.service .d-print-inline-block {
    display: inline-block !important;
  }
  body#share.service .d-print-block {
    display: block !important;
  }
  body#share.service .d-print-table {
    display: table !important;
  }
  body#share.service .d-print-table-row {
    display: table-row !important;
  }
  body#share.service .d-print-table-cell {
    display: table-cell !important;
  }
  body#share.service .d-print-flex {
    display: flex !important;
  }
  body#share.service .d-print-inline-flex {
    display: inline-flex !important;
  }
  body#share.service a:not(.btn) {
    text-decoration: underline;
  }
  body#share.service tr {
    break-inside: avoid;
  }
  body#share.service img {
    break-inside: avoid;
  }
  body#share.service p {
    orphans: 3;
    widows: 3;
  }
  body#share.service h2 {
    orphans: 3;
    widows: 3;
    break-after: avoid;
  }
  body#share.service h3 {
    orphans: 3;
    widows: 3;
    break-after: avoid;
  }
}

/*# sourceMappingURL=product.css.map */