@charset "UTF-8";
#index .marker{display:inline-block;background-color:#fdbb30}
#index .indent{display:block}
#index h2{color:#fdbb30!important;font-size:17.1px!important;font-size:1.425vw!important;line-height:1.33333!important;text-align:center!important;position:relative!important;border-bottom:none!important}
#index h2 b{color:#000!important;font-size:34.2px!important;font-size:2.85vw!important;line-height:1.3!important;display:block!important}
#index .breach-txt{color:#000;font-size:19px;font-size:1.58333vw;line-height:1.6;margin:1.25% auto 0!important;text-align:center}
#index .mv{height:56.833vw;background:#040a1a url(../images/mv_pc.jpg) no-repeat center center;background-size:auto 100%;position:relative}
#index .mv-txt{height:0;text-indent:100%;white-space:nowrap;overflow:hidden}
#index .mv-anchor a{width:25.17544%;padding:19.82456% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;height:0;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(../images/mv-anchorlink.png) no-repeat top center;background-size:100% auto;margin:6.08% 0 0 25.166%;position:absolute;top:50%;left:50%;cursor:pointer}
#index .appearance{padding:1.05263% 0 1.05263% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f8f8}
#index .appearance-txt{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:73.24561%;padding:10.61404% 0 0 0!important;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 0 .52632%!important;height:0;background:url(../images/appearance-txt_pc_2112.png) no-repeat center center;background-size:contain;text-align:center;margin-left:auto!important;margin-right:auto!important}
#index .appearance-btn{margin:-7.45614% 0 0 0!important;position:absolute;width:22.98246%;right:0;text-align:right}
#index .appearance-btn a{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;display:inline-block;width:100%;height:0;padding:23.758% 0 0 0;background:url(../images/product-btn.png) no-repeat top center;background-size:100% auto}
#index .appearance-btn-txt{display:block;width:130%;color:#000;font-size:16px;font-size:1.33333vw;line-height:1;font-weight:700;-webkit-transform:scale(.7) translateX(-16%);-ms-transform:scale(.7) translateX(-16%);transform:scale(.7) translateX(-16%);text-align:center}
#index .movie{padding:6.666% 0 10.833% 0;background:#00041d url(../images/movie-bg_pc.png) no-repeat center center;background-size:auto 100%}
#index .movie-ttl{width:57.5%;margin:0 auto}
#index .movie-play{width:69.333%;margin:7.5% auto 0;position:relative;background:#fff;cursor:pointer}
#index .movie-play .movie-img img{display:block}
#index .movie-btn{width:13.1%;position:absolute;top:50%;left:50%;margin:-6.6% 0 0 -6.6%;background:#fff;border-radius:50%}
#index .process{padding:6.31579% 0 6.31579% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/process-bg-left.png),url(../images/process-bg-right.png),url(../images/process-bg-bottom.png),url(../images/process-bg_pc.jpg);background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;background-position:top left,bottom right,bottom center,center center;background-size:29.416% auto,82.166% auto,.333% auto,cover;text-align:center}
#index .process-ttl{width:91.14035%;margin:0 auto 0!important}
#index .process-description{margin:1.75439% 0 0 0!important;text-align:center}
#index .process-description li{width:21.05263%;padding:39.47368% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;font-size:0;vertical-align:top;display:inline-block}
#index .process-description li span{color:#fff;font-size:27px;font-size:2.25vw;line-height:1.31352;position:absolute;top:0;left:0}
#index .process-description li p{color:#fff;font-size:18px;font-size:1.5vw;line-height:1.55556;text-align:left;height:10vw}
#index .process-description li:nth-child(1){background:url(../images/process-number_01.png) no-repeat top 15% center;background-size:100% auto}
#index .process-description li:nth-child(1) span{margin:50% 0 0 20%}
#index .process-description li:nth-child(2){margin:0 4.64912% 0 4.38596%!important;background:url(../images/process-number_02.png) no-repeat top 14% center;background-size:85.416% auto}
#index .process-description li:nth-child(2) span{margin:47% 0 0 14.2%}
#index .process-description li:nth-child(3){background:url(../images/process-number_03.png) no-repeat top center;background-size:99.166% auto}
#index .process-description li:nth-child(3) span{color:#fff;font-size:38px;font-size:3.16667vw;line-height:1.26637;margin:36% 0 0 17%}
#index .process-txt{color:#000;font-size:19px;font-size:1.58333vw;line-height:1.84211;margin:3.85965% 0 0 0!important;padding:0 .96491% 0 1.22807%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;background:#fff}
#index .process-txt sup{font-size:60%;vertical-align:top}
#index .description{padding:3.94737% 0 6.14035% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#04071b}
#index .description-ttl{width:29.21053%;margin:0 auto 0!important}
#index .description__wrap{margin:3.33333% auto 0!important}
#index .description-img{width:45.70175%;float:left}
#index .description-txt{width:50.17544%;float:right}
#index .description-txt .marker{color:#000;font-size:16px;font-size:1.33333vw;line-height:1.875;padding:0 1.1% 0 1.1%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .description-txt .marker+.marker{margin:.874% 0 0 0!important}
#index .description-txt .indent{color:#fff;font-size:16px;font-size:1.33333vw;line-height:1.875;padding:3% 0 0 1.1%;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:0!important;}
#index .example{padding:6.49123% 0 2.10526% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/example-bg_pc.jpg) no-repeat center center;background-size:cover}
#index .example-ttl{width:56.05263%;margin:0 auto 0!important}
#index .example-list{margin:2.63158% 0 0 0!important}
#index .example-list li{width:46.92982%;padding:1.31579% 0 1.31579% 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:1.75439% 0 0 0!important;border-bottom:1px solid #fff}
#index .example-list li:nth-child(odd){float:left}
#index .example-list li:nth-child(even){float:right}
#index .example-list li:nth-child(1){background:url(../images/example-list-icon01.png) no-repeat center left 1.869%;background-size:11.962% auto}
#index .example-list li:nth-child(1) dt{padding-left:17%}
#index .example-list li:nth-child(2){background:url(../images/example-list-icon02.png) no-repeat center left 1.869%;background-size:13.644% auto}
#index .example-list li:nth-child(2) dt{padding-left:18%}
#index .example-list dl{display:table;width:100%}
#index .example-list dl dd,.example-list dl dt{color:#fff;font-size:20px;font-size:1.66667vw;line-height:1.25;font-weight:700;display:table-cell;vertical-align:middle}
#index .example-list dl dd small,.example-list dl dt small{color:#fff;font-size:14px;font-size:1.16667vw;line-height:1.2;display:block}
#index .example-list dl dd sup,.example-list dl dt sup{font-size:60%;vertical-align:top}
#index .example-list dl dt{width:65%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .example-list dl dd{text-align:right}
#index .example-annotation{color:#fff;font-size:12px;font-size:1vw;line-height:1;margin:3.50877% 0 0 0!important;text-align:right}
#index .recommended{padding:6.92982% 0 4.47368% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-ttl{width:53.77193%;margin:0 auto 0!important}
#index .recommended__wrap{margin:11.49123% auto 0!important;position:relative;background:#ebebeb}
#index .recommended-img{width:19.47368%;position:absolute;top:0;left:50%;margin:-4.5% 0 0 -34.5%}
#index .recommended-txt{padding:2.2807% 0 2.63158% 39.47368%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .marker{color:#000;font-size:30px;font-size:2.5vw;line-height:1.96667;padding:0 2% 0 2%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .indent{color:#000;font-size:30px;font-size:2.5vw;line-height:1.3;padding:4% 0 0 2%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .indent span{font-size:.6em}
#index .point{padding:6.75439% 0 9.64912% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ebebeb}
#index .point-ttl{width:57.54386%;margin:0 auto 0!important}
#index .point-lists{margin:3.94737% auto 0!important}
#index .point-list{width:48.24561%;float:left;background:#fdbb30}
#index .point-list.no1 dt{background-image:url(../images/point-number01.png),url(../images/point-list-bg.png);background-repeat:no-repeat;background-position:center left 3.272%,center left;background-size:9.818% auto,18% auto}
#index .point-list.no2{margin:0 0 0 3.50877%!important}
#index .point-list.no2 dt{background-image:url(../images/point-number02.png),url(../images/point-list-bg.png),url(../images/point-list-icon.png);background-repeat:no-repeat;background-position:center left 3.272%,center left,center right 4.909%;background-size:9.818% auto,18% auto,19.636% auto}
#index .point-list.no3{margin:1.92982% 0 0 0!important}
#index .point-list.no3 dt{background-image:url(../images/point-number03.png),url(../images/point-list-bg.png),url(../images/point-list-icon.png);background-repeat:no-repeat;background-position:center left 3.272%,center left,center right 4.909%;background-size:9.818% auto,18% auto,19.636% auto}
#index .point-list dt{color:#000;font-size:22px;font-size:1.83333vw;line-height:1.34164;position:relative;display:table;width:100%;height:7.416vw;padding-left:20%;background-color:#fdbb30;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}
#index .point-list dt b{display:table-cell;vertical-align:middle}
#index .point-list dd{position:relative;top:0;margin-top:-4px;border:2px solid #fdbb30;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .35s;-o-transition:height .35s;transition:height .35s;overflow:hidden}
#index .point-list dd div{color:#000;font-size:15px;font-size:1.25vw;line-height:1.75;display:block;padding:2.197% 2.747% 2.747%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .point-application{width:48.24561%;padding:1.75439% 0 0 9.21053%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:1.92982% 0 0 3.50877%!important;float:left;position:relative;height:14.166vw;background:#fff}
#index .point-application-txt .marker{color:#fff;font-size:18px;font-size:1.5vw;line-height:1.66667;width:79%;text-align:center;background-color:#626262}
#index .point-application-txt .indent{color:#000;font-size:16px;font-size:1.33333vw;line-height:1.75;padding:2% 0 0 2%}
#index .point-application-sp{position:absolute}
#index .point-application-sp.device{width:13%;top:9%;left:3%}
#index .point-application-sp.logo{width:7.0909%;top:57%;left:20.5%}
#index .point-application-sp .txt{width:7.0909%;top:57%;left:29.5%}
#index .point-btn{width:24.73684%;margin:4.73684% auto 0!important}
#index .point-btn a{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;width:100%;height:0;padding:23.758% 0 0 0;background:url(../images/product-btn.png) no-repeat top center;background-size:100% auto}
#index .point-btn-txt{display:block;width:130%;color:#000;font-size:16px;font-size:1.33333vw;line-height:1.12563;font-weight:700;-webkit-transform:scale(.7) translateX(-16%);-ms-transform:scale(.7) translateX(-16%);transform:scale(.7) translateX(-16%);text-align:center}
#index .monitoring{padding:6.05263% 0 8.77193% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fdbb30}
#index .monitoring-ttl{width:53.85965%;margin:0 auto 0!important}
#index .monitoring-lists{margin:5% auto 0!important}
#index .monitoring-list{width:17.7193%;position:relative;float:left}
#index .monitoring-list+.monitoring-list{margin:1.75439%  0 0 8.77193%!important}
#index .monitoring-list.no1,#index .monitoring-list.no7{margin:1.75439% 0 0 130px!important}
#index .monitoring-list.no1 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg01.png);background-repeat:no-repeat;background-position:top 24.355% center;background-size:44.524% auto}
#index .monitoring-list.no2 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg02.png);background-repeat:no-repeat;background-position:top 26.687% center;background-size:45.544% auto}
#index .monitoring-list.no3 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg03.png);background-repeat:no-repeat;background-position:top 31.879% center;background-size:43.029% auto}
#index .monitoring-list.no4 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg04.png);background-repeat:no-repeat;background-position:top 24.508% center;background-size:23.762% auto}
#index .monitoring-list.no4{margin:1.75439% 0 0 26.64912%!important}
#index .monitoring-list.no5 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg05.png);background-repeat:no-repeat;background-position:top 30.589% center;background-size:45.544% auto}
#index .monitoring-list.no6{margin:1.75439% 0 0 8.77193%!important}
#index .monitoring-list.no6 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg06.png);background-repeat:no-repeat;background-position:top 29.231% center;background-size:51.98% auto}
#index .monitoring-list.no7 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg07.png);background-repeat:no-repeat;background-position:top 30.216% center;background-size:47.029% auto}
#index .monitoring-list.no8 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg08.png);background-repeat:no-repeat;background-position:top 30.216% center;background-size:47.029% auto}
#index .monitoring-list.no9 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg09.png);background-repeat:no-repeat;background-position:top 30.216% center;background-size:47.029% auto}
#index .monitoring-list.no2 .monitoring-list-ttl b,.monitoring-list.no4 .monitoring-list-ttl b,.monitoring-list.no5 .monitoring-list-ttl b,.monitoring-list.no7 .monitoring-list-ttl b{margin-top:62.861%;margin-bottom:6%}
#index .monitoring-list.no7 .monitoring-list-amount b{padding-top:.2em;padding-bottom:0}
#index .monitoring-list-ttl{width:100%;height:16.833vw;text-align:center;background-color:#fff;border-radius:100%;overflow:hidden}
#index .monitoring-list-ttl b{color:#000;font-size:20px;font-size:1.66667vw;line-height:1.15;display:block;margin-top:57.861%}
#index .monitoring-list-ttl span{color:#000;font-size:14px;font-size:1.16667vw;line-height:1;font-weight:700;border-bottom:1px solid;display:inline-block;vertical-align:top;margin-top:2%}
#index .monitoring-list-ttl sup{font-size:.5rem;vertical-align:top}
#index .monitoring-list-amount{color:#fff;font-size:20px;font-size:1.66667vw;line-height:1.3;position:absolute;right:0;bottom:0;display:table;width:37.623%;height:6.333vw;margin:0 -11.396% -5.94% 0;text-align:center;background:#000;border-radius:100%}
#index .monitoring-list-amount b{display:table-cell;padding-bottom:.2em;vertical-align:middle}
#index .monitoring-list-amount small{color:#fff;font-size:16px;font-size:1.33333vw;line-height:1.125;line-height:0}
#index .monitoring-list-amount span{color:#fff;font-size:30px;font-size:2.5vw;line-height:.8;vertical-align:bottom}
#index .monitoring-use{width:100%;margin:8.24561% auto 0!important;position:relative;text-align:center;overflow:hidden}
#index .monitoring-use-ttl{background:#626262;height:6.66vw}
#index .monitoring-use-ttl-txt{color:#fff;font-size:24px;font-size:2vw;line-height:1.25;display:inline-block;margin-top:2.631%}
#index .monitoring-use-ttl-txt b{border-bottom:2px solid #fff}
#index .monitoring-inner{position:relative;top:0;line-height:2;overflow:hidden;background:#fff;height:0;-webkit-transition:height .5s linear;-o-transition:height .5s linear;transition:height .5s linear}
#index .monitoring-inner-ttl{margin:4.38596% auto 0!important;width:83.33333%;margin:0 auto;color:#000;font-size:24px;font-size:2vw;line-height:2.41667;border:2px solid #626262;border-radius:30px}
#index .monitoring-inner-wrap{width:83.33333%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#index .monitoring-inner-img{width:21.052%;margin-top:5.263%;position:relative}
#index .monitoring-inner-img+.monitoring-inner-img{margin-left:5.263%}
#index .monitoring-inner-img p{width:100%}
#index .monitoring-inner-img dl{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:7.5%}
#index .monitoring-inner-img dl dt{width:15%;height:2.5vw;font-size:2.333vw;line-height:1.2;background:#fdbb30;color:#fff}
#index .monitoring-inner-img dl dd{width:80%;color:#000;font-size:16px;font-size:1.33333vw;line-height:1.25;text-align:left;margin-left:5%}
#index .monitoring-inner-img::after{content:"";position:absolute;top:50%;right:0;width:6.5%;height:2.16vw;background:url(../images/monitoring-arrow_pc.png) no-repeat center center;background-size:100%;margin:-25% -15% 0 0}
#index .monitoring-inner-img.no4::after{display:none}
#index .monitoring-inner-img.no5{margin-left:0}
#index .monitoring-inner-img.no5 dl dd{line-height:1.8}
#index .monitoring-inner-img.no6{width:58.947%}
#index .monitoring-inner-img.no6 dl{margin-top:0}
#index .monitoring-inner-img.no6 dl dt{width:5.357%}
#index .monitoring-inner-img.no6 dl dd{margin-left:1.785%;line-height:1.8}
#index .monitoring-inner-img.no6::after{display:none}
#index .monitoring-inner-img.no7 dl,.monitoring-inner-img.no8 dl{margin-top:0}
#index .monitoring-inner-img.no7 dl dd,.monitoring-inner-img.no8 dl dd{color:#000;font-size:20px;font-size:1.66667vw;line-height:1}
#index .monitoring-inner-img.no7::after,.monitoring-inner-img.no8::after{display:none}
#index .monitoring-inner-img.no7{width:64.2%}
#index .monitoring-inner-img.no7 dl{margin-left:1.639%}
#index .monitoring-inner-img.no7 dl dt{width:3.33%;height:1.666vw}
#index .monitoring-inner-img.no7 dl dd{margin-left:1.639%}
#index .monitoring-inner-img.no7 ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2.459%}
#index .monitoring-inner-img.no7 ul li{width:49%}
#index .monitoring-inner-img.no8{width:31.578%;margin-left:4.21%}
#index .monitoring-inner-img.no8 dl{margin-left:3.33%}
#index .monitoring-inner-img.no8 dl dt{width:6.896%;height:1.666vw}
#index .monitoring-inner-img.no8 dl dd{margin-left:3.33%}
#index .monitoring-inner-img.no8 p{margin-top:5%}
#index .monitoring-inner-note{color:#000;font-size:14px;font-size:1.16667vw;line-height:1.42857;margin:2.63158% .87719% .87719% 0!important;text-align:right}
#index .monitoring-btn{background:#626262 url(../images/function-icon-open.png) no-repeat top center;background-size:4.111% auto;width:99.99%;height:5vw}
#index .monitoring-btn-bg{position:absolute;bottom:0;width:100%;height:5vw;margin-bottom:-5%;background:#fdbb30}
#index .monitoring-btn-bg.left{left:0;margin-left:-1%;-webkit-transform:skewY(5.7deg);-ms-transform:skewY(5.7deg);transform:skewY(5.7deg);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#index .monitoring-btn-bg.right{right:0;margin-right:-1%;-webkit-transform:skewY(-5.7deg);-ms-transform:skewY(-5.7deg);transform:skewY(-5.7deg);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#index .monitoring-use.open .monitoring-btn{background:#626262 url(../images/function-icon-close.png) no-repeat top 50% center;background-size:3.111% auto}
#index .monitoring-use.open .monitoring-btn-bg.left{-webkit-transform:skewY(0);-ms-transform:skewY(0);transform:skewY(0)}
#index .monitoring-use.open .monitoring-btn-bg.right{-webkit-transform:skewY(0);-ms-transform:skewY(0);transform:skewY(0)}
#index .product{padding:6.57895% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .product__wrap{width:87.7193%;margin:0 auto 0!important;position:relative}
#index .product-ttl{width:13.33333%;margin:0 auto 3.68421%!important}
#index .product-img{width:26.3%;float:left}
#index .product-txt{width:68.7%;margin:1% 0 0 5%!important;float:left}
#index .product-txt .marker{color:#000;font-size:30px;font-size:2.5vw;line-height:1.96667;padding:0 2% 0 2%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .product-txt .indent{color:#000;font-size:15px;font-size:1.25vw;line-height:1.86667;padding:4% 0 0 2%;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:0!important; }
#index .product-btn{width:28.2%;position:absolute;top:0;left:50%;margin:23% 0 0 -18%;position:absolute}
#index .product-btn a{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;height:0;padding-top:23.758%;background:url(../images/product-btn.png) no-repeat top center;background-size:100% auto}
#index .product-btn-txt{display:block;width:130%;color:#000;font-size:16px;font-size:1.33333vw;line-height:1.12563;font-weight:700;-webkit-transform:scale(.7) translateX(-16%);-ms-transform:scale(.7) translateX(-16%);transform:scale(.7) translateX(-16%);text-align:center}
#index .function{padding:6.57895% 0 6.14035% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-ttl{width:13.33333%;margin:0 auto 0!important}
#index .function-lists{margin:3.68421% 0 0 0!important}
#index .function-list{background:#626262}
#index .function-list+.function-list{margin:2.10526% 0 0 0!important}
#index .function-list dt{color:#fff;font-size:24px;font-size:2vw;line-height:1;padding:0 0 0 3.50877%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:table;width:100%;height:7.333vw;background:#626262 url(../images/function-icon-open.png) no-repeat center right 1.754%;background-size:3.245%;z-index:1}
#index .function-list dt b{display:table-cell;vertical-align:middle}
#index .function-list dd{position:relative;top:0;margin-top:-4px;border:2px solid #626262;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;height:0;-webkit-transition:height .5s;-o-transition:height .5s;transition:height .5s}
#index .function-list dd div{color:#000;font-size:16px;font-size:1.33333vw;line-height:1.75;padding:2.19298% 2.98246% 2.19298% 2.98246%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;box-sizing:border-box}
#index .function-list dd p{padding:0 0 1.5% 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:#626262 dotted 2px}
#index .function-list dd p sup{font-size:60%;vertical-align:top}
#index .function-list dd ul{padding:1.5% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list dd ul.pd_none{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list dd ul li{text-indent:-1em;padding-left:2em}
#index .function-list dd ul li.circle{list-style-type:circle}
#index .function-list dd ul li.no-indent{text-indent:0;padding-left:0}
#index .function-list.open dt{background:#626262 url(../images/function-icon-close.png) no-repeat center right 1.754%;background-size:3.245%}
#index .function-annotation{color:#484848;font-size:12px;font-size:1vw;line-height:1.83333;padding:2.5% 2% 0 2%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-annotation li+li{margin:1.5% 0 0 0!important}
#index .function-annotation li a{color:#626262;font-size:12px;font-size:1vw;line-height:1.83333;border-bottom:1px solid}
#index .breach{padding:.52632% 0 5.25% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach-line{background:#2b343e;text-align:center;position:relative}
#index .breach-line::before{content:"";background:url(../images/result-bg.jpg) repeat center center;position:absolute;top:-8.5%;left:0;width:100%;padding:.5% 0 0 0}
#index .breach-line span{background:url(../images/breach-check.png) no-repeat center left;background-size:contain;display:inline-block;width:4.3%;height:4.6vw;vertical-align:middle;content:""}
#index .breach-line-txt{color:#fff;font-size:32px;font-size:2.66667vw;line-height:2.15625;display:inline-block;vertical-align:middle}
#index .breach-line-txt b{font-weight:400}
#index .breach h2{margin:5.70175% 0 0 0!important}
#index .breach h2 b{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:.1em}
#index .breach h2 span{color:#e53b3a}
#index .breach h2 span span{color:#e53b3a;font-size:50px;font-size:4.16667vw;line-height:1;font-weight:700}
#index .breach-img{width:76.16667%;margin:3.16667% auto 0!important}
#index .breach-link-txt{text-align:center;margin-top:3%}
#index .breach-link-txt a{color:#0068ff;font-size:15.2px;font-size:1.26667vw;line-height:1;display:inline-block;border-bottom:1px solid}
#index .breach-link-btn{width:50%;margin:2.5% auto 0!important;text-align:center}
#index .breach-link-btn a{color:#fff;font-size:10px;font-size:.83333vw;line-height:1;position:relative;display:block;padding:3% 0 2%;background:#ff2e65;border:3px solid #ff2e65;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach-link-btn a b{color:#fff;font-size:19px;font-size:1.58333vw;line-height:1.5;display:block}
#index .breach-link-btn a .arrow{position:absolute;top:46%;right:5%;display:block;width:.6vw;height:.6vw;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#index .result{padding:7.33333% 0 6.96667% 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-image:url(../images/result-bg.jpg);background-repeat:repeat-x;background-position:top center;background-size:auto .833%,auto .833%}
#index .result ul{margin:1.91667% auto 0!important}
#index .result ul li:nth-child(1){width:58.25%;float:left}
#index .result ul li:nth-child(2){width:39.66667%;float:right}
#index .result-txt{color:#fff;font-size:22px;font-size:1.83333vw;line-height:2.15909;padding:0 0 0 6.08333%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:2.08333% auto 0!important;background:#2a333d url(../images/result-icon.png) no-repeat center left 1.416%;background-size:3.25% auto}
#index .purchase{padding:5.26316% 0 4.38596% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:#626262}
#index .purchase-txt{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;width:56.05263%;padding:9.5614% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 0!important;height:0;background:url(../images/purchase-txt.png) no-repeat center center;background-size:contain}
#index .purchase-btn{width:24.73684%;margin:2.01754% auto 0!important}
#index .purchase-btn a{height:0;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;height:0;padding:23.758% 0 0 0;background:url(../images/product-btn.png) no-repeat top center;background-size:100% auto}
#index .purchase-btn-txt{display:block;width:130%;color:#fff;color:#fff;font-size:16px;font-size:1.33333vw;line-height:1.12563;font-weight:700;-webkit-transform:scale(.7) translateX(-16%);-ms-transform:scale(.7) translateX(-16%);transform:scale(.7) translateX(-16%);text-align:center}
#index .modal,.modal-movie{position:fixed;top:0;left:0;z-index:-10}
#index .modal-overlay{position:absolute;width:100vw;height:100vh;background:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
#index .modal-lists{position:relative;width:100vw;height:100vh}
#index .modal-list,.modal-movie-play{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:60vw;height:38.75vw;background:#fff;opacity:0;-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;-o-transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s}
#index .modal-list dl,.modal-movie-play dl{padding:11.527% 15.277% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .modal-list dl dt,.modal-movie-play dl dt{color:#000;font-size:50px;font-size:4.16667vw;line-height:1}
#index .modal-list dl dd,.modal-movie-play dl dd{color:#000;font-size:30px;font-size:2.5vw;line-height:1.66667;padding-top:4%;margin-top:5%;border-top:2px solid #000;-webkit-box-sizing:border-box;box-sizing:border-box}
.modal-list dl dd p, .modal-movie-play dl dd p {
    font-size: 70%;
    margin-top: 4%;
}
#index .modal-list.view,.view.modal-movie-play{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1}
#index .modal-list.prev,.prev.modal-movie-play{-webkit-transform:translate(-200%);-ms-transform:translate(-200%);transform:translate(-200%)}
#index .modal-list.next,.next.modal-movie-play{-webkit-transform:translate(200%);-ms-transform:translate(200%);transform:translate(200%)}
#index .modal-btn{position:absolute}
#index .modal-btn.next,.modal-btn.prev{top:50%;width:3.055%;padding-top:5.416%}
#index .modal-btn.prev{left:5%;background:url(../images/modal-btn.png) no-repeat center left;background-size:454.545% auto}
#index .modal-btn.next{right:5%;background:url(../images/modal-btn.png) no-repeat center right;background-size:454.545% auto}
#index .modal-btn.close{top:4.195%;right:2.777%;width:5%;padding-top:5%;background:url(../images/modal-btn.png) no-repeat bottom center;background-size:277.777% auto}
#index .modal.open .modal-overlay,.open.modal-movie .modal-overlay{opacity:1}
#index .modal-movie-play{width:69.333%;height:39vw;background:0 0}
#index .modal-movie-btn{background:url(../images/movie-modal-close.png) no-repeat center center;background-size:contain;position:absolute;width:5.08%;padding:5.08% 0 0 0;margin:-25% 0 0 29%;top:50%;left:50%;opacity:0;cursor:pointer}
#index .modal-movie.open .modal-movie-btn,.modal-movie.open .modal-movie-play{opacity:1}
@media screen and (min-width:751px){
#index .sp{display:none}
#index .mv-anchor a:hover{background:url(../images/mv-anchorlink.png) no-repeat bottom center;background-size:100% auto}
#index .appearance-btn a:hover{background:url(../images/product-btn.png) no-repeat bottom center;background-size:100% auto}
#index .movie-play{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
#index .movie-play:hover .movie-img{opacity:.9;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
#index .point-btn a:hover{background:url(../images/product-btn.png) no-repeat bottom center;background-size:100% auto}
#index .monitoring-list{cursor:pointer}
#index .monitoring-list:hover .monitoring-list-ttl b,.monitoring-list:hover .monitoring-list-ttl span{color:#fdbb30;border-bottom:none}
#index .monitoring-list.no1:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg01_ov.png)}
#index .monitoring-list.no2:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg02_ov.png)}
#index .monitoring-list.no3:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg03_ov.png)}
#index .monitoring-list.no4:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg04_ov.png)}
#index .monitoring-list.no5:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg05_ov.png)}
#index .monitoring-list.no6:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg06_ov.png)}
#index .monitoring-list.no7:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg07_ov.png)}
#index .monitoring-list.no8:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg08_ov.png)}
#index .monitoring-list.no9:hover .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg09_ov.png)}
#index .monitoring-use:hover .monitoring-use-ttl-txt b{border-bottom:none}
#index .monitoring-use-ttl{cursor:pointer}
#index .monitoring-btn{cursor:pointer}
#index .product-btn a:hover{background:url(../images/product-btn.png) no-repeat bottom center;background-size:100% auto}
#index .function-list dt{cursor:pointer}
#index .function-annotation li a:hover{border-bottom:none}
#index .breach-link-txt a:hover{border-bottom:1px solid transparent}
#index .breach-link-btn a:hover{color:#ff2e65;background:#fff}
#index .breach-link-btn a:hover b{color:#ff2e65}
#index .breach-link-btn a:hover .arrow{border-top:2px solid #ff2e65;border-right:2px solid #ff2e65}
#index .purchase-btn a:hover{background:url(../images/product-btn.png) no-repeat bottom center;background-size:100% auto}
#index .modal-btn{cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#index .modal-btn:hover{opacity:.6}
#index .modal-movie.open .modal-movie-btn:hover{opacity:.6;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
#index .ie{font-family:メイリオ,sans-serif}
 }
