/* width */
/*border*/
/*screenmarge*/
/*---------------------------------
	about
-----------------------------------*/
/*---------------------------------
	special
-----------------------------------*/
body#easyforensics h2, body#easyforensics h3 {
  margin-bottom: 3.5rem; }
body#easyforensics .indent {
  margin-left: 4.5%;
  line-height: 1.7;
  margin-bottom: 6rem; }
  @media only screen and (max-width: 600px) {
    body#easyforensics .indent {
      margin: 0 1%; } }
body#easyforensics em.line {
  background: linear-gradient(transparent 50%, #d9dee8 50%);
  font-style: normal; }
body#easyforensics .maintitle {
  background: url("../imgs/eazy/easy_bg.webp") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 7rem 0; }
  body#easyforensics .maintitle .titlearea {
    padding: 2rem 0;
    color: #02216a;
    font-size: 2rem;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.5); }
    body#easyforensics .maintitle .titlearea .name {
      font-size: 4rem;
      margin-bottom: 1rem; }
body#easyforensics .worriestitle {
  text-align: center;
  font-size: 2rem;
  margin: 0 auto 5rem;
  color: #02216a; }
  body#easyforensics .worriestitle::after {
    content: "";
    width: 15rem;
    height: 4px;
    display: block;
    margin: 1rem auto  0;
    background: #BCA522; }
body#easyforensics .worries {
  border: 1px solid #02216a;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem; }
  body#easyforensics .worries .before {
    padding: 1.5rem 2rem;
    width: 40%;
    background: url("../imgs/eazy/icon_right.webp") right 10px center no-repeat;
    background-size: 2.2rem auto; }
  body#easyforensics .worries .after {
    width: 60%;
    color: #FFF;
    padding: 1.5rem 2rem 1rem 8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    font-size: 1.7rem; }
    body#easyforensics .worries .after.w1 {
      background: #02216a url("../imgs/eazy/icon_security.webp") left 2rem center no-repeat;
      background-size: 4.5rem auto; }
    body#easyforensics .worries .after.w2 {
      background: #02216a url("../imgs/eazy/icon_pro.webp") left 2rem center no-repeat;
      background-size: 4.5rem auto; }
    body#easyforensics .worries .after.w3 {
      background: #02216a url("../imgs/eazy/icon_money.webp") left 2rem center no-repeat;
      background-size: 4.5rem auto; }
  @media only screen and (max-width: 780px) {
    body#easyforensics .worries {
      border: none; }
      body#easyforensics .worries .before, body#easyforensics .worries .after {
        width: 96%;
        margin: 0 auto; }
      body#easyforensics .worries .before {
        border: 1px solid #02216a;
        background: url("../imgs/eazy/icon_bottom.webp") bottom 0.5rem center no-repeat;
        background-size: 3rem auto;
        padding: 1.5rem 2rem 4rem; }
        body#easyforensics .worries .before br {
          display: none; }
      body#easyforensics .worries .after {
        padding: 2rem 2rem 2rem 8rem; } }
body#easyforensics .titleread {
  color: #02216a;
  margin: 9rem auto 8rem;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 2.5rem;
  line-height: 1.3; }
  body#easyforensics .titleread:before, body#easyforensics .titleread:after {
    width: 2rem;
    height: 2rem;
    content: ''; }
  body#easyforensics .titleread:before {
    border-top: 2px solid #BCA522;
    border-left: 2px solid #BCA522;
    margin: -1rem 2rem 0 0; }
  body#easyforensics .titleread:after {
    border-right: 2px solid #BCA522;
    border-bottom: 2px solid #BCA522;
    margin: auto 0 -1rem 2rem; }
  @media only screen and (max-width: 600px) {
    body#easyforensics .titleread:before {
      margin: -1rem 1rem 0 0; }
    body#easyforensics .titleread:after {
      margin: auto 0 -1rem 1rem; } }
