@charset "UTF-8";
/* ---------------------------------------------

共通

------------------------------------------------*/
p.p-bottom-text {
  color: #000000;
  font-size: 92%; }

.price-tabbox table td a {
  color: #333; }

#hsMenuVF {
  border-top: 1px dotted #ccc;
  padding: 40px 0 0;
  margin: 0 0 30px; }
  #hsMenuVF h3 {
    margin: 0 0 5px; }
  #hsMenuVF .voice-section {
    width: 310px;
    float: left; }
  #hsMenuVF .flow-section {
    width: 310px;
    float: right; }
  #hsMenuVF .content {
    padding: 10px;
    border: 3px solid #E7E7E7; }
    #hsMenuVF .content h4 {
      background: none;
      margin: 0;
      font-size: 115.3%; }
      #hsMenuVF .content h4 a {
        padding: 0 0 0 24px;
        color: #333333;
        display: inline-block;
        background: url(../../../common/img/ftr_arw.png) no-repeat 0 2px; }
    #hsMenuVF .content .text {
      width: 192px;
      float: right; }
      #hsMenuVF .content .text p {
        font-size: 100%;
        line-height: 1.3;
        margin: 0; }
    #hsMenuVF .content .img {
      float: left; }

/*--------------------------------------------------

index.html

--------------------------------------------------*/
#main-area {
  width: 640px; }
  #main-area .message {
    font-size: 107.6%;
    line-height: 1.8;
    margin: 0 0 40px; }
  #main-area .fL {
    float: left; }
  #main-area .fR {
    float: right; }
  #main-area .plan-item {
    width: 310px; }
    #main-area .plan-item h3 {
      background: #3379D8 none;
      margin: 0 0 30px;
      padding: 0;
      font-size: 115.3%; }
      #main-area .plan-item h3 a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        padding: 7px 7px 7px 48px;
        background: url(../img/idx_arw.png) no-repeat 14px 50%; }

/* add 2018-03-16 */
.flow-section h4 {
  clear: both;
  background-image: url(../../common/img/bg_h4_blue.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin-bottom: 15px;
  padding-bottom: 8px;
  padding-left: 2px;
  font-size: 107.1%;
  font-weight: bold; }

/*--------------------------------------------------

common

--------------------------------------------------*/
#main-area #planArea {
  margin: 0 0 30px; }
#main-area #planMenu {
  width: 242px;
  float: left; }
  #main-area #planMenu .basic {
    margin: 0 0 20px; }
  #main-area #planMenu h4 {
    margin: 0 0 10px;
    padding: 0;
    background: none; }
  #main-area #planMenu ul {
    margin: 0 0 36px; }
    #main-area #planMenu ul li {
      padding: 0 0 10px;
      background: url(../img/plan_arw.png) no-repeat 50% 100%; }
      #main-area #planMenu ul li.last-child {
        padding: 0;
        background: none; }
#main-area #planFloor {
  width: 362px;
  float: right;
  position: relative; }
#main-area .plan-price {
  margin: 0 0 15px; }
#main-area h5 {
  font-weight: bold;
  margin: 0 0 5px; }
#main-area .plan-price .price-purchase {
  width: 310px;
  float: left; }
#main-area .plan-price .price-rental {
  width: 310px;
  float: right; }
#main-area .plan-price table {
  width: 100%;
  border: 1px solid #ccc; }
  #main-area .plan-price table th, #main-area .plan-price table td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center; }
  #main-area .plan-price table th {
    background-color: #fafafa;
    vertical-align: middle;
    font-weight: bold;
    font-size: 107.6%; }
    #main-area .plan-price table th.th-purchase {
      font-size: 100%;
      background-color: #18A9E7;
      color: #ffffff;
      font-weight: normal; }
    #main-area .plan-price table th.th-rental {
      font-size: 100%;
      background-color: #E98B18;
      color: #ffffff;
      font-weight: normal; }
    #main-area .plan-price table th strong {
      font-weight: bold; }
  #main-area .plan-price table .price {
    font-size: 184.6%; }
  #main-area .plan-price table .span-attention {
    color: #B20000; }
#main-area .notes {
  font-size: 92.3%;
  margin: 0 0 40px; }
  #main-area .notes li {
    padding-left: 3em;
    text-indent: -3em; }
    #main-area .notes li span {
      color: #B20000; }
#main-area #planArea .house .li-01 {
  position: absolute;
  left: 98px;
  top: 41px; }
#main-area #planArea .house .li-02 {
  position: absolute;
  left: 256px;
  top: 69px; }
#main-area #planArea .house .li-03 {
  position: absolute;
  left: 208px;
  top: 295px; }
#main-area #planArea .house .li-04 {
  position: absolute;
  left: 107px;
  top: 318px; }
#main-area #planArea .house .li-05 {
  position: absolute;
  left: 244px;
  top: 106px; }
#main-area #planArea .house .li-06 {
  position: absolute;
  left: 259px;
  top: 208px; }
#main-area #planArea .house .li-07 {
  position: absolute;
  left: 212px;
  top: 396px; }
  #main-area #planArea .house .li-07 .zoom-img {
    top: -171px; }
#main-area #planArea .house .li-08 {
  position: absolute;
  left: -20px;
  top: 286px; }
#main-area #planArea .house .li-09 {
  position: absolute;
  left: 167px;
  top: 227px; }
#main-area #planArea .house .li-10 {
  position: absolute;
  left: -26px;
  top: 389px; }
  #main-area #planArea .house .li-10 .zoom-img {
    top: -201px; }
#main-area #planArea .mansion .li-01 {
  position: absolute;
  left: 174px;
  top: 71px; }
  #main-area #planArea .mansion .li-01 .zoom-img {
    left: 0;
    right: auto; }
#main-area #planArea .mansion .li-02 {
  position: absolute;
  left: 45px;
  top: 136px; }
  #main-area #planArea .mansion .li-02 .zoom-img {
    top: -141px; }
#main-area #planArea .mansion .li-03 {
  position: absolute;
  left: 82px;
  top: 71px; }
#main-area #planArea .mansion .li-04 {
  position: absolute;
  left: 224px;
  top: 1px; }
#main-area #planArea .mansion .li-05 {
  position: absolute;
  left: -36px;
  top: 41px; }

/*--------- icons house ---------------*/
/*--------- icons mansion ---------------*/
/*--------- system-table ---------------*/
/*
.system-table {
  width:100%;
  margin-bottom: 25px;
  border: 1px solid #03A6E4;
  th{
  	text-align: center;
  	color: #fff;
  	font-weight: bold;
  	background: #00a3e5;
  	padding: 11px 0;
  }
  th, td {
    text-align: center;
    vertical-align: top;
    font-size: 107%;
  }
  th img {
    margin: 0px;
    padding: 0px;
  }
}

caption {
  font-weight: bold;
  margin-bottom: 5px;
}

tr.bg-bottom td {
  background-image: url(../common/img/bg_optionmenu_bottom.jpg);
  background-position: 0px 100px;
  background-repeat: repeat-x;
  background-color: #F3F3F3;
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  img {
    margin-bottom: 2px;
  }
  span {
    color: #999999;
  }
}

.system-table tr td.dot-line {
  background-image: url(../img/bg_basic_line.jpg);
  background-position: left top;
  background-repeat: repeat-y;
}
*/
/*--------- op-table ---------------*/
.op-table {
  margin-bottom: 25px;
  border: 1px solid #FF3A3A; }
  .op-table th, .op-table td {
    text-align: center;
    vertical-align: top;
    font-size: 107%; }
  .op-table th {
    height: 19px; }
  .op-table tr td.dot-line {
    background-image: url(../img/bg_optionmenu_line.jpg);
    background-position: left top;
    background-repeat: repeat-y; }

#main-area .tx_op_bottom {
  margin: 0 0 30px;
  text-align: center; }