@media screen and (min-width:1201px){
#index h2{color:#fdbb30;font-size:17.1px;line-height:1.33333}
#index h2 b{color:#000;font-size:34.2px;line-height:1.3}
#index .breach-txt{color:#000;font-size:19px;line-height:1.6}
#index .mv{height:682px}
#index .mv-anchor a{width:287px;padding:226px 0 0 0;margin:73px 0 0 302px;position:absolute;top:50%;left:50%;cursor:pointer}
#index .appearance{padding:12px 0 12px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .appearance-btn-txt{color:#000;font-size:16px;line-height:1.11187}
#index .movie{padding:80px 0 130px 0}
#index .movie-ttl{width:690px}
#index .movie-play{width:832px;margin:90px auto 0}
#index .process{padding:72px 0 72px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/process-bg-left.png),url(../images/process-bg-right.png),url(../images/process-bg-bottom.png),url(../images/process-bg_pc.jpg);background-repeat:no-repeat,no-repeat,repeat-x,no-repeat;background-position:top left,bottom right,bottom center,center center;background-size:353px auto,986px auto,4px auto,cover}
#index .process-description li span{color:#fff;font-size:27px;line-height:1.31352}
#index .process-description li p{color:#fff;font-size:18px;line-height:1.55556;height:120px}
#index .process-description li:nth-child(3) span{color:#fff;font-size:38px;line-height:1.26637}
#index .process-txt{color:#000;font-size:19px;line-height:1.84211}
#index .description{padding:45px 0 70px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .description-txt .marker{color:#000;font-size:16px;line-height:1.875}
#index .description-txt .indent{color:#fff;font-size:16px;line-height:1.875}
#index .example{padding:74px 0 24px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .example-list dl dd,.example-list dl dt{color:#fff;font-size:20px;line-height:1.25}
#index .example-list dl dd small,.example-list dl dt small{color:#fff;font-size:14px;line-height:1.2}
#index .example-annotation{color:#fff;font-size:12px;line-height:1}
#index .recommended{padding:79px 0 51px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .marker{color:#000;font-size:30px;line-height:1.96667}
#index .recommended-txt .indent{color:#000;font-size:30px;line-height:1.3}
#index .point{padding:77px 0 110px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .point-list dt{color:#000;font-size:22px;line-height:1.34164;height:88px}
#index .point-list dd div{color:#000;font-size:15px;line-height:1.75}
#index .point-application{height:170px}
#index .point-application-txt .marker{color:#fff;font-size:18px;line-height:1.66667}
#index .point-application-txt .indent{color:#000;font-size:16px;line-height:1.75}
#index .point-btn-txt{color:#000;font-size:16px;line-height:1.12563}
#index .product{padding:75px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .product-txt .marker{color:#000;font-size:30px;line-height:1.96667}
#index .product-txt .indent{color:#000;font-size:16px;line-height:1.75; text-indent:0!important;}
#index .product-btn-txt{color:#000;font-size:16px;line-height:1.12563}
#index .monitoring{padding:69px 0 100px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .monitoring-list-ttl{height:202px}
#index .monitoring-list-ttl b{color:#000;font-size:20px;line-height:1.15}
#index .monitoring-list-ttl span{color:#000;font-size:14px;line-height:1.14286;margin-top:4px}
#index .monitoring-list-amount{color:#fff;font-size:20px;line-height:1.3;height:75px}
#index .monitoring-list-amount small{color:#fff;font-size:16px;line-height:1.125}
#index .monitoring-list-amount span{color:#fff;font-size:30px;line-height:.8}
#index .monitoring-use-ttl{height:80px}
#index .monitoring-use-ttl-txt{color:#fff;font-size:24px;line-height:1}
#index .monitoring-inner-ttl{color:#000;font-size:24px;line-height:2.41667}
#index .monitoring-inner-img dl dt{font-size:28px;height:30px}
#index .monitoring-inner-img dl dd{color:#000;font-size:16px;line-height:1.25}
#index .monitoring-inner-img.no7 dl dt,.monitoring-inner-img.no8 dl dt{width:20px;height:20px}
#index .monitoring-inner-img.no7 dl dd,.monitoring-inner-img.no8 dl dd{color:#000;font-size:20px;line-height:1}
#index .monitoring-inner-note{color:#000;font-size:14px;line-height:1.42857}
#index .monitoring-btn{height:60px}
#index .monitoring-btn-bg{height:60px}
#index .function{padding:75px 0 70px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list dt{color:#fff;font-size:24px;line-height:1;height:88px}
#index .function-list dd div{color:#000;font-size:16px;line-height:1.75}
#index .function-annotation{color:#484848;font-size:12px;line-height:1.83333}
#index .function-annotation li a{color:#626262;font-size:12px;line-height:1.83333}
#index .breach{padding:6px 0 59.85px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach-line{background:#2b343e}
#index .breach-line::before{top:-6px;padding:6px 0 0 0;background-size:auto 7px,auto 7px}
#index .breach-line span{width:52px;height:56px}
#index .breach-line-txt{color:#fff;font-size:32px;line-height:2.15625;text-align:center}
#index .breach h2 span span{color:#e53b3a;font-size:50px;line-height:1}
#index .breach-link-txt a{color:#0068ff;font-size:15.2px;line-height:1}
#index .breach-link-btn a{color:#fff;font-size:10px;line-height:1}
#index .breach-link-btn a b{color:#fff;font-size:19px;line-height:1.5}
#index .breach-link-btn a .arrow{width:7.2px;height:7.2px}
#index .result{padding:83.6px 0 79.42px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:auto 10px,auto 10px}
#index .result-txt{color:#fff;font-size:22px;line-height:2.15909}
#index .purchase{padding:60px 0 50px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .purchase-btn-txt{color:#fff;font-size:16px;line-height:1.12563}
#index .modal-list,.modal-movie-play{width:720px;height:465px}
#index .modal-list dl dt,.modal-movie-play dl dt{color:#000;font-size:50px;line-height:1}
#index .modal-list dl dd,.modal-movie-play dl dd{color:#000;font-size:30px;line-height:1.66667}
#index .modal-movie-play{width:832px;height:468px}
#index .modal-movie-btn{width:61px;padding:61px 0 0 0;margin:-300px 0 0 348px}
 }
