.ipad{overflow-x:hidden;color:#3d3d3d}.ipad .top{position:relative}.ipad .top p{font-size:3em;line-height:1.8em;padding:1.5em 0 0;margin:0;position:relative;z-index:1}@media (max-width: 960px){.ipad .top p{font-size:2.3em;padding-top:2.5em}}@media (max-width: 680px){.ipad .top p{font-size:2em;font-weight:bold;padding-top:4em}}@media (max-width: 590px){.ipad .top p{font-size:1.6em;font-weight:bold;padding-top:2em;-webkit-text-stroke:4px #ffffff;text-stroke:4px #ffffff;paint-order:stroke}}.ipad .top .img{background:linear-gradient(90deg, #0cbafb 0%, #339ff4 44%, #4285ec 100%);position:absolute;top:3em;right:0;height:calc(100% + 4em);width:50%;border-radius:30px 0 0 30px}@media (max-width: 590px){.ipad .top .img{width:calc(100% - 245px)}}.ipad .top .img img{margin-top:-3em;width:750px;margin-left:9%;transform:rotate(-13deg);max-width:inherit}@media (max-width: 1200px){.ipad .top .img img{width:690px;margin-left:0%}}@media (max-width: 960px){.ipad .top .img img{width:550px}}@media (max-width: 760px){.ipad .top .img img{width:490px;margin-left:-2%}}@media (max-width: 680px){.ipad .top .img img{width:400px;margin-left:-5%;margin-top:2em}}@media (max-width: 590px){.ipad .top .img img{width:360px;margin-left:-80px;margin-top:-2px}}@media (max-width: 680px){.ipad .top .link-area{width:230px;text-align:center}}@media (max-width: 590px){.ipad .top .link-area{width:175px}}.ipad .top .link-area .hr{width:50px;height:3px;margin:2.2em auto 3.5em;background:#16b4fa}@media (max-width: 680px){.ipad .top .link-area .hr{margin:2.2em auto 2.7em}}.ipad .top .link-area .btn{padding:1em 0;width:200px}.ipad .top .link-area .btn.btn-primary{margin-right:0.5em}@media (max-width: 890px){.ipad .top .link-area .btn{width:185px}.ipad .top .link-area .btn.btn-primary{margin-right:0.4em}}@media (max-width: 830px){.ipad .top .link-area .btn{width:100%}.ipad .top .link-area .btn.btn-primary{margin-right:0;margin-bottom:0.6em !important}}.ipad .bg-blue{background:linear-gradient(90deg, #0cbafb 0%, #339ff4 44%, #4285ec 100%)}.ipad .bg-white{background:#fff}.ipad .bg-whiteblue{background:#eaf6fe}.ipad .box{padding:1.5em 2em 2em;border-radius:15px;margin-bottom:3em;box-shadow:3px 3px 6px rgba(0,0,0,0.2)}@media (max-width: 575px){.ipad .box{padding:1em 1.2em 1.2em}}.ipad .bnr{background:linear-gradient(90deg, #0cbafb 0%, #339ff4 44%, #4285ec 100%);text-align:center;color:#fff;padding:8px;border-radius:5px}.ipad section{padding:5rem 0}@media (max-width: 575px){.ipad section{padding:3rem 0}}.ipad section .container>.box>p,.ipad section .container>.box>.row>div>p{padding-left:80px;font-size:1.1em;letter-spacing:0.05em;line-height:1.6em}@media (max-width: 767px){.ipad section .container>.box>p,.ipad section .container>.box>.row>div>p{padding-left:0px}}@media (max-width: 575px){.ipad section .container>.box>p,.ipad section .container>.box>.row>div>p{font-size:1em;line-height:1.8em}}.ipad section .container>.box>p>span,.ipad section .container>.box>.row>div>p>span{font-weight:bold;background:#ffff8d}@media (min-width: 768px){.ipad section .container>.box>.row>div>img{position:absolute;bottom:0;right:6%;width:85%}}@media (max-width: 767px){.ipad section .container>.box>.row>div>img{max-width:160px;width:30%;margin:0 auto 0.5em;display:block}}.ipad section .title{font-size:2em;text-align:center;margin-bottom:1.5em;line-height:normal;font-weight:bold}@media (max-width: 575px){.ipad section .title{font-size:1.7em;margin-bottom:1.2em}}.ipad section .subtitle{font-size:1.5em !important;letter-spacing:inherit !important;line-height:inherit !important;background:inherit;color:#359bf3;font-weight:bold;padding:0 !important;margin:inherit;display:block}@media (max-width: 575px){.ipad section .subtitle{font-size:1.3em !important}}.ipad section .subtitle span{display:flex;width:60px;height:60px;margin:0 auto;border-radius:50%;text-align:center;border:solid 3px #359bf3;margin-right:20px;align-items:center;justify-content:center}@media (max-width: 575px){.ipad section .subtitle span{width:40px;height:40px;margin-right:10px}}.ipad .intro{background:linear-gradient(to right, #eaf6fe 0%, #eaf6fe 50%, #fff 50%, #fff 100%);padding:0;margin:3em 0}.ipad .intro .bg-whiteblue{border-radius:0 30px 30px 0;padding:2em 2em 2em 0;font-size:1.3em;line-height:2em}@media (max-width: 575px){.ipad .intro .bg-whiteblue{padding:2em 1em 1em 0.5em}}.ipad .intro .bg-whiteblue p{margin:3em 0 0}.ipad .intro .bg-whiteblue p>span{font-weight:bold;background:#ffff8d}@media (max-width: 991px){.ipad .intro .bg-whiteblue p{margin:0.5em 0 0}}@media (max-width: 575px){.ipad .intro .bg-whiteblue p{font-size:0.9em;line-height:2em}}@media (max-width: 991px){.ipad .intro .bg-whiteblue img{max-width:200px;width:40%;margin:0 auto;display:block;margin-top:2em}}.ipad .merit .title{color:#fff}.ipad .merit .bg-whiteblue{padding:1em;text-align:center;margin:1em 0 0}.ipad .merit .bg-whiteblue .name{font-weight:bold}.ipad .merit .bg-whiteblue .name span{font-weight:normal;font-size:80%;display:block}.ipad .merit .bg-whiteblue img.item{max-width:150px;width:70%;display:block;margin:0 auto 1em;background:#fff;border-radius:10px;border:1px solid #e3eff8}.ipad .merit .bg-whiteblue p.iosys{margin:0.5em auto}.ipad .merit .bg-whiteblue img.logo{max-width:150px;width:70%;vertical-align:bottom;margin-right:3px;margin-bottom:-1px}.ipad .merit .bg-whiteblue p.d,.ipad .merit .bg-whiteblue p.a,.ipad .merit .bg-whiteblue p.s{display:inline-block;border-bottom:4px solid #ddd;margin-bottom:1em;font-weight:bold}.ipad .merit .bg-whiteblue p.d span.price,.ipad .merit .bg-whiteblue p.a span.price,.ipad .merit .bg-whiteblue p.s span.price{display:inline-block;margin-left:50px}.ipad .merit .bg-whiteblue p.d{border-color:#cc0032}.ipad .merit .bg-whiteblue p.a{border-color:#ea5404}.ipad .merit .bg-whiteblue p.s{border-color:#bbbcbe}.ipad .merit .bg-whiteblue p.price{font-weight:bold;color:#ec1d1d}.ipad .merit .bg-whiteblue p.price .low{font-size:1.3em;margin-right:0.2em}.ipad .merit .bg-whiteblue p.price .high{font-size:1.7em;margin-left:0.2em}.ipad .merit .bg-whiteblue span.yen{font-size:80%}.ipad .merit .bg-whiteblue .tradein{max-width:240px;margin:0 auto}.ipad .merit .bg-whiteblue .bg-blue{border-radius:5px;color:#fff;font-weight:bold;margin:0;padding:0.5em 0;font-size:0.9em;font-weight:normal}.ipad .merit .bg-whiteblue .bg-blue span{color:#ff0;font-size:150%;margin-left:3px;font-weight:bold}.ipad .preparation .btn{width:220px;margin-right:5px;margin-bottom:10px}.ipad .small{font-size:0.9em !important;color:#636363}