/*--------------------------------------------------

house、mansion共通

--------------------------------------------------*/
/*--------- hs-basic-area、hs-option-area ---------------*/
#hs-basic-area, #hs-option-area {
  background-position: left top;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 5px 1px 1px 1px;
  margin-bottom: 30px;
  padding: 30px 19px; }

#hs-basic-area {
  background-image: url(../common/img/bg_grad_basic.jpg);
  border-color: #0AACE9 #6A9CD8 #6A9CD8; }

#hs-option-area {
  background-image: url(../common/img/bg_grad_option.jpg);
  border-color: #FF4D4D #F88787 #F88787; }

#hs-basic-area .table-bottom p, #hs-option-area .table-bottom p {
  margin-left: 2.5em;
  text-indent: -2.5em; }

#hs-basic-area .table-bottom p span, #hs-option-area .table-bottom p span {
  color: #CC0000;
  margin-right: 0.5em; }

/*--------- popup記述 ---------------*/
div.zoom-img {
  display: block;
  clear: both;
  font-size: 100%;
  margin-right: 0px;
  position: absolute;
  z-index: 10; }

.zoom-img .popup-01, .zoom-img .popup-02, .zoom-img .popup-03, .zoom-img .popup-04, .zoom-img .popup-05, .zoom-img .popup-06, .zoom-img .popup-07, .zoom-img .popup-08, .zoom-img .popup-09, .zoom-img .popup-10 {
  display: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  border: 4px solid #FF4D4D;
  width: 204px;
  padding: 20px;
  text-align: center;
  font-size: 100%; }
.zoom-img div.div-basic {
  border: 4px solid #06A9E8; }
.zoom-img .title-box {
  margin-bottom: 10px; }
  .zoom-img .title-box img {
    float: left; }
  .zoom-img .title-box p {
    font-weight: bold;
    font-size: 123%;
    text-align: left;
    margin-left: 25px; }
    .zoom-img .title-box p.nimoji {
      margin-left: 41px; }

img.float-r {
  float: right;
  margin-left: 10px; }

.zoom-img strong {
  font-weight: bold; }
.zoom-img div p {
  font-size: 92%;
  text-align: left; }
.zoom-img div a.bt_close_01, .zoom-img div a.bt_close_02, .zoom-img div a.bt_close_03, .zoom-img div a.bt_close_04, .zoom-img div a.bt_close_05, .zoom-img div a.bt_close_06, .zoom-img div a.bt_close_07, .zoom-img div a.bt_close_08, .zoom-img div a.bt_close_09, .zoom-img div a.bt_close_10 {
  display: block;
  clear: both;
  width: 60px;
  margin: 10px auto 0px; }
.zoom-img div .bt_close_01 img, .zoom-img div .bt_close_02 img, .zoom-img div .bt_close_03 img, .zoom-img div .bt_close_04 img, .zoom-img div .bt_close_05 img, .zoom-img div .bt_close_06 img, .zoom-img div .bt_close_07 img, .zoom-img div .bt_close_08 img, .zoom-img div .bt_close_09 img, .zoom-img div .bt_close_10 img {
  margin-bottom: 0px; }

/*--------------------------------------------------

mansion

--------------------------------------------------*/
/*----------- h3関係 ----------------*/
#mansion-h3 {
  margin-bottom: 20px; }
  #mansion-h3 h3 {
    float: left; }
  #mansion-h3 p {
    margin-left: 140px;
    padding-top: 10px; }

/*----------- tab ----------------*/
#mansion-tab, #mansion-tab-op {
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  width: 650px;
  height: 103px; }

#mansion-tab {
  background-image: url(../common/img/bg_tab_mansion.jpg); }

#mansion-tab-op {
  background-image: url(../common/img/bg_tab_mansion_op.jpg); }

li.m-li-01 {
  position: absolute;
  top: 55px;
  left: 20px; }
li.m-li-02 {
  position: absolute;
  top: 45px;
  left: 344px; }

.tx_tab_mansion_basic {
  position: absolute;
  top: 0px;
  left: 5px; }

.tx_tab_mansion_option {
  position: absolute;
  top: 0px;
  left: 331px; }

/*----------- arrange ----------------*/
.mansion-arrange {
  position: relative;
  background-image: url(../common/img/im_main_mansion.gif);
  background-position: left top;
  background-repeat: no-repeat;
  width: 610px;
  height: 322px;
  margin-bottom: 10px; }
  .mansion-arrange .li-01, .mansion-arrange .zoom-img div.popup-01 {
    position: absolute;
    top: 156px;
    left: 266px; }

* html .mansion-arrange .zoom-img div.popup-01, *:first-child + html .mansion-arrange .zoom-img div.popup-01 {
  top: 117px;
  left: -140px; }

.mansion-arrange .li-02 {
  position: absolute;
  top: 261px;
  left: 84px; }
.mansion-arrange .zoom-img div.popup-02 {
  position: absolute;
  top: 261px;
  left: 84px;
  top: 111px; }

* html .mansion-arrange .zoom-img div.popup-02, *:first-child + html .mansion-arrange .zoom-img div.popup-02 {
  top: 76px;
  left: -319px; }

.mansion-arrange .li-03, .mansion-arrange .zoom-img div.popup-03 {
  position: absolute;
  top: 162px;
  left: 167px; }

* html .mansion-arrange .zoom-img div.popup-03, *:first-child + html .mansion-arrange .zoom-img div.popup-03 {
  top: 127px;
  left: -236px; }

.mansion-arrange .li-04, .mansion-arrange .zoom-img div.popup-04 {
  position: absolute;
  top: 35px;
  left: 403px; }

* html .mansion-arrange .zoom-img div.popup-04, *:first-child + html .mansion-arrange .zoom-img div.popup-04 {
  top: 0px;
  left: 0px; }

.mansion-arrange .li-05, .mansion-arrange .zoom-img div.popup-05 {
  position: absolute;
  top: 140px;
  left: 0px; }

* html .mansion-arrange .zoom-img div.popup-05, *:first-child + html .mansion-arrange .zoom-img div.popup-05 {
  top: -2px;
  left: -387px; }