@media screen and (max-width:750px){
#index h2{color:#fdbb30;font-size:10px;font-size:2.66667vw;line-height:1}
#index h2 b{color:#000;font-size:22.5px;font-size:6vw;line-height:1.33333}
#index h2 span{width:24.13333%;padding:11.86667% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach-txt,.campaign-txt,.introduction-txt{color:#000;font-size:10px;font-size:2.66667vw;line-height:1.6;margin:4.66667% auto 0!important}
#index .mv{height:103.6vw;background:#040a1a url(../images/mv_sp.jpg) no-repeat center center;background-size:auto 100%}
#index .mv-anchor a{width:38.26667%;height:30.133vw;background:url(../images/mv-anchorlink.png) no-repeat top center;background-size:cover;margin:14.266% 0 0 11.5%}
#index .appearance{padding:1.6% 0 1.6% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .appearance-txt{width:90.13333%!important;padding:20.53333% 0 0 0!important;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 0 4.8%!important;background:url(../images/appearance-txt_sp_2112.png) no-repeat center center;background-size:contain}
#index .appearance-btn{width:35.46667%!important;margin:-10% 5.33333% 0 0!important}
#index .appearance-btn a{padding:21.052% 0 0 0;background:url(../images/appearance-btn_sp.png) no-repeat center center;background-size:contain}
#index .appearance-btn-txt{width:170%;color:#000;font-size:7px;font-size:1.86667vw;line-height:1;-webkit-transform:scale(.7) translateX(-29%);-ms-transform:scale(.7) translateX(-29%);transform:scale(.7) translateX(-29%)}
#index .movie{background:url(../images/movie-bg_sp.png) no-repeat center center;background-size:cover;padding:5.3% 0 9.333% 0}
#index .movie-ttl{width:80%;margin:0 auto}
#index .movie-play{width:89.3%;margin:6% auto 0;position:relative}
#index .movie-btn{width:13.1%;position:absolute;top:50%;left:50%;margin:-6.6% 0 0 -6.6%;cursor:pointer}
#index .process{padding:8.93333% 0 8.93333% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/process-bg_sp.jpg) no-repeat center center;background-size:100% 100%}
#index .process-ttl{width:94.93333%;margin:0 auto 0!important}
#index .process-description{margin:3.73333% 0 0 0!important}
#index .process-description li{width:27.2%;padding:51.06667% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .process-description li span{color:#fff;font-size:12.5px;font-size:3.33333vw;line-height:1.36606}
#index .process-description li p{color:#fff;font-size:9.5px;font-size:2.53333vw;line-height:1.42105;height:20vw}
#index .process-description li:nth-child(1) span{margin:50% 0 0 19%}
#index .process-description li:nth-child(2){margin:0 2.64912% 0 2.38596%!important}
#index .process-description li:nth-child(2) span{margin:47% 0 0 10.2%}
#index .process-description li:nth-child(3) span{color:#fff;font-size:18px;font-size:4.8vw;line-height:1.22561;margin:36% 0 0 14%}
#index .process-txt{color:#000;font-size:13px;font-size:3.46667vw;line-height:1.38462;margin:4.8% 0 0 7.2%!important;padding:.66667% 2.66667% .66667% 2.66667%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
#index .description{padding:5.2% 0 12% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .description-ttl{width:54.4%;margin:0 auto 0!important}
#index .description__wrap{margin:6.13333% auto 0!important}
#index .description-img,.description-txt{width:89.33333%!important;float:none!important;}
#index .description-img{margin:4.4% auto 0!important}
#index .description-txt{margin:6.13333% auto 0!important}
#index .description-txt .marker{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.46429;padding:0 1.49254% 0 1.49254%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .description-txt .marker+.marker{margin:2.08955% 0 0 0!important}
#index .description-txt .indent{color:#fff;font-size:12px;font-size:3.2vw;line-height:2;padding:4.47761% 0 0 1.49254%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#index .example{padding:9.6% 0 8.26667% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/example-bg_sp.jpg) no-repeat center center;background-size:cover}
#index .example-ttl{width:58.4%;margin:0 auto 0!important}
#index .example-list{margin:4% 0 0 0!important}
#index .example-list li{width:89.33333%;padding:2.93333% 0 2.93333% 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto 0!important}
#index .example-list li:nth-child(odd){float:none}
#index .example-list li:nth-child(even),.example-list li:nth-child(odd){float:none}
#index .example-list li:nth-child(1){padding:3.73333% 0 3.73333% 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:.53333% auto 0!important;background:url(../images/example-list-icon01.png) no-repeat center left 3.432%;background-size:13.731% auto}
#index .example-list li:nth-child(1) dt{padding:0 0 0 22.83582%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .example-list li:nth-child(2){padding:3.73333% 0 3.73333% 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:.53333% auto 0!important;background:url(../images/example-list-icon02.png) no-repeat center left 2.089%;background-size:15.671% auto}
#index .example-list li:nth-child(2) dt{padding:0 0 0 22.83582%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .example-list dl dd,.example-list dl dt{color:#fff;font-size:14px;font-size:3.73333vw;line-height:1.28571}
#index .example-list dl dd small,.example-list dl dt small{color:#fff;font-size:9px;font-size:2.4vw;line-height:1.33333}
#index .example-list dl dt{width:70%}
#index .example-annotation{color:#fff;font-size:6px;font-size:1.6vw;line-height:1;width:89.33333%;margin:1.6% auto 0!important}
#index .recommended{padding:12.13333% 0 17.73333% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-ttl{width:69.06667%;margin:0 auto 0!important}
#index .recommended__wrap{width:89.33333%;margin:15.46667% auto 0!important}
#index .recommended-img{width:31.34328%;position:absolute;top:0;left:50%;margin:-5.67164% 0 0 -44.77612%}
#index .recommended-txt{padding:3.73134% 0 4.77612% 41.04478%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .marker{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.35714;padding:0 1.49254% 0 1.49254%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .recommended-txt .marker+.marker{margin:1.49254% 0 0 0!important}
#index .recommended-txt .indent{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.42857;padding:2.53731% 0 0 1.49254%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .point{padding:5.6% 0 8.66667% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .point .inner{width:89.33333%}
#index .point-ttl{width:99.70149%;margin:0 auto 0!important}
#index .point-lists{width:100%;float:none}
#index .point-list{width:100%}
#index .point-list+.point-list{margin:5.37313% 0 0 0!important}
#index .point-list.no1 dt{background-image:url(../images/point-number01.png),url(../images/point-list-bg.png);background-repeat:no-repeat;background-position:center left 2.8%,center left;background-size:10.818% auto,18% auto}
#index .point-list.no2 dt{background-image:url(../images/point-number02.png),url(../images/point-list-bg.png),url(../images/point-list-icon.png);background-repeat:no-repeat;background-position:center left 2.8%,center left,center right 2.909%;background-size:10.818% auto,18% auto,19.253% auto}
#index .point-list.no3 dt{background-image:url(../images/point-number03.png),url(../images/point-list-bg.png),url(../images/point-list-icon.png);background-repeat:no-repeat;background-position:center left 2.8%,center left,center right 2.909%;background-size:10.818% auto,18% auto,19.253% auto}
#index .point-list dt{color:#000;font-size:18px;font-size:4.8vw;line-height:1.27778;padding:0 0 0 24.62687%;-webkit-box-sizing:border-box;box-sizing:border-box;height:16.8vw}
#index .point-list dt small{color:#000;font-size:15px;font-size:4vw;line-height:1;display:block}
#index .point-list dd div{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.5;padding:2.98507% 3.73134% 3.73134% 3.73134%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .point-application{padding:5.97015% 5.97015% 0 33.8806%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5.37313% 0 0 0!important;width:100%;height:42.666vw}
#index .point-application-txt .marker{color:#fff;font-size:14px;font-size:3.73333vw;line-height:1.35714;width:66%;text-align:left;padding-left:3%}
#index .point-application-txt .marker+.marker{margin-top:2%}
#index .point-application-txt .indent{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.21429;padding:5% 0 0 2%}
#index .point-application-sp{position:absolute}
#index .point-application-sp.device{width:20.5%;top:8%;left:4.5%}
#index .point-application-sp.logo{width:10.0909%;top:69%;left:34.5%}
#index .point-application-sp.txt{width:10.0909%;top:69%;left:46.5%}
#index .point-btn{width:69.55224%;margin:6.26866% auto 0!important}
#index .point-btn a{background:url(../images/product-btn_sp.png) no-repeat top center;background-size:100% auto}
#index .point-btn-txt{color:#000;font-size:10px;font-size:2.66667vw;line-height:1.5}
#index .monitoring{padding:9.33333% 0 10.26667% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .monitoring .inner{width:89.33333%;margin:0 auto 0!important}
#index .monitoring-ttl{width:100%}
#index .monitoring-lists{margin:11.19403% auto 0!important}
#index .monitoring-list{width:40.29851%}
#index .monitoring-list+.monitoring-list+.monitoring-list{margin-top:3.58209%!important}
#index .monitoring-list:nth-child(odd){margin-left:4.925%!important}
#index .monitoring-list:nth-child(even){margin-left:9.701%!important}
#index .monitoring-list.no1 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg01.png);background-repeat:no-repeat;background-position:top 22.21% center;background-size:47.407% auto}
#index .monitoring-list.no2 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg02.png);background-repeat:no-repeat;background-position:top 25.239% center;background-size:47.925% auto}
#index .monitoring-list.no3 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg03.png);background-repeat:no-repeat;background-position:top 30.507% center;background-size:46.666% auto}
#index .monitoring-list.no4 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg04.png);background-repeat:no-repeat;background-position:top 25.629% center;background-size:23.703% auto}
#index .monitoring-list.no5 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg05.png);background-repeat:no-repeat;background-position:top 31.66% center;background-size:45.925% auto}
#index .monitoring-list.no6 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg06.png);background-repeat:no-repeat;background-position:top 30.413% center;background-size:51.851% auto}
#index .monitoring-list.no7 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg07.png);background-repeat:no-repeat;background-position:top 31.682% center;background-size:46.666% auto}
#index .monitoring-list.no8 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg08.png);background-repeat:no-repeat;background-position:top 31.682% center;background-size:46.666% auto}
#index .monitoring-list.no9 .monitoring-list-ttl{background-image:url(../images/monitoring-list-bg09.png);background-repeat:no-repeat;background-position:top 31.682% center;background-size:46.666% auto}
#index .monitoring-list.no2 .monitoring-list-ttl b,.monitoring-list.no4 .monitoring-list-ttl b,.monitoring-list.no5 .monitoring-list-ttl b,.monitoring-list.no7 .monitoring-list-ttl b{margin-top:64.259%;margin-bottom:7%}
#index .monitoring-list.no7 .monitoring-list-amount b{padding-top:.1em;padding-bottom:0}
#index .monitoring-list-ttl{height:36vw}
#index .monitoring-list-ttl b{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.14286;margin-top:59.555%}
#index .monitoring-list-ttl span{color:#000;font-size:9px;font-size:2.4vw;line-height:1;margin-top:3%}
#index .monitoring-list-amount{color:#fff;font-size:15px;font-size:4vw;line-height:1.2;height:13.333vw}
#index .monitoring-list-amount b{padding-bottom:.4em}
#index .monitoring-list-amount small{color:#fff;font-size:11px;font-size:2.93333vw;line-height:1.5}
#index .monitoring-list-amount span{color:#fff;font-size:20px;font-size:5.33333vw;line-height:.9}
#index .monitoring-use{width:100%;margin:4.47761% 0 0 0!important}
#index .monitoring-use-ttl{height:21.33vw}
#index .monitoring-use-ttl-txt{color:#fff;font-size:21px;font-size:5.6vw;line-height:1.38095;margin-top:2.98%}
#index .monitoring-inner-ttl{margin:8.95522% auto 0!important;width:90.29851%;color:#000;font-size:16px;font-size:4.26667vw;line-height:1.8125}
#index .monitoring-inner-wrap{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#index .monitoring-inner-img{width:74.62687%;margin:11.9403% auto 0!important}
#index .monitoring-inner-img+.monitoring-inner-img{margin:17.91045% auto 0!important}
#index .monitoring-inner-img p{width:100%}
#index .monitoring-inner-img dl{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2%}
#index .monitoring-inner-img dl dt{width:12%;height:8vw;color:#fff;font-size:27.225px;font-size:7.26vw;line-height:1.19376}
#index .monitoring-inner-img dl dd{width:80%;color:#000;font-size:13px;font-size:3.46667vw;line-height:1.30769;margin-left:4%}
#index .monitoring-inner-img::after{background:url(../images/monitoring-arrow_sp.png) no-repeat center center;background-size:cover;top:100%;right:100%;bottom:0;left:50%;width:12.6%;height:5.2vw;margin:7% 0 0 -9%}
#index .monitoring-inner-img.no4::after{display:block}
#index .monitoring-inner-img.no1 dl dd,.monitoring-inner-img.no5 dl dd{line-height:1.8}
#index .monitoring-inner-img.no6{width:97.01493%}
#index .monitoring-inner-img.no6 dl{margin-top:1.53%}
#index .monitoring-inner-img.no6 dl dt{width:9.23%;margin-left:12.3%}
#index .monitoring-inner-img.no6 dl dd{margin-left:3.07%;line-height:1.8}
#index .monitoring-inner-img.no6::after{display:none}
#index .monitoring-inner-img.no7,.monitoring-inner-img.no8{width:74.62687%;margin:7.46269% auto 0!important}
#index .monitoring-inner-img.no7 dl,.monitoring-inner-img.no8 dl{margin-top:0;margin-left:0}
#index .monitoring-inner-img.no7 dl dt,.monitoring-inner-img.no8 dl dt{width:6.6%;height:4.4vw}
#index .monitoring-inner-img.no7 dl dd,.monitoring-inner-img.no8 dl dd{margin-left:4%;color:#000;font-size:14px;font-size:3.73333vw;line-height:1.14286}
#index .monitoring-inner-img.no7::after,.monitoring-inner-img.no8::after{display:none}
#index .monitoring-inner-img.no7 ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:2%}
#index .monitoring-inner-img.no7 ul li{width:100%}
#index .monitoring-inner-img.no8{padding:0}
#index .monitoring-inner-img.no8 p{margin-top:2%}
#index .monitoring-inner-note{color:#000;font-size:10px;font-size:2.66667vw;line-height:1;margin:7.46269% 1.49254% 2.98507% 0!important}
#index .monitoring-btn{background:#626262 url(../images/function-icon-open.png) no-repeat top center;background-size:7.91% auto;height:9.33vw}
#index .monitoring-btn-bg{height:9.33vw;margin-bottom:-10%}
#index .monitoring-btn-bg.left{-webkit-transform:skewY(11.5deg);-ms-transform:skewY(11.5deg);transform:skewY(11.5deg)}
#index .monitoring-btn-bg.right{-webkit-transform:skewY(-11.5deg);-ms-transform:skewY(-11.5deg);transform:skewY(-11.5deg)}
#index .monitoring-use.open .monitoring-btn{background-size:8.833% auto;height:14.92vw}
#index .product{padding:8.53333% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .product__wrap{width:89.33333%;margin:0 auto 0!important}
#index .product-ttl{width:22.4%;margin:0 auto 5.6%!important}
#index .product-img{width:55.52239%;margin:0 auto 0!important;float:none}
#index .product-txt{margin:1.49254% 0 0 0!important;width:100%;float:none}
#index .product-txt .marker{color:#000;font-size:15.5px;font-size:4.13333vw;line-height:1;padding:1.49254% 2.23881% 1.49254% 2.23881%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4.47761% 0 5.97015% 7.46269%!important}
#index .product-txt .indent{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.42857;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:0!important;}
#index .product-btn{width:69.55224%;margin:5.97015% auto 0!important;position:static}
#index .product-btn a{padding-top:22.961%;background:url(../images/product-btn_sp.png) no-repeat top center;background-size:100% auto}
#index .product-btn .product-btn-txt{color:#000;font-size:10px;font-size:2.66667vw;line-height:1.5}
#index .function{padding:12.66667% 0 14.66667% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function .inner{width:89.33333%}
#index .function-ttl{width:25.07463%;margin:0 auto 0!important}
#index .function-lists{margin:6.26866% 0 0 0!important}
#index .function-list+.function-list{margin:4.62687% auto 0!important}
#index .function-list dt{color:#fff;font-size:16px;font-size:4.26667vw;line-height:1.3125;padding:0 0 0 4.92537%;-webkit-box-sizing:border-box;box-sizing:border-box;height:16.8vw;background:#626262 url(../images/function-icon-open.png) no-repeat center right 2.985%;background-size:7.91%}
#index .function-list dd{-webkit-transition:height .8s;-o-transition:height .8s;transition:height .8s}
#index .function-list dd div{color:#000;font-size:14px;font-size:3.73333vw;line-height:1.57143;padding:3.73134% 3.73134% 7.46269% 3.73134%;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:#626262 solid 2px}
#index .function-list dd p{padding:0 0 3.73134% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list dd ul{padding:3.73134% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list dd ul.pd_none{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-list.open dt{background:#626262 url(../images/function-icon-close.png) no-repeat center right 2.985%;background-size:7.91%}
#index .function-annotation{color:#484848;font-size:11px;font-size:2.93333vw;line-height:1.45455;padding:6.71642% 2.98507% 0 2.98507%;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .function-annotation li+li{margin:5.22388% 0 0 0!important}
#index .function-annotation li a{color:#626262;font-size:11px;font-size:2.93333vw;line-height:1.45455}
#index .breach{padding:2.66667% 0 8% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach-line{background:#2b343e;text-align:center;padding:2% 0 2% 0}
#index .breach-line::before{top:-14%;padding:2.66% 0 0 0;background-size:2.132% auto,2.132% auto}
#index .breach-line span{background:url(../images/breach-check.png) no-repeat center left;background-size:contain;display:inline-block;width:6.933%;height:7.46vw;vertical-align:top;content:""}
#index .breach-line-txt{color:#fff;font-size:20px;font-size:5.33333vw;line-height:1.4;display:inline-block;vertical-align:middle}
#index .breach-line-txt b{margin-right:-9.333%;font-weight:400}
#index .breach h2{margin:7.89474% 0 0 0!important}
#index .breach h2 b{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";letter-spacing:0;color:#000;font-size:23px;font-size:6.13333vw;line-height:1;padding:0 0 2.19298% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .breach h2 span span{color:#e53b3a;font-size:30px;font-size:8vw;line-height:1}
#index .breach-img{width:89.33333%;margin:5.33333% 0 0 5.33333%!important}
#index .breach-link-txt{margin-top:2.4%}
#index .breach-link-txt a{color:#0068ff;font-size:12px;font-size:3.2vw;line-height:1.5}
#index .breach-link-btn{width:80%;margin:6% auto 0!important}
#index .breach-link-btn a{color:#fff;font-size:9px;font-size:2.4vw;line-height:1}
#index .breach-link-btn a b{color:#fff;font-size:17.5px;font-size:4.66667vw;line-height:1.37143}
#index .breach-link-btn a .arrow{right:3%;width:1.866vw;height:1.866vw;border-top:2px solid #fff;border-right:2px solid #fff}
#index .result{padding:22.13333% 0 10.8% 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:2.132% auto,2.132% auto}
#index .result h2 b{padding:0 0 2.19298% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .result h2 span{margin:-11% 0 0 22%}
#index .result ul{margin:2.91333% auto 0!important}
#index .result ul li{margin:0 0 0 5.33333%!important;float:none!important;width:89.33333%!important}
#index .result ul li+li{margin:5.33333% 0 0 5.33333%!important}
#index .result-txt{color:#fff;font-size:14px;font-size:3.73333vw;line-height:1.28571;padding:2% 5.33333% 2% 20%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:4.26667% auto 0!important;background:#2a333d url(../images/result-icon.png) no-repeat center left 5.333%;background-size:11.066% auto}
#index .purchase{padding:9.06667% 0 6.66667% 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .purchase-txt{width:87.2%;padding:16.26667% 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
#index .purchase-btn{width:62.13333%;margin:4% auto 0!important}
#index .purchase-btn a{margin-top:1%;background:url(../images/product-btn_sp.png) no-repeat top center;background-size:100% auto}
#index .purchase-btn-txt{color:#fff;font-size:10px;font-size:2.66667vw;line-height:1.5}
#index .modal-list,.modal-movie-play{width:76.8vw;height:58.266vw}
#index .modal-list dl,.modal-movie-play dl{padding:18.055% 15.277% 0}
#index .modal-list dl dt,.modal-movie-play dl dt{color:#000;font-size:20px;font-size:5.33333vw;line-height:1}
#index .modal-list dl dd,.modal-movie-play dl dd{color:#000;font-size:12px;font-size:3.2vw;line-height:1.66667;padding-top:2.604%;margin-top:3.472%}
#index .modal-btn.next,.modal-btn.prev{width:3.819%;padding-top:6.77%}
#index .modal-btn.prev{left:6.25%}
#index .modal-btn.next{right:6.25%}
#index .modal-btn.close{top:4.488%;right:3.472%;width:6.25%;padding-top:6.25%}
#index .modal-movie-play{width:89.3%;height:50.26vw}
#index .modal-movie-btn{width:12.13%;padding:12.13% 0 0 0;margin:-38.26% 0 0 36%}
 }