body#easyforensics .aboutproducts {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7rem; }
  body#easyforensics .aboutproducts .photo {
    width: 30%; }
    body#easyforensics .aboutproducts .photo img {
      object-fit: cover;
      height: 100%; }
  body#easyforensics .aboutproducts .about {
    width: 68%;
    color: #02216a; }
    body#easyforensics .aboutproducts .about .detail {
      border: #d9dee8 solid 1px;
      padding: 2rem;
      font-size: 1.6rem;
      line-height: 1.8; }
      body#easyforensics .aboutproducts .about .detail .title {
        border-bottom: 4px solid #02216a;
        font-size: 2.1rem;
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem; }
      body#easyforensics .aboutproducts .about .detail .abouttext {
        font-size: 2rem;
        margin-bottom: 2rem; }
    body#easyforensics .aboutproducts .about .price {
      background: #02216a;
      color: #FFF;
      padding: 2rem;
      font-size: 1.9rem; }
      body#easyforensics .aboutproducts .about .price .subscribe strong {
        color: #BCA522;
        font-size: 3.5rem;
        padding-top: 0.5rem; }
      body#easyforensics .aboutproducts .about .price .subscribe span {
        font-size: 1.3rem; }
      body#easyforensics .aboutproducts .about .price .caution {
        border: 1px solid #FFF;
        padding: 1rem 0.75rem;
        font-size: 1.4rem;
        margin-top: 1.5rem; }
  @media only screen and (max-width: 780px) {
    body#easyforensics .aboutproducts {
      flex-wrap: wrap; }
      body#easyforensics .aboutproducts .photo, body#easyforensics .aboutproducts .about {
        width: 96%;
        margin: 0 auto; }
      body#easyforensics .aboutproducts .photo {
        text-align: center;
        max-height: 300px; }
        body#easyforensics .aboutproducts .photo img {
          width: 100%; } }
body#easyforensics .point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  body#easyforensics .point .block {
    width: 49%;
    border: 1px solid #02216a;
    padding-bottom: 5em;
    margin-bottom: 3rem; }
    body#easyforensics .point .block.b1 {
      background: url("../imgs/eazy/bg_usb.webp") right 5% bottom 5% no-repeat;
      background-size: auto 12rem; }
    body#easyforensics .point .block.b2 {
      background: url("../imgs/eazy/bg_discovery.webp") right 5% bottom 5% no-repeat;
      background-size: auto 12rem; }
    body#easyforensics .point .block.b3 {
      background: url("../imgs/eazy/bg_pro.webp") right 5% bottom 5% no-repeat;
      background-size: auto 12rem; }
    body#easyforensics .point .block.b4 {
      background: url("../imgs/eazy/bg_Infinity.webp") right 5% bottom 5% no-repeat;
      background-size: auto 12rem; }
    body#easyforensics .point .block .title {
      font-size: 1.8rem;
      background: #02216a;
      color: #FFF;
      padding: 0.5rem 1rem; }
      body#easyforensics .point .block .title span {
        color: #BCA522; }
    body#easyforensics .point .block .detail {
      padding: 1.5rem 2rem; }
      body#easyforensics .point .block .detail h4 {
        margin-top: 0;
        font-weight: bold;
        font-size: 1.85rem; }
    @media only screen and (max-width: 780px) {
      body#easyforensics .point .block {
        width: 96%;
        margin: 1rem auto;
        padding-bottom: 4em; } }
body#easyforensics .usestep {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2rem; }
  body#easyforensics .usestep .step {
    border: 1px solid #02216a;
    width: 28%;
    text-align: center;
    padding: 1.5rem;
    font-size: 1.7rem; }
    body#easyforensics .usestep .step .title {
      color: #02216a;
      font-size: 2rem; }
    body#easyforensics .usestep .step img {
      width: 30%;
      height: auto;
      margin: 1rem auto;
      display: block; }
  body#easyforensics .usestep .right {
    width: 5%;
    display: flex;
    align-items: center; }
  @media only screen and (max-width: 780px) {
    body#easyforensics .usestep .step {
      width: 96%;
      margin: 1rem auto; }
      body#easyforensics .usestep .step img {
        width: auto;
        height: 5rem;
        margin: 1rem auto;
        display: block; }
    body#easyforensics .usestep .right {
      width: 5%;
      margin: 0 auto; }
      body#easyforensics .usestep .right img {
        transform: rotate(90deg); } }
