.content {
  padding: 0 0 16vw 0; }
  @media only screen and (min-width: 769px) {
    .content {
      padding: 0 0 90px 0; } }

.f_line {
  background: url(../img/bg_font_line.gif) repeat-x left bottom;
  font-weight: bold;
  color: #0085ca; }

/* .detail
================================================SP*/
.detail-security {
  width: 93.33333vw;
  margin: 0 auto;
  font-size: 4vw;
  padding-top: 7.33333vw; }
  @media only screen and (min-width: 769px) {
    .detail-security {
      width: 908px;
      margin: 0 auto;
      font-size: 16px;
      line-height: 2;
      letter-spacing: -0.02em;
      padding-top: 55px; } }
  @media only screen and (min-width: 769px) {
    .detail-security .lead {
      margin-bottom: 55px; } }
  @media only screen and (min-width: 769px) {
    .detail-security .lead h1 {
      width: 908px;
      height: 163px;
      background: url(../img/security02/title.png) no-repeat left top;
      margin-bottom: 50px; } }
  @media only screen and (min-width: 769px) {
    .detail-security .lead p {
      width: 860px;
      margin: 0 auto; } }
  @media only screen and (min-width: 769px) {
    .detail-security .sec-box {
      width: 860px;
      margin: 0 auto; } }
  .detail-security .sec01 {
    margin-bottom: 8%; }
    @media only screen and (min-width: 769px) {
      .detail-security .sec01 {
        position: relative;
        margin-bottom: 55px; } }
    .detail-security .sec01 h2.sec01-title {
      width: 96.26667vw;
      margin-bottom: 0; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec01 h2.sec01-title {
          width: 588px;
          height: 52px;
          background: url(../img/security02/sec_1_title.png) no-repeat left top;
          margin-bottom: 20px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec01 p {
        width: 530px;
        margin: 0 0 0 15px; }
        .detail-security .sec01 p::after {
          position: absolute;
          top: -40px;
          left: 598px;
          content: '';
          width: 317px;
          height: 258px;
          background: url(../img/security02/sec_1_img_01.png) no-repeat center center; } }
    .detail-security .sec01 p a {
      color: #000000;
      padding-bottom: 3px;
      border-bottom: 1px solid #000; }
  .detail-security .sec02 {
    margin-bottom: 8%; }
    @media only screen and (min-width: 769px) {
      .detail-security .sec02 {
        margin-bottom: 55px; } }
    .detail-security .sec02 h2.sec02-title {
      width: 62vw;
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec02 h2.sec02-title {
          width: 563px;
          height: 53px;
          background: url(../img/security02/sec_2_title.png) no-repeat left top;
          margin-bottom: 20px; } }
    .detail-security .sec02 p {
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec02 p {
          margin-bottom: 20px;
          margin-left: 15px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec02 ul {
        margin: 0 0 0 15px; } }
    .detail-security .sec02 ul li {
      background: url(../img/security02/sec_icon_square_s.png) no-repeat left center;
      background-size: 4vw auto;
      padding-left: 6.4vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec02 ul li {
          display: inline-block;
          margin-right: 30px;
          background: url(../img/security02/sec_icon_square.png) no-repeat left center;
          background-size: 17px auto;
          padding-left: 26px; } }
  .detail-security .sec03 {
    margin-bottom: 8vw; }
    @media only screen and (min-width: 769px) {
      .detail-security .sec03 {
        margin-bottom: 55px; } }
    .detail-security .sec03 h2.sec03-title {
      width: 89.2vw;
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec03 h2.sec03-title {
          width: 510px;
          height: 55px;
          background: url(../img/security02/sec_3_title.png) no-repeat left top;
          margin-bottom: 20px; } }
    .detail-security .sec03 p {
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec03 p {
          width: 851px;
          margin: 0 auto;
          margin-bottom: 20px; } }
    .detail-security .sec03 dl {
      margin-bottom: 13.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec03 dl {
          margin-bottom: 55px; } }
      .detail-security .sec03 dl dt {
        background: url(../img/security02/sec_icon_square_s.png) no-repeat left 4px;
        background-size: 4vw auto;
        padding-left: 6.4vw;
        font-weight: bold; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec03 dl dt {
            font-size: 16px;
            background: url(../img/security02/sec_icon_square.png) no-repeat left 8px;
            background-size: 17px auto;
            padding-left: 26px; } }
      .detail-security .sec03 dl dd {
        padding-left: 6.4vw;
        margin-bottom: 5.33333vw; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec03 dl dd {
            font-size: 14px;
            padding-left: 26px;
            margin-bottom: 15px; } }
  .detail-security .sec04 {
    margin-bottom: 8%; }
    @media only screen and (min-width: 769px) {
      .detail-security .sec04 {
        margin-bottom: 50px; } }
    .detail-security .sec04 .sec04-title {
      width: 86.66667vw;
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 .sec04-title {
          width: 504px;
          height: 50px;
          background: url(../img/security02/sec_4_title.png) no-repeat left top;
          margin-bottom: 35px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec04 p {
        width: 837px;
        margin: 0 auto; } }
    .detail-security .sec04 p.sec04-tit01 {
      width: 74.4vw;
      margin: 0 auto 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-tit01 {
          width: 838px;
          height: 58px;
          background: url(../img/security02/sec_4_txt_01.png) no-repeat left top;
          margin-bottom: 20px; } }
    .detail-security .sec04 p.sec04-tit02 {
      width: 42.93333vw;
      margin: 0 auto 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-tit02 {
          width: 838px;
          height: 65px;
          background: url(../img/security02/sec_4_txt_02.png) no-repeat left top;
          margin-bottom: 20px; } }
    .detail-security .sec04 p.sec04-tit03 {
      width: 28.66667vw;
      margin: 0 auto 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-tit03 {
          width: 838px;
          height: 65px;
          background: url(../img/security02/sec_4_txt_03.png) no-repeat left top;
          margin-bottom: 20px; } }
    .detail-security .sec04 p.sec04-tit04 {
      width: 24vw;
      margin: 0 auto 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-tit04 {
          width: 838px;
          height: 68px;
          background: url(../img/security02/sec_4_txt_04.png) no-repeat left top;
          margin-bottom: 20px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec04 p.sec04-tit05 {
        width: 838px;
        height: 68px;
        background: url(../img/security02/sec_4_txt_05.png) no-repeat left top;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec04 p.sec04-tit06 {
        width: 838px;
        height: 68px;
        background: url(../img/security02/sec_4_txt_06.png) no-repeat left top;
        margin-bottom: 20px; } }
    .detail-security .sec04 p.sec04-txt02 {
      position: relative;
      background: #ffffee;
      color: #3da1ce;
      width: 62.66667vw;
      margin: 0 auto 6.66667vw;
      text-align: center;
      padding: 5.33333vw 0;
      font-size: 3.46667vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-txt02 {
          width: 472px;
          padding: 25px 0;
          margin-bottom: 50px;
          font-size: 16px; } }
      .detail-security .sec04 p.sec04-txt02::after {
        position: absolute;
        top: 3.73333vw;
        left: -10.26667vw;
        content: '';
        display: block;
        width: 14.26667vw;
        height: 21.73333vw;
        background: url(../img/security02/sec_4_img_01_s.png) no-repeat center top;
        background-size: 100% auto; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec04 p.sec04-txt02::after {
            width: 68px;
            height: 103px;
            top: -4px;
            left: -35px; } }
    .detail-security .sec04 p.sec04-txt03 {
      margin: 0 auto 6.66667vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-txt03 {
          margin: 0 auto 45px; } }
    .detail-security .sec04 p.sec04-txt04 {
      margin: 0 auto 6.66667vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-txt04 {
          margin: 0 auto 45px; } }
    .detail-security .sec04 p.sec04-txt05 {
      margin: 0 auto 12vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 p.sec04-txt05 {
          margin: 0 auto 90px; } }
    @media only screen and (min-width: 769px) {
      .detail-security .sec04 p.sec04-txt06 {
        width: 846px;
        margin: 0 auto; } }
    .detail-security .sec04 ul {
      margin-bottom: 5.33333vw; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec04 ul {
          width: 837px;
          margin: 0 auto 30px; } }
      .detail-security .sec04 ul li {
        background: url(../img/security02/sec_icon_square_s.png) no-repeat left 4px;
        background-size: 4vw auto;
        padding-left: 6.4vw;
        font-weight: bold; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec04 ul li {
            display: inline-block;
            margin-right: 30px;
            background: url(../img/security02/sec_icon_square.png) no-repeat left center;
            background-size: 17px auto;
            padding-left: 26px; } }
  .detail-security .sec05 {
    background: url(../img/security02/sec_5_bg_00_s.png) repeat left top;
    background-size: 0.8vw auto;
    padding: 0.8vw; }
    @media only screen and (min-width: 769px) {
      .detail-security .sec05 {
        background: url(../img/security02/sec_5_bg_00_s.png) repeat left top;
        background-size: 6px 6px;
        padding: 6px; } }
    .detail-security .sec05 .sec05-inner {
      background: #ffffff;
      padding: 6.66667vw 0; }
      @media only screen and (min-width: 769px) {
        .detail-security .sec05 .sec05-inner {
          padding: 50px 0; } }
      .detail-security .sec05 .sec05-inner h2.sec05-title {
        width: 77.2vw;
        margin: 0 auto 7.33333vw; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner h2.sec05-title {
            width: 607px;
            height: 100px;
            background: url(../img/security02/sec_5_title.png) no-repeat left top;
            margin: 0 auto;
            margin-bottom: 35px; } }
      .detail-security .sec05 .sec05-inner .box {
        width: 84vw;
        padding: 0 0 7.33333vw;
        margin: 0 auto 6vw;
        background: url(../img/security02/sec_5_bar_01_s.png) no-repeat center bottom;
        background-size: 20vw auto; }
        .detail-security .sec05 .sec05-inner .box:last-of-type {
          margin-bottom: 0;
          padding-bottom: 0;
          background: none; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner .box {
            width: 753px;
            background: url(../img/security02/sec_5_bar_01_s.png) no-repeat center bottom;
            padding-bottom: 45px;
            margin: 0 auto 35px; }
            .detail-security .sec05 .sec05-inner .box::after {
              display: block;
              clear: both;
              content: ""; } }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner .box .sec05_box_txt {
            width: 490px;
            float: left; } }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt h3 {
          font-weight: normal;
          font-size: 4vw;
          margin-bottom: 2.66667vw;
          letter-spacing: -0.02em; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_txt h3 {
              font-size: 16px;
              margin-bottom: 20px; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_txt h3 a {
            color: #000000;
            text-decoration: underline; }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt p {
          font-size: 3.46667vw;
          text-align: left;
          margin-bottom: 5%;
          letter-spacing: -0.04em;
          position: relative;
          z-index: 2; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_txt p {
              letter-spacing: 0em;
              font-size: 13px;
              margin-bottom: 20px; } }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt ul {
          margin-bottom: 5.33333vw; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_txt ul {
              margin-bottom: 0; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_txt ul li {
            font-size: 3.46667vw;
            letter-spacing: 0em; }
            @media only screen and (min-width: 769px) {
              .detail-security .sec05 .sec05-inner .box .sec05_box_txt ul li {
                font-size: 13px; } }
            .detail-security .sec05 .sec05-inner .box .sec05_box_txt ul li span {
              text-decoration: underline; }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt.sec05_box_txt_01 {
          padding-top: 12px; }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt.sec05_box_txt_03 p {
          margin-bottom: 0;
          letter-spacing: -0.04em; }
        .detail-security .sec05 .sec05-inner .box .sec05_box_txt.sec05_box_txt_03 a {
          text-decoration: underline;
          color: #000; }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner .box .sec05_box_img {
            float: right;
            text-align: center;
            width: 260px; } }
        .detail-security .sec05 .sec05-inner .box .sec05_box_img p {
          position: relative; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_img p {
              text-align: center; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_img p::after {
            position: absolute;
            z-index: 1;
            content: '';
            display: block;
            width: 34.4vw;
            height: 34.4vw; }
            @media only screen and (min-width: 769px) {
              .detail-security .sec05 .sec05-inner .box .sec05_box_img p::after {
                width: 202px;
                height: 202px; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_img p img {
            position: relative;
            z-index: 2; }
        .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_01 p {
          width: 20.4vw;
          margin: 0 auto; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_01 p {
              width: 101px; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_01 p::after {
            top: -6.66667vw;
            right: -13.33333vw;
            background: url(../img/security02/sec_5_bg_01_s.png) no-repeat center top;
            background-size: 100% auto; }
            @media only screen and (min-width: 769px) {
              .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_01 p::after {
                top: -50px;
                right: -75px; } }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_02 {
            padding-top: 38px; } }
        .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_02 p {
          width: 37.2vw;
          margin: 0 auto; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_02 p {
              width: 189px; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_02 p::after {
            top: -13.33333vw;
            left: -13.33333vw;
            background: url(../img/security02/sec_5_bg_02_s.png) no-repeat center top;
            background-size: 100% auto; }
            @media only screen and (min-width: 769px) {
              .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_02 p::after {
                top: -75px;
                left: -50px; } }
        @media only screen and (min-width: 769px) {
          .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_03 {
            padding-top: 38px; } }
        .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_03 p {
          width: 37.2vw;
          margin: 0 auto; }
          @media only screen and (min-width: 769px) {
            .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_03 p {
              width: 192px; } }
          .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_03 p::after {
            bottom: -6.66667vw;
            right: -13.33333vw;
            background: url(../img/security02/sec_5_bg_03_s.png) no-repeat center top;
            background-size: 100% auto; }
            @media only screen and (min-width: 769px) {
              .detail-security .sec05 .sec05-inner .box .sec05_box_img.sec05_box_img_03 p::after {
                bottom: -50px;
                right: -75px; } }
  .detail-security .pageLink {
    width: 93.33333vw;
    margin: 0 auto 10.66667vw; }
    @media only screen and (min-width: 769px) {
      .detail-security .pageLink {
        width: 800px;
        margin: 0 auto 80px; } }
    .detail-security .pageLink ul li {
      text-indent: -1.5em;
      margin-left: 1.5em; }
      .detail-security .pageLink ul li a {
        color: #006699; }