/*--------------------------------------------------

privilege.html

--------------------------------------------------*/
.privilege-main-ul {
  position: relative;
  background-image: url(../img/im_privilege_main.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  width: 648px;
  height: 63px;
  margin-bottom: 30px;
  padding-top: 100px;
  text-align: center; }
  .privilege-main-ul li {
    display: inline;
    background-image: url(../img/mr_privilege.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 25px;
    padding-left: 17px;
    min-height: 12px;
    height: auto !important;
    height: 12px;
    font-size: 107%;
    font-weight: bold;
    line-height: 1.6; }
  .privilege-main-ul img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }

.price-table th span.privilege-th-span {
  display: block;
  position: relative;
  padding-left: 120px;
  text-align: left;
  font-weight: bold;
  font-size: 100%;
  font-weight: bold; }
.price-table th span img {
  position: absolute;
  top: -19px;
  left: 55px; }

* html .price-table th span img {
  top: -16px;
  left: -63px; }

.price-table td span.span-privilege {
  font-size: 187%; }
.price-table td span.f-bold-red {
  font-weight: bold;
  color: #FF3333;
  margin-right: 5px;
  margin-left: 5px; }
.price-table td.td-purchase-pri {
  border-bottom: 5px solid #E5EFF4;
  font-weight: bold;
  font-size: 123%; }
.price-table td.td-rental-pri {
  border-bottom: 5px solid #FEEEE6;
  font-weight: bold;
  font-size: 123%; }

div.div-kome p, p.p-kome {
  margin-left: 1em;
  text-indent: -1em; }

div.div-kome p a {
  margin-left: 0em;
  text-indent: 0em; }

.p-pink-bg {
  background-color: #FFECEC;
  margin-bottom: 10px;
  padding: 10px 0px 5px;
  font-size: 123%;
  font-weight: bold;
  text-align: center; }

/*--------------------------------------------------

privilege.html

--------------------------------------------------*/
#main-area.privilege {
  width: 660px; }