body#easyforensics .trouble {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 2rem;
  margin-top: 2rem; }
  body#easyforensics .trouble .case {
    padding: 2rem 0;
    width: 48%;
    background: #02216a;
    color: #FFF;
    text-align: center;
    font-size: 2rem; }
    body#easyforensics .trouble .case p.num {
      font-size: 3rem; }
      body#easyforensics .trouble .case p.num img {
        height: 3rem;
        width: auto;
        margin: 0 0.5rem -0.2rem 0rem; }
    @media only screen and (max-width: 780px) {
      body#easyforensics .trouble .case {
        width: 100%;
        margin: 1rem 0; } }
body#easyforensics .practical .subttl {
  background: #02216a;
  color: #FFF;
  font-size: 2rem;
  display: inline-block;
  padding: 0.8rem 1.5rem; }
  @media only screen and (max-width: 600px) {
    body#easyforensics .practical .subttl {
      width: 100%; } }
body#easyforensics .practical .practicalbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.2rem; }
  body#easyforensics .practical .practicalbody .text {
    width: 75%;
    margin-right: 3%;
    margin-bottom: 2rem; }
    body#easyforensics .practical .practicalbody .text span {
      font-size: 1.4rem; }
  body#easyforensics .practical .practicalbody .image {
    flex: 1;
    margin-bottom: 2rem; }
    body#easyforensics .practical .practicalbody .image img {
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 600px) {
    body#easyforensics .practical .practicalbody .text, body#easyforensics .practical .practicalbody .image {
      width: 100%; }
    body#easyforensics .practical .practicalbody .image {
      text-align: center; }
      body#easyforensics .practical .practicalbody .image img {
        max-width: 220px; } }
body#easyforensics .graph {
  border: 1px solid #02216a;
  padding: 1rem;
  width: 100%;
  max-width: 600px;
  margin-top: 2rem; }
body#easyforensics .featuresblock {
  margin-bottom: 4rem; }
  body#easyforensics .featuresblock .title {
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    background: #02216a;
    color: #FFF;
    font-size: 1.9rem;
    width: 50%;
    padding: 1rem 1.5rem; }
    body#easyforensics .featuresblock .title .image {
      height: 3em;
      margin-right: 1rem; }
      body#easyforensics .featuresblock .title .image img {
        height: 100%;
        width: auto; }
    body#easyforensics .featuresblock .title span {
      font-size: 1.3rem; }
  body#easyforensics .featuresblock .detail {
    width: 90%;
    margin-left: auto;
    margin-top: -3rem;
    border: 1px solid #02216a;
    padding: 5rem 2rem 2rem 2.5rem; }
  @media only screen and (max-width: 780px) {
    body#easyforensics .featuresblock .title {
      width: 80%; } }
  @media only screen and (max-width: 600px) {
    body#easyforensics .featuresblock .title {
      width: 100%; }
    body#easyforensics .featuresblock .detail {
      width: 100%; } }
body#easyforensics .contact {
  text-align: center;
  margin: 3rem 0 1rem; }
body#easyforensics .btn.form {
  width: 100%;
  text-align: center;
  font-size: 1.8rem; }
  body#easyforensics .btn.form:hover a {
    color: #FFF; }
  body#easyforensics .btn.form a {
    color: #02216a;
    display: block; }
  body#easyforensics .btn.form a.icon::before {
    top: 0.65em;
    left: 50%;
    margin-left: -3.5em; }
body#easyforensics .speclist h4 {
  margin: 2rem 0 0; }
body#easyforensics .speclist p {
  margin: 0 0 0 1.5rem; }

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