#modal .modal-content-wrap{position:relative;visibility:hidden;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;max-width:90vw;max-height:80vh;background-color:#fff;position:fixed;left:50vw;top:50vh;-webkit-transform:translate(-50%, -55%);transform:translate(-50%, -55%)}#modal .modal-overlay{background-color:rgba(0,0,0,.5);position:fixed;left:0;top:0;min-width:100vw;min-height:100vh;visibility:hidden;opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}#modal .modal-close{position:absolute;right:15px;top:15px;width:16px;height:16px;background:url(../../assets/img/ico-close.png) center center no-repeat;background-size:16px auto;cursor:pointer}#modal .modal-close:hover{opacity:.8}#modal.active .modal-content-wrap{visibility:visible;opacity:1;z-index:999}#modal.active .modal-overlay{visibility:visible;opacity:1;z-index:999}#modal .modal-content{background-color:#fff;max-height:80vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media screen and (max-width: 640px){.main-container .is-pc{display:none}}
.main-container .is-sp{display:none}
@media screen and (max-width: 640px){.main-container .is-sp{display:block}}
.main-container>.wrap-2col main.main-content>header{position:relative}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
.main-container>.wrap-2col main.main-content>header h1{position:relative}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>header h1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>header h1+div.lead-text{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}}
.main-container>.wrap-2col main.main-content>header h1+div.lead-text .blue{display:inline-block;color:#fff;background-color:#3374a9;padding:5px 10px;font-size:1.6rem;font-weight:bold;margin-bottom:16px}
.main-container>.wrap-2col main.main-content>header h1+div.lead-text .blue+.blue{margin-left:20px}
.main-container>.wrap-2col main.main-content>header h1+div.lead-text .aws{margin-top:30px;width:135px;height:41px}
.main-container>.wrap-2col main.main-content>header h1+div.lead-text .aws img{width:100%}
.main-container>.wrap-2col main.main-content>header h1+div.lead-text:before{background:url(../../assets/img/product/img-product-drivebackup01.png) right top no-repeat;background-size:contain;width:330px;height:250px;margin-top:-60px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content>header h1+div.lead-text:before{background-position:center top;margin:0 auto 10px}}
.main-container>.wrap-2col main.main-content .main-body .sec-feature{margin-top:57px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li{margin-top:53px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature01{background:url(../../assets/img/product/img-product-drivebackup02.png) center top no-repeat;background-size:94px;margin-top:40px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature02{background:url(../../assets/img/product/img-product-drivebackup03.png) center top no-repeat;background-size:94px;margin-top:40px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature03{background:url(../../assets/img/product/img-product-drivebackup04.png) center top no-repeat;background-size:94px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature04{background:url(../../assets/img/product/img-product-drivebackup05.png) center top no-repeat;background-size:94px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature05{background:url(../../assets/img/product/img-product-drivebackup06.png) center top no-repeat;background-size:94px}
.main-container>.wrap-2col main.main-content .main-body .sec-feature .content ul li.feature06{background:url(../../assets/img/product/img-product-drivebackup07.png) center top no-repeat;background-size:94px}
.main-container>.wrap-2col main.main-content .main-body .sec-functions .list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:26px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .list{display:block;margin-bottom:15px}}
.main-container>.wrap-2col main.main-content .main-body .sec-functions .list li+li{margin-left:90px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .list li+li{margin-left:0}}
.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws{margin-top:35px;margin-bottom:45px;border:1px solid #005194;border-radius:2.7px;padding:20px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media screen and (max-width: 1280px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws{display:block;margin-bottom:35px}}
.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws .image{width:107px;margin-top:13px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws .image{margin:0 auto;width:80px}}
.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws p{margin-left:25px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-functions .aws p{margin-left:0;margin-top:10px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price{position:relative}
.main-container>.wrap-2col main.main-content .main-body .sec-price::after{content:"";display:block;background:url(../../assets/img/product/img-product-drivebackup09.png) center center no-repeat;background-size:cover;width:162px;height:228px;position:absolute;top:24px;right:5px}
@media screen and (max-width: 850px){.main-container>.wrap-2col main.main-content .main-body .sec-price::after{width:105px;height:150px}}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price::after{width:80px;height:112px;top:10px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .read-text{font-size:3.2rem;color:#005194;letter-spacing:.1em;font-family:"Noto Sans JP",sans-serif;font-weight:900}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .read-text{font-size:2rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .bg-blue{margin-top:20px;text-align:center;background-color:#00559d;color:#fff;font-size:2rem;font-family:"Noto Sans JP",sans-serif;font-weight:900;letter-spacing:.6em;border-radius:6.3px;max-width:635px;padding:9px 0}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .bg-blue{margin-top:10px;font-size:1.6rem;padding:3px 0}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .bg-blue+p{margin-top:15px}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price{margin-top:24px;font-family:"Noto Sans JP",sans-serif;font-weight:900}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price>div{display:-webkit-box;display:-ms-flexbox;display:flex;color:#005194;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .gb{background-color:#3374a9;color:#fff;border-radius:3px;font-size:2.2rem;padding:6px 12px;line-height:100%}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .gb{font-size:1.6rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .red{color:#e50012;font-size:2.2rem;display:inline-block;margin-left:7px;margin-right:10px}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .red{font-size:1.6rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .em{font-size:3.6rem}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .em{font-size:2.5rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex{margin-top:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex>p{font-size:2.2rem}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex>p{font-size:1.8rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex div{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex div{display:block}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex div>p{font-size:1.5rem}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex div+div{margin-left:18px}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex .gb{font-size:1.4rem;width:60px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center;padding:5px 0;margin-right:6px}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex .em{font-size:2.6rem}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex .em{font-size:1.8rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex .tax{display:block;font-size:1.4rem;margin-top:-7px;text-align:right}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .price .ex .tax{font-size:1.2rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost{margin-top:28px;margin-bottom:27px;border:2px solid #00559d;border-radius:3px;padding:0 14px 10px 10px;font-family:"Noto Sans JP",sans-serif}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost{margin-bottom:15px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head{position:relative;padding-bottom:10px;border-bottom:1px solid #005194}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head h3{background-color:#005194;color:#fff;display:inline-block;margin-left:-10px;border-radius:0 0 5px 0;padding:9px;width:175px;text-align:center;font-size:2rem;font-weight:900;letter-spacing:.6em;position:absolute;top:0;left:0}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head h3{font-size:1.8rem;padding:5px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head div{margin-left:190px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
@media screen and (max-width: 850px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head div{display:block;margin-left:0;padding-top:50px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head p{color:#005194;font-weight:900;font-size:1.6rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .name{font-size:1.4rem}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .name span{font-size:2.5rem}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .name span{font-size:2rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .red{color:#e50012;font-size:2.2rem;margin-top:12px;text-align:right}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .red{font-size:1.8rem;margin-top:5px}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .red span{font-size:3.6rem}
@media screen and (max-width: 640px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .red span{font-size:2.3rem}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head .red .tax{color:#005194;font-size:1.6rem}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .head+p{margin-top:7px;color:#fff;background-color:#3377b1;font-size:1.6rem;letter-spacing:.05em;font-weight:bold;text-align:center;padding:3px 0}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list{margin-top:10px;color:#005194;font-size:1.4rem;font-weight:bold}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list .em{font-size:1.7rem;letter-spacing:0;font-weight:900}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list .red{color:#e50012;text-align:right}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list .red span{font-size:2.2rem;font-weight:900}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list .red .tax{color:#005194;font-weight:bold;font-size:1.6rem}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list li{display:-webkit-box;display:-ms-flexbox;display:flex}
@media screen and (max-width: 850px){.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list li{display:block}}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost .list li p:first-child{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";display:inline;-webkit-box-flex:1;-ms-flex:1;flex:1}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost+p{color:#005194;font-weight:bold;font-size:1.6rem;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost+p .em{color:#e50012}
.main-container>.wrap-2col main.main-content .main-body .sec-price .content .initial-cost+p+p{margin-top:5px;font-size:1.4rem;margin-left:-7px}