@media screen and (min-width: 768px) {
  .simu-inner {
    margin: 0 0 45px; }
    .simu-inner .btn-wrap p {
      font-size: 15px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 14px; }
    .simu-inner .btn-wrap ul {
      margin-bottom: 25px; }
      .simu-inner .btn-wrap ul li {
        width: 47.61194%;
        float: left;
        text-align: center; }
        .simu-inner .btn-wrap ul li:last-child {
          margin-left: 4.77612%; }
        .simu-inner .btn-wrap ul li a {
          border: 1px solid #3379d8;
          display: flex;
          height: 70px;
          text-decoration: none;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px;
          line-height: 1.375; }
          .simu-inner .btn-wrap ul li a i {
            width: 13px;
            margin-top: -3px;
            padding-right: 8px; }
            .simu-inner .btn-wrap ul li a i img {
              width: 100%;
              height: auto; }
        .simu-inner .btn-wrap ul li a.on {
          background: #3379d8;
          color: #fff; }
        .simu-inner .btn-wrap ul li > span {
          border: 1px solid #3379d8;
          display: flex;
          height: 70px;
          text-decoration: none;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px;
          line-height: 1.375;
          background: #3379d8;
          color: #fff; }
    .simu-inner .btn-wrap .hidden-box {
      display: none; }
      .simu-inner .btn-wrap .hidden-box .flashlight {
        display: none; }
    .simu-inner .bottom.btn-wrap ul {
      margin-bottom: 15px; }
    .simu-inner .bottom.btn-wrap .hidden-box {
      background-color: #d9e6f7;
      text-align: center;
      padding: 25px;
      border-radius: 4px; }
      .simu-inner .bottom.btn-wrap .hidden-box p {
        font-size: 15px;
        color: #2e76db;
        margin-bottom: 20px; }
      .simu-inner .bottom.btn-wrap .hidden-box ul {
        margin-bottom: 0; }
        .simu-inner .bottom.btn-wrap .hidden-box ul li {
          float: none;
          margin-left: 0;
          width: 100%;
          margin-bottom: 15px; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li:last-child {
            margin-bottom: 0; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li a {
            font-size: 14px;
            background: #fff;
            height: 45px; }
            .simu-inner .bottom.btn-wrap .hidden-box ul li a i {
              font-size: 19px;
              padding-right: 5px;
              margin-top: 0; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li a.on {
            color: #fff;
            background: #3379d8; }
    .simu-inner .pattern-wrap {
      margin-top: 50px; }
      .simu-inner .pattern-wrap .inner-parts h3 {
        font-size: 18px;
        font-weight: bold;
        color: #2e76db;
        line-height: 1;
        margin-bottom: 15px; }
      .simu-inner .pattern-wrap .inner-parts .price-box {
        margin-bottom: 50px; }
        .simu-inner .pattern-wrap .inner-parts .price-box ul li {
          float: left;
          width: 49.402985%;
          margin-right: 1.19403%;
          box-sizing: border-box;
          border: 2px solid #e98b18; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li:last-child {
            margin-right: 0; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li .head {
            background: #e98b18;
            color: #fff;
            text-align: center;
            padding-top: 15px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .head .fs15 {
              font-size: 15px;
              line-height: 1;
              font-weight: bold;
              padding-bottom: 5px;
              display: block; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .head .fs12 {
              font-size: 12px;
              display: block;
              line-height: 1.4;
              padding-bottom: 11px; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner {
            padding: 15px 0 15px 15px;
            line-height: 1;
            height: 180px;
            box-sizing: border-box; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .m-size {
              font-size: 15px;
              font-weight: bold;
              padding-bottom: 7px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .money {
              font-size: 14px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .cancel {
              text-decoration: line-through; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .color-text {
              font-size: 14px;
              color: #e98b18;
              font-weight: bold;
              padding-top: 10px;
              padding-bottom: 5px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text {
              padding-bottom: 15px; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .l-size {
                font-size: 20px;
                color: #e98b18;
                font-weight: bold; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .yen {
                font-size: 14px;
                font-weight: bold; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .s-size {
                font-size: 14px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .l-size {
              color: #e98b18;
              font-size: 20px;
              font-weight: bold; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .yen {
              font-size: 14px;
              font-weight: bold; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .s-size {
              font-size: 14px; }
        .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue {
          border: 2px solid #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .head {
            background: #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner p.main-text .l-size {
            font-size: 18px;
            color: #18a9e7;
            font-weight: bold; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner .color-text {
            color: #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner .main-text.last {
            padding-bottom: 0; }
        .simu-inner .pattern-wrap .inner-parts .price-box .left-content-area.on ul li,
        .simu-inner .pattern-wrap .inner-parts .price-box .right-content-area.on ul li {
          border: none;
          width: 100%;
          float: none; }
      .simu-inner .pattern-wrap .inner-parts .installation-box {
        position: relative;
        padding-bottom: 50px; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .slider li img {
          width: 100%;
          height: auto; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots {
          clear: right;
          width: 43px;
          height: 14px;
          position: absolute;
          left: 50%;
          margin-left: -21px;
          top: 100%; }
          .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots .slick-active button {
            border: 1px solid #3379d8;
            width: 14px;
            text-indent: -99999px;
            border-radius: 50%;
            background: #3379d8 !important;
            height: 14px; }
          .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li {
            float: left;
            height: 14px; }
            .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li:last-child {
              padding-left: 15px; }
            .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li button {
              width: 14px;
              text-indent: -99999px;
              border-radius: 50%;
              height: 14px;
              border: 1px solid #3379d8;
              background: #fff;
              box-sizing: border-box; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .next-arrow {
          width: 13.5px;
          height: 22px;
          border: none;
          background: #fff url("/homesecurity/plan/img/right-arrow.png");
          background-size: 13.5px 22px;
          position: absolute;
          top: 99%;
          right: 32%; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .prev-arrow {
          width: 13.5px;
          height: 22px;
          border: none;
          background: #fff url("/homesecurity/plan/img/left-arrow.png");
          background-size: 13.5px 22px;
          position: absolute;
          top: 99%;
          left: 32%;
          z-index: 1; }
      .simu-inner .pattern-wrap .inner-parts .installation-box.single {
        padding-bottom: 10px; }
        .simu-inner .pattern-wrap .inner-parts .installation-box.single .slide-dots {
          display: none; }
      .simu-inner .pattern-wrap .inner-parts .bottom-btn {
        margin: 15px 0 50px; }
        .simu-inner .pattern-wrap .inner-parts .bottom-btn .add-other-btn a {
          display: block;
          background: #3379d8;
          color: #ffffff;
          border-radius: 4px;
          text-decoration: none;
          text-align: center;
          font-size: 14px;
          padding: 11px 0;
          font-weight: bold; }
          .simu-inner .pattern-wrap .inner-parts .bottom-btn .add-other-btn a i {
            font-size: 15px;
            padding-right: 5px; }
      .simu-inner .pattern-wrap .inner-parts .basic-box h4 {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .basic-box ul {
        margin-bottom: 5px; }
        .simu-inner .pattern-wrap .inner-parts .basic-box ul li {
          margin-bottom: 30px;
          width: 49%;
          float: left; }
          .simu-inner .pattern-wrap .inner-parts .basic-box ul li:nth-child(even) {
            margin-left: 2%; }
          .simu-inner .pattern-wrap .inner-parts .basic-box ul li .left-img {
            width: 29.850746%;
            float: left; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .left-img img {
              width: 100%;
              height: auto; }
          .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text {
            margin-left: 4.477612%;
            width: 65.671642%;
            float: left; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text .tlt {
              font-size: 14px;
              font-weight: bold;
              line-height: 1;
              position: relative;
              padding-left: 40px;
              margin-bottom: 10px;
              line-height: 1.3; }
              .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text .tlt i {
                color: #fff;
                display: inline-block;
                background: #0cb3f2;
                width: 30px;
                text-align: center;
                padding: 2px 0;
                position: absolute;
                left: 0;
                top: 0;
                font: 86.25%/1.5 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
                line-height: 1; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text p {
              font-size: 13px;
              line-height: 1.6; }
      .simu-inner .pattern-wrap .inner-parts .basic-box .basic-link {
        margin-bottom: 50px; }
      .simu-inner .pattern-wrap .inner-parts .option-box h4 {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .option-box .table-wrap {
        margin-bottom: 30px; }
      .simu-inner .pattern-wrap .inner-parts .option-box .option-link {
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .option-box .hs-text-caution-num {
        text-indent: -24px !important;
        padding-left: 24px !important; }
      .simu-inner .pattern-wrap .inner-parts .option-box .hs-text-caution {
        padding-left: 12px !important; }
      .simu-inner .pattern-wrap .inner-parts .inner-caution p {
        margin: 0 !important; }
      .simu-inner .pattern-wrap .pt02-all-wrap {
        display: none; }
      .simu-inner .pattern-wrap .hidden-contents {
        display: none;
        text-align: center; }

  .cp-area {
    border: 6px solid #e7e7e7;
    text-align: center; }
    .cp-area a:hover {
      opacity: 0.75; }
    .cp-area a p {
      font-size: 15px;
      color: #333;
      background: url(/common/img/img-bottom-icon.png) no-repeat left center;
      background-size: 15px;
      padding-left: 18px;
      line-height: 1.6;
      font-weight: bold;
      height: 15px;
      padding: 1px 0 1px 18px;
      line-height: 1.2;
      width: 144px;
      color: #3379D8;
      margin: 0 auto;
      padding: 20px 0; }

  .faq-contact-area {
    clear: both;
    padding: 9px 6px;
    overflow: hidden; }

  .faq-contact-area .tel {
    float: left;
    width: 234px;
    background-color: #ffffff; }

  .faq-contact-area .tel .tel-tlt {
    font-size: 13px;
    padding-bottom: 7px;
    font-weight: bold; }

  .faq-contact-area .tel img {
    max-width: 204px;
    width: 100%;
    height: auto; }

  .faq-contact-area .mail {
    float: left;
    width: 269px;
    padding: 0px 9px 4px 15px;
    background-color: #ffffff; }

  .faq-contact-area .mail .mail-tlt {
    font-size: 13px;
    padding-bottom: 7px;
    font-weight: bold; }

  .faq-contact-area .mail .mail-btn a {
    display: block;
    border-radius: 4px;
    background-color: #2c3691;
    width: 205px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 16px 0 12px; }

  .faq-contact-area .mail .mail-btn a:hover {
    opacity: 0.8; }

  .faq-contact-area .mail .mail-btn a span {
    background: url("/common/img/pc-arrow-white.png") no-repeat left 8px;
    padding-left: 15px; }

  .balloon {
    font-size: 15px;
    border-radius: 3px;
    background: #2e76db;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
    margin: 0 0 19px;
    line-height: 1;
    padding: 11px 0;
    position: relative; }
    .balloon:before {
      content: "";
      width: 13px;
      height: 15px;
      position: absolute;
      left: 50%;
      bottom: -15px;
      margin-left: -6.5px;
      background: url(/common/img/sp-balloon.png) no-repeat bottom center;
      background-size: 13px 15px; }

  .other-plan {
    background: #d9e6f7;
    margin: 0 0 50px;
    padding: 28px 0;
    border-radius: 4px; }
    .other-plan ul {
      width: 576px;
      margin: 0 auto; }
      .other-plan ul li {
        width: 278px;
        float: left; }
        .other-plan ul li:last-child {
          margin-left: 20px; }
        .other-plan ul li a {
          display: block;
          background: #fff;
          border: 4px solid #b7ceeb;
          border-radius: 10px; }
          .other-plan ul li a:hover {
            border: 4px solid #2e76db; }
          .other-plan ul li a img {
            width: 100%;
            height: auto; }
      .other-plan ul li.child,
      .other-plan ul li.senior {
        text-align: center; }
        .other-plan ul li.child a,
        .other-plan ul li.senior a {
          text-decoration: none;
          font-size: 16px;
          font-weight: bold;
          line-height: 1;
          height: 158px;
          box-sizing: border-box;
          padding-top: 20px; }
          .other-plan ul li.child a p,
          .other-plan ul li.senior a p {
            padding-top: 15px; }
          .other-plan ul li.child a img,
          .other-plan ul li.senior a img {
            max-width: 140px;
            width: 100%;
            height: auto; }
    .other-plan .other-text {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      color: #2e76db;
      margin-bottom: 20px; }
    .other-plan .single {
      width: 278px;
      margin: 0 auto;
      text-align: center; }
      .other-plan .single a {
        display: block;
        background: #fff;
        border: 4px solid #b7ceeb;
        border-radius: 10px;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        height: 158px;
        box-sizing: border-box;
        padding-top: 20px; }
        .other-plan .single a:hover {
          border: 4px solid #2e76db; }
        .other-plan .single a img {
          max-width: 140px;
          width: 100%;
          height: auto; }
        .other-plan .single a p {
          padding-top: 15px; }
    .other-plan .single.house a {
      padding-top: 24px; }
      .other-plan .single.house a img {
        max-width: 75px; }
    .other-plan .single.child a {
      padding-top: 20px; }

  .other-plan.another {
    margin-bottom: 30px; }

  .voice-area .img-area {
    margin-bottom: 20px; }
    .voice-area .img-area .left {
      width: 37.61194%;
      margin-right: 3.970149%;
      float: left; }
      .voice-area .img-area .left img {
        width: 100%;
        height: auto; }
    .voice-area .img-area .right {
      float: left;
      width: 56.417911%; }
      .voice-area .img-area .right img {
        max-width: 90px;
        width: 100%;
        height: auto; }
      .voice-area .img-area .right p {
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
        padding-top: 10px; }
    .voice-area .img-area .right.child img {
      max-width: 160px; }
  .voice-area .tlt {
    line-height: 1.4;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px; }
  .voice-area .hs-text {
    margin: 0 !important; }
  .voice-area .voice-link {
    margin: 20px 0 50px; }

  #faqArea dl {
    border-bottom: 1px dotted #cccccc; }
    #faqArea dl dt {
      cursor: pointer;
      font-size: 15px;
      font-weight: bold;
      padding: 30px 0 30px 38px;
      background: url(/img/faq_q.png) no-repeat 10px 30px; }
    #faqArea dl dd {
      font-size: 107.6%;
      padding: 0 0 10px 38px;
      background: url(/img/faq_a.png) no-repeat 10px 2px;
      display: none; }
      #faqArea dl dd p {
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 1.8; }
      #faqArea dl dd ul {
        margin-bottom: 20px; }
        #faqArea dl dd ul li {
          list-style-type: disc;
          margin-left: 1.5em; }
  #faqArea dl.last {
    margin-bottom: 20px; }

  .faq-link {
    margin: 0 0 40px; }

  #fixed {
    z-index: 5; }

  .table-wrap {
    position: relative; }
    .table-wrap .op {
      opacity: 0.5; }
    .table-wrap .table-content {
      border: 2px solid #00a3e5; }
      .table-wrap .table-content dl {
        width: 106px;
        float: left; }
        .table-wrap .table-content dl dt {
          color: #fff;
          font-weight: bold;
          text-align: center;
          background: #00a3e5;
          border-right: 2px dotted #fff;
          font-size: 14px;
          font-weight: bold;
          padding: 11px 0; }
        .table-wrap .table-content dl dd {
          border-right: 2px dotted #3bb8eb;
          text-align: center;
          padding-bottom: 15px; }
          .table-wrap .table-content dl dd img {
            width: 100%;
            height: auto; }
          .table-wrap .table-content dl dd span {
            font-size: 12px; }
          .table-wrap .table-content dl dd:nth-child(6) {
            border-right: none; }
        .table-wrap .table-content dl .last {
          border-right: none; }
    .table-wrap .table-content.another dl dd {
      padding-bottom: 0; }
    .table-wrap .table-content-red {
      border: 2px solid #ff3333;
      position: relative; }
      .table-wrap .table-content-red dl {
        width: 106px;
        float: left; }
        .table-wrap .table-content-red dl dt {
          color: #fff;
          font-weight: bold;
          text-align: center;
          background: #ff3333;
          border-right: 2px dotted #fff;
          font-size: 14px;
          font-weight: bold;
          padding: 11px 0; }
        .table-wrap .table-content-red dl dd {
          border-right: 2px dotted #ff6464;
          text-align: center;
          padding-bottom: 15px; }
          .table-wrap .table-content-red dl dd img {
            width: 100%;
            max-width: 104px;
            height: auto; }
            .table-wrap .table-content-red dl dd img:hover {
              opacity: 1; }
          .table-wrap .table-content-red dl dd span {
            font-size: 12px;
            text-align: center; }
          .table-wrap .table-content-red dl dd:nth-child(6) {
            border-right: none; }
        .table-wrap .table-content-red dl .last {
          border-right: none; }
    .table-wrap .table-content-red.bottom {
      width: 212px; }
    .table-wrap div.zoom-img.one {
      top: -77px;
      right: 460px; }
    .table-wrap div.zoom-img.two {
      top: -77px;
      right: 350px; }
    .table-wrap div.zoom-img.three {
      top: -68px;
      right: 243px; }
    .table-wrap div.zoom-img.four {
      top: -150px;
      right: 460px; }
    .table-wrap div.zoom-img.five {
      top: -239px;
      right: 133px; }
    .table-wrap div.zoom-img.six {
      top: -199px;
      right: 350px; }
    .table-wrap div.zoom-img.seven {
      top: -199px;
      right: 250px; }
    .table-wrap div.zoom-img.eight {
      top: -149px;
      right: 32px; }
    .table-wrap div.zoom-img.nine {
      top: -199px;
      right: 350px; }

  #main-area .link-box {
    background: #ffecec;
    padding: 40px 0 37px; }
    #main-area .link-box .tlt {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding-bottom: 4px; }
    #main-area .link-box .txt {
      font-size: 12px;
      text-align: center;
      padding-bottom: 40px; }
    #main-area .link-box ul {
      width: 562px;
      margin: 0 auto; }
      #main-area .link-box ul li {
        float: left; }
        #main-area .link-box ul li:first-child {
          width: 152px; }
        #main-area .link-box ul li:nth-child(3) {
          width: 156px; }
        #main-area .link-box ul li:nth-child(5) {
          width: 160px; }
        #main-area .link-box ul li:nth-child(2), #main-area .link-box ul li:nth-child(4) {
          width: 45px;
          padding-top: 6px; }
        #main-area .link-box ul li a {
          font-size: 16px;
          color: #000000;
          text-decoration: none;
          background: url("/homesecurity/plan/img/plan-chk-off.png") no-repeat left 3px;
          background-size: 36px;
          display: block;
          padding-left: 48px;
          line-height: 1.5;
          font-weight: bold; }
        #main-area .link-box ul li a.on {
          font-size: 16px;
          color: #000000;
          text-decoration: none;
          background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 3px;
          background-size: 36px;
          display: block;
          padding-left: 48px;
          line-height: 1.5;
          font-weight: bold; }
        #main-area .link-box ul li span {
          font-size: 16px;
          color: #000000;
          text-decoration: none;
          background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 3px;
          background-size: 36px;
          display: block;
          padding-left: 48px;
          line-height: 1.5;
          font-weight: bold; }
    #main-area .link-box .single-btn {
      width: 200px;
      margin: 0 auto; }
      #main-area .link-box .single-btn a {
        font-size: 16px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-off.png") no-repeat left center;
        background-size: 36px;
        display: block;
        line-height: 1.5;
        padding: 8px 0 4px 48px;
        font-weight: bold; }
      #main-area .link-box .single-btn a.on {
        font-size: 16px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left center;
        background-size: 36px;
        display: block;
        padding-left: 48px;
        line-height: 1.5;
        padding: 8px 0 4px 48px;
        font-weight: bold; }
      #main-area .link-box .single-btn span {
        font-size: 16px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left center;
        background-size: 36px;
        display: block;
        padding-left: 48px;
        line-height: 1.5;
        padding: 8px 0 4px 48px;
        font-weight: bold; }
    #main-area .link-box .inner-link {
      text-align: center;
      margin-top: 32px; }
      #main-area .link-box .inner-link a {
        color: #333333;
        font-size: 13px; } }
@media screen and (max-width: 767px) {
  .simu-inner {
    margin: 0 5.3% 45px; }
    .simu-inner .btn-wrap p {
      font-size: 15px;
      font-weight: bold;
      line-height: 1;
      margin-bottom: 14px; }
    .simu-inner .btn-wrap ul {
      margin-bottom: 25px; }
      .simu-inner .btn-wrap ul li {
        width: 47.61194%;
        float: left;
        text-align: center; }
        .simu-inner .btn-wrap ul li:last-child {
          margin-left: 4.77612%; }
        .simu-inner .btn-wrap ul li a {
          border: 1px solid #3379d8;
          display: flex;
          height: 70px;
          text-decoration: none;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px;
          line-height: 1.375; }
          .simu-inner .btn-wrap ul li a i {
            width: 13px;
            padding-right: 5px;
            margin-top: -25px; }
            .simu-inner .btn-wrap ul li a i img {
              width: 100%;
              height: auto; }
        .simu-inner .btn-wrap ul li a.on {
          background: #3379d8;
          color: #fff; }
        .simu-inner .btn-wrap ul li > span {
          border: 1px solid #3379d8;
          display: flex;
          height: 70px;
          text-decoration: none;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-weight: bold;
          border-radius: 4px;
          line-height: 1.375;
          background: #3379d8;
          color: #fff; }
    .simu-inner .btn-wrap .hidden-box {
      display: none; }
      .simu-inner .btn-wrap .hidden-box .flashlight {
        display: none; }
    .simu-inner .bottom.btn-wrap ul {
      margin-bottom: 15px; }
    .simu-inner .bottom.btn-wrap .hidden-box {
      background-color: #d9e6f7;
      text-align: center;
      padding: 25px;
      border-radius: 4px; }
      .simu-inner .bottom.btn-wrap .hidden-box p {
        font-size: 15px;
        color: #2e76db;
        margin-bottom: 20px; }
      .simu-inner .bottom.btn-wrap .hidden-box ul {
        margin-bottom: 0; }
        .simu-inner .bottom.btn-wrap .hidden-box ul li {
          float: none;
          margin-left: 0;
          width: 100%;
          margin-bottom: 15px; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li:last-child {
            margin-bottom: 0; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li a {
            font-size: 14px;
            background: #fff;
            height: 45px; }
            .simu-inner .bottom.btn-wrap .hidden-box ul li a i {
              font-size: 19px;
              padding-right: 8px;
              margin-top: -2px; }
          .simu-inner .bottom.btn-wrap .hidden-box ul li a.on {
            color: #fff;
            background: #3379d8; }
    .simu-inner .pattern-wrap {
      margin-top: 50px; }
      .simu-inner .pattern-wrap .inner-parts h3 {
        font-size: 18px;
        font-weight: bold;
        color: #2e76db;
        line-height: 1;
        margin-bottom: 15px; }
      .simu-inner .pattern-wrap .inner-parts .price-box {
        margin-bottom: 50px; }
        .simu-inner .pattern-wrap .inner-parts .price-box ul li {
          float: left;
          width: 49.402985%;
          margin-right: 1.19403%;
          box-sizing: border-box;
          border: 2px solid #e98b18; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li:last-child {
            margin-right: 0; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li .head {
            background: #e98b18;
            color: #fff;
            text-align: center;
            padding-top: 15px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .head .fs15 {
              font-size: 15px;
              line-height: 1;
              font-weight: bold;
              padding-bottom: 5px;
              display: block; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .head .fs12 {
              font-size: 12px;
              display: block;
              line-height: 1.4;
              padding-bottom: 11px; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner {
            padding: 15px 0 15px 7px;
            line-height: 1;
            height: 160px;
            box-sizing: border-box; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .m-size {
              font-size: 13px;
              font-weight: bold;
              padding-bottom: 7px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .money {
              font-size: 12px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .cancel {
              text-decoration: line-through; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner .color-text {
              font-size: 12px;
              color: #e98b18;
              font-weight: bold;
              padding-top: 10px;
              padding-bottom: 5px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text {
              padding-bottom: 15px; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .l-size {
                font-size: 18px;
                color: #e98b18;
                font-weight: bold; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .yen {
                font-size: 12px;
                font-weight: bold; }
              .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.main-text .s-size {
                font-size: 12px; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .l-size {
              color: #e98b18;
              font-size: 18px;
              font-weight: bold; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .yen {
              font-size: 12px;
              font-weight: bold; }
            .simu-inner .pattern-wrap .inner-parts .price-box ul li .inner p.last-text .s-size {
              font-size: 12px; }
        .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue {
          border: 2px solid #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .head {
            background: #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner p.main-text .l-size {
            font-size: 18px;
            color: #18a9e7;
            font-weight: bold; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner .color-text {
            color: #18a9e7; }
          .simu-inner .pattern-wrap .inner-parts .price-box ul li.blue .inner .main-text.last {
            padding-bottom: 0; }
        .simu-inner .pattern-wrap .inner-parts .price-box .left-content-area.on ul li,
        .simu-inner .pattern-wrap .inner-parts .price-box .right-content-area.on ul li {
          border: none;
          width: 100%;
          float: none; }
      .simu-inner .pattern-wrap .inner-parts .installation-box {
        position: relative;
        padding-bottom: 50px; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .slider li img {
          width: 100%;
          height: auto; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots {
          width: 43px;
          height: 14px !important;
          position: absolute;
          left: 50%;
          margin-left: -21px;
          top: 100%; }
          .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots .slick-active button {
            margin: 0;
            padding: 0;
            background: none;
            border: none;
            border-radius: 0;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none; }
          .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots .slick-active button {
            -webkit-appearance: none;
            display: block;
            border: none;
            width: 14px !important;
            height: 14px !important;
            text-indent: -99999px;
            border-radius: 50%;
            background: #3379d8 !important; }
          .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li {
            width: 14px !important;
            height: 14px !important;
            float: left; }
            .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li:last-child {
              padding-left: 15px; }
            .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li button {
              margin: 0;
              padding: 0;
              background: none;
              border: none;
              border-radius: 0;
              outline: none;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none; }
            .simu-inner .pattern-wrap .inner-parts .installation-box .slide-dots li button {
              -webkit-appearance: none;
              width: 14px !important;
              height: 14px !important;
              text-indent: -99999px;
              border-radius: 50%;
              height: 14px;
              border: 1px solid #3379d8;
              background: #fff;
              box-sizing: border-box; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .next-arrow {
          width: 13.5px;
          height: 22px;
          border: none;
          background: #fff url("/homesecurity/plan/img/right-arrow.png") no-repeat;
          background-size: 13.5px 22px;
          position: absolute;
          top: 98%;
          left: 64.4%; }
        .simu-inner .pattern-wrap .inner-parts .installation-box .prev-arrow {
          width: 13.5px;
          height: 22px;
          border: none;
          background: #fff url("/homesecurity/plan/img/left-arrow.png") no-repeat;
          background-size: 13.5px 22px;
          position: absolute;
          top: 98%;
          left: 32%;
          z-index: 1; }
      .simu-inner .pattern-wrap .inner-parts .installation-box.single {
        padding-bottom: 10px; }
        .simu-inner .pattern-wrap .inner-parts .installation-box.single .slide-dots {
          display: none; }
      .simu-inner .pattern-wrap .inner-parts .bottom-btn {
        margin: 15px 0 50px; }
        .simu-inner .pattern-wrap .inner-parts .bottom-btn .add-other-btn a {
          display: block;
          background: #3379d8;
          color: #ffffff;
          border-radius: 4px;
          text-decoration: none;
          text-align: center;
          font-size: 14px;
          padding: 11px 0;
          font-weight: bold; }
          .simu-inner .pattern-wrap .inner-parts .bottom-btn .add-other-btn a i {
            font: 81.25%/1.5 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
            -webkit-text-size-adjust: 100%;
            font-size: 15px;
            padding-right: 5px; }
      .simu-inner .pattern-wrap .inner-parts .basic-box h4 {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .basic-box ul {
        margin-bottom: 5px; }
        .simu-inner .pattern-wrap .inner-parts .basic-box ul li {
          margin-bottom: 20px; }
          .simu-inner .pattern-wrap .inner-parts .basic-box ul li .left-img {
            width: 29.850746%;
            float: left; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .left-img img {
              width: 100%;
              height: auto; }
          .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text {
            margin-left: 4.477612%;
            width: 65.671642%;
            float: left; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text .tlt {
              font-size: 14px;
              font-weight: bold;
              line-height: 1;
              position: relative;
              padding-left: 40px;
              margin-bottom: 10px;
              line-height: 1.3; }
              .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text .tlt i {
                color: #fff;
                display: inline-block;
                background: #0cb3f2;
                width: 30px;
                text-align: center;
                padding: 2px 0;
                position: absolute;
                left: 0;
                top: 0;
                font: 86.25%/1.5 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
                line-height: 1; }
            .simu-inner .pattern-wrap .inner-parts .basic-box ul li .right-text p {
              font-size: 13px;
              line-height: 1.6; }
      .simu-inner .pattern-wrap .inner-parts .basic-box .basic-link {
        margin-bottom: 50px; }
      .simu-inner .pattern-wrap .inner-parts .option-box h4 {
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .option-box .table-wrap {
        margin-bottom: 30px; }
        .simu-inner .pattern-wrap .inner-parts .option-box .table-wrap .table-content-red {
          margin: 0 !important; }
        .simu-inner .pattern-wrap .inner-parts .option-box .table-wrap .table-content-red.bottom {
          width: 66%; }
          .simu-inner .pattern-wrap .inner-parts .option-box .table-wrap .table-content-red.bottom dl {
            width: 50%; }
      .simu-inner .pattern-wrap .inner-parts .option-box .option-link {
        margin-bottom: 20px; }
      .simu-inner .pattern-wrap .inner-parts .option-box .hs-text-caution-num {
        text-indent: -24px !important;
        padding-left: 24px !important; }
      .simu-inner .pattern-wrap .inner-parts .inner-caution p {
        margin: 0 !important; }
      .simu-inner .pattern-wrap .pt02-all-wrap {
        display: none; }
      .simu-inner .pattern-wrap .hidden-contents {
        display: none;
        text-align: center; }

  .cp-area {
    border: 5px solid #e7e7e7;
    text-align: center; }
    .cp-area a p {
      font-size: 14px;
      color: #333;
      background: url(/common/img/img-bottom-icon.png) no-repeat left center;
      background-size: 15px;
      padding-left: 18px;
      line-height: 1.6;
      font-weight: bold;
      height: 15px;
      padding: 1px 0 1px 18px;
      line-height: 1.2;
      width: 138px;
      color: #3379D8;
      margin: 0 auto;
      padding: 20px 0; }

  .faq-contact-area {
    padding: 20px 0 14px;
    clear: both; }

  .faq-contact-area .tel {
    padding-bottom: 19px; }

  .faq-contact-area .tel .tel-tlt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 14px; }

  .faq-contact-area .tel img {
    width: 100%;
    height: auto;
    max-width: 277px; }

  .faq-contact-area .mail {
    float: none !important; }

  .faq-contact-area .mail .mail-tlt {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 20px; }

  .faq-contact-area .mail .mail-btn a {
    display: block;
    border-radius: 4px;
    background-color: #2c3691;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 16px 0 12px;
    width: 100%; }

  .faq-contact-area .mail .mail-btn a span {
    background: url("/common/img/sp-right-arrow-white.png") no-repeat left center;
    padding-left: 15px;
    background-size: 7px 9.5px; }

  #faqArea .tabContents .tel {
    float: none; }

  .balloon {
    font-size: 15px;
    border-radius: 3px;
    background: #2e76db;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
    margin: 0 5.6% 19px;
    line-height: 1;
    padding: 11px 0;
    position: relative; }
    .balloon:before {
      content: "";
      width: 13px;
      height: 15px;
      position: absolute;
      left: 50%;
      bottom: -15px;
      margin-left: -6.5px;
      background: url(/common/img/sp-balloon.png) no-repeat bottom center;
      background-size: 13px 15px; }

  .other-plan {
    background: #d9e6f7;
    margin: 0 5.3% 50px;
    padding: 25px 6.567164%;
    border-radius: 4px; }
    .other-plan ul li {
      width: 48.453608%;
      float: left; }
      .other-plan ul li:last-child {
        margin-left: 3.092784%; }
      .other-plan ul li a {
        display: block;
        background: #fff;
        border: 3px solid #b7ceeb;
        border-radius: 10px; }
        .other-plan ul li a img {
          width: 100%;
          height: auto; }
    .other-plan ul li.child,
    .other-plan ul li.senior {
      text-align: center; }
      .other-plan ul li.child a,
      .other-plan ul li.senior a {
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.2;
        height: 116px;
        box-sizing: border-box;
        padding-top: 10px; }
        .other-plan ul li.child a p,
        .other-plan ul li.senior a p {
          padding-top: 8px; }
        .other-plan ul li.child a img,
        .other-plan ul li.senior a img {
          max-width: 91px;
          width: 100%;
          height: auto; }
    .other-plan ul li.senior a {
      padding-top: 16px; }
      .other-plan ul li.senior a img {
        max-width: 91px;
        width: 100%;
        height: auto; }
    .other-plan .other-text {
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      color: #2e76db;
      margin-bottom: 10px; }
    .other-plan .single {
      width: 49.6%;
      margin: 0 auto;
      text-align: center; }
      .other-plan .single a {
        display: block;
        background: #fff;
        border: 3px solid #b7ceeb;
        border-radius: 10px;
        text-decoration: none;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.2;
        height: 116px;
        box-sizing: border-box;
        padding-top: 16px; }
        .other-plan .single a img {
          max-width: 91px;
          width: 100%;
          height: auto; }
        .other-plan .single a p {
          padding-top: 8px; }
    .other-plan .single.house a {
      padding-top: 21px; }
      .other-plan .single.house a img {
        max-width: 56px; }
    .other-plan .single.child a {
      padding-top: 10px; }

  .other-plan.another {
    margin-bottom: 20px; }

  .voice-area {
    margin: 0 5.3%; }
    .voice-area .img-area {
      margin-bottom: 20px; }
      .voice-area .img-area .left {
        width: 37.61194%;
        margin-right: 5.970149%;
        float: left; }
        .voice-area .img-area .left img {
          width: 100%;
          height: auto; }
      .voice-area .img-area .right {
        float: left;
        width: 56.417911%; }
        .voice-area .img-area .right img {
          max-width: 90px;
          width: 100%;
          height: auto; }
        .voice-area .img-area .right p {
          font-size: 16px;
          font-weight: bold;
          line-height: 1;
          padding-top: 5px; }
      .voice-area .img-area .right.child img {
        max-width: 160px; }
    .voice-area .tlt {
      line-height: 1.4;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 15px; }
    .voice-area .hs-text {
      margin: 0 !important; }
    .voice-area .voice-link {
      margin: 20px 0 50px; }

  #faqArea dl {
    border-bottom: 1px dotted #cccccc;
    padding: 0 5.3%; }
    #faqArea dl dt {
      cursor: pointer;
      font-size: 13px;
      font-weight: bold;
      padding: 30px 0 30px 38px;
      background: url(/img/faq_q.png) no-repeat 10px 30px; }
    #faqArea dl dd {
      font-size: 107.6%;
      padding: 0 0 10px 38px;
      background: url(/img/faq_a.png) no-repeat 10px 2px;
      display: none; }
      #faqArea dl dd p {
        margin-bottom: 20px;
        font-size: 13px;
        line-height: 1.8; }
      #faqArea dl dd ul {
        margin-bottom: 20px; }
        #faqArea dl dd ul li {
          list-style-type: disc;
          margin-left: 1.5em; }
  #faqArea dl.last {
    margin-bottom: 20px; }

  .faq-link {
    margin: 0 5.3% 40px; }

  #fixed {
    z-index: 5; }

  #main-area .plan-img img {
    width: 100%;
    height: auto; }

  #main-area .link-box {
    background: #ffecec;
    padding: 40px 0 37px;
    margin: 0 5.3%; }
    #main-area .link-box .tlt {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding-bottom: 8px; }
    #main-area .link-box .txt {
      font-size: 13px;
      text-align: center;
      padding-bottom: 25px; }
    #main-area .link-box ul {
      max-width: 210px;
      margin: 0 auto; }
      #main-area .link-box ul li:nth-child(2), #main-area .link-box ul li:nth-child(4) {
        padding: 10px 0 12px; }
        #main-area .link-box ul li:nth-child(2) img, #main-area .link-box ul li:nth-child(4) img {
          max-width: 26px;
          width: 100%;
          height: auto;
          margin: 0 auto; }
      #main-area .link-box ul li a {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-off.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
      #main-area .link-box ul li a.on {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
      #main-area .link-box ul li span {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
    #main-area .link-box .single-btn {
      width: 165px;
      margin: 0 auto; }
      #main-area .link-box .single-btn a {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-off.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
      #main-area .link-box .single-btn a.on {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
      #main-area .link-box .single-btn span {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        background: url("/homesecurity/plan/img/plan-chk-on.png") no-repeat left 0;
        background-size: 22px;
        display: block;
        padding: 2px 0 2px 34px;
        font-weight: bold; }
    #main-area .link-box .inner-link {
      text-align: center;
      margin-top: 26px; }
      #main-area .link-box .inner-link a {
        color: #333333;
        font-size: 13px; }

  .table-wrap {
    position: relative; }
    .table-wrap .op {
      opacity: 0.5; }
    .table-wrap .table-content {
      border: 2px solid #00a3e5;
      margin: 0 5.3%; }
      .table-wrap .table-content dl {
        width: 33.333%;
        float: left; }
        .table-wrap .table-content dl dt {
          color: #fff;
          font-weight: bold;
          text-align: center;
          background: #00a3e5;
          border-right: 2px dotted #fff;
          font-size: 18px;
          font-weight: 500; }
        .table-wrap .table-content dl dd {
          border-right: 2px dotted #3bb8eb;
          text-align: center; }
          .table-wrap .table-content dl dd img {
            width: 100%;
            height: auto; }
          .table-wrap .table-content dl dd span {
            font-size: 12px; }
        .table-wrap .table-content dl .s-link {
          padding-bottom: 20px; }
        .table-wrap .table-content dl .sp-last {
          border-right: none; }
        .table-wrap .table-content dl .last {
          border-right: none; }
    .table-wrap .table-content-red {
      border: 2px solid #ff3333;
      margin: 0 5.3% 0 !important;
      position: relative; }
      .table-wrap .table-content-red dl {
        width: 33.333%;
        float: left; }
        .table-wrap .table-content-red dl dt {
          color: #fff;
          font-weight: bold;
          text-align: center;
          background: #ff3333;
          border-right: 2px dotted #fff;
          font-size: 18px;
          font-weight: 500; }
        .table-wrap .table-content-red dl dd {
          border-right: 2px dotted #ff6464;
          text-align: center; }
          .table-wrap .table-content-red dl dd img {
            width: 100%;
            max-width: 104px;
            height: auto; }
          .table-wrap .table-content-red dl dd span {
            font-size: 12px;
            display: block; }
          .table-wrap .table-content-red dl dd:nth-child(6) {
            border-right: none; }
        .table-wrap .table-content-red dl .s-link {
          padding-bottom: 20px;
          padding-top: 2px; }
        .table-wrap .table-content-red dl .sp-last {
          border-right: none; }
        .table-wrap .table-content-red dl .last {
          border-right: none; }
    .table-wrap .table-content-red.bottom {
      border-top: none;
      margin-bottom: 30px !important; }

  div.zoom-img.one, div.zoom-img.two, div.zoom-img.three {
    top: 0;
    left: 50%;
    margin-left: -126px; }

  div.zoom-img.four,
  div.zoom-img.five,
  div.zoom-img.six,
  div.zoom-img.seven,
  div.zoom-img.eight,
  div.zoom-img.nine {
    top: 0;
    left: 50%;
    margin-left: -126px; } }

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