@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{padding-top:80px;@media screen and (max-width:991px) { padding-top: 60px}} .wrap{.padding-footer-top { padding:0}} .tm-footer{position:static}@media screen and (max-width:1215px){.tm-footer{min-width:100%}.uk-container{width:100%;max-width:1200px}}@media screen and (max-width:991px){.tm-footer{min-width:100%}.uk-container{width:100%}}.dxsatei_wrap{font-size:18px;color:#333;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;@media screen and (max-width:991px) { font-size: 16px}h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd{margin:0;padding:0;font-family:"Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;line-height:1.7}a{color:#333;outline:none;text-decoration:none;transition:.3s;&:hover { @media (any-hover: hover) { color: #333;text-decoration:none}} } ul,ol{li { list-style-type:none}} img{max-width:100%;height:auto}.mrgB05{margin-bottom:5px}.mrgB10{margin-bottom:10px}.mrgB15{margin-bottom:15px}.mrgB20{margin-bottom:20px}.mrgB30{margin-bottom:30px}.br_pc,.br_tb,.br_sp{display:none}@media screen and (min-width: 992px){.br_pc{display:block}}@media screen and (min-width: 768px) and (max-width: 991px){.br_tb{display:block}}@media screen and (max-width: 767px){.br_sp{display:block}}.container{margin-inline:auto;padding-inline:15px;box-sizing:border-box}@media screen and (min-width: 1045px){.container{width:1030px}}@media screen and (min-width: 1245px){.container{width:1230px}}.grad_btn{width:fit-content;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(270deg, #fe9f3f 0%, #f06800 25%, #f06800 50%, #fe9f3f 100%);background-position:0% 50%;background-size:200% auto;border-radius:calc(infinity * 1px);font-weight:bold;box-sizing:border-box;@media screen and (max-width:991px) { width: 100%}&:hover{@media (any-hover:hover) { color: #fff;background-position:100% 50%}} img{@media screen and (min-width:992px) { transform: translateY(2px)}} } .header{width:100%;height:80px;padding:10px 30px;position:fixed;top:0;left:0;background:#fff;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.1);z-index:999;@media screen and (max-width:991px) { height: 60px;padding:10px 15px;gap:10px}} .header_navbox{display:flex;align-items:center}@media screen and (max-width:991px){.header_navbox{max-width:150px}}@media (any-hover: hover){.header_logo:hover{opacity:.7}}@media screen and (min-width:1261px){.header_logo{margin-right:30px}}@media screen and (min-width:992px) and (max-width:1260px){.header_logo{width:16vw;margin-right:20px}}.header_nav{display:flex;gap:30px}@media screen and (min-width:992px) and (max-width:1260px){.header_nav{gap:20px}}@media screen and (max-width:991px){.header_nav{display:none}}.header_nav a{font-size:16px;font-weight:bold;@media screen and (min-width:992px) and (max-width:1260px) { font-size: clamp(13px, 1.2vw, 14px)}&:hover{@media (any-hover:hover) { color: #64C3D5}} } .header_btn{padding:9px 30px 10px 30px}.header_btn img{max-height:16px;transform:translateY(0)}@media screen and (min-width:992px) and (max-width:1260px){.header_btn{font-size:16px}}@media screen and (max-width:1260px){.header_btn{padding:9px 20px 10px 20px}}@media screen and (max-width:991px){.header_btn{width:auto;padding:6px 15px 8px 15px}}@media screen and (max-width:767px){.header_btn{font-size:14px}}.mv{padding:50px 30px 120px 30px;background-image:url("/./../images/dxsatei-lp/mv_bg.svg");background-repeat:no-repeat;background-position:center bottom;background-size:cover;box-sizing:border-box;position:relative}@media screen and (min-width:992px){.mv{min-height:620px}}@media screen and (max-width:991px){.mv{padding:5vw 2vw 20vw 2vw;background-image:url("/./../images/dxsatei-lp/mv_bg_sp.svg");&::after { content: "";width:100%;height:39vw;position:absolute;right:0;bottom:0;z-index:1;background-image:url("/./../images/dxsatei-lp/rocket_sp.svg");background-repeat:no-repeat;background-position:center bottom;background-size:cover;pointer-events:none}}} .mv_wrap{max-width:1200px;display:flex;justify-content:space-between;gap:30px;margin-inline:auto}@media screen and (max-width:991px){.mv_wrap{max-width:80%;flex-direction:column-reverse;gap:20px}.mv_wrap img{width:100%}}@media screen and (max-width:500px){.mv_wrap{max-width:90%}}.mv_btn{padding:8px 50px 12px 50px;font-size:30px}@media screen and (max-width:991px){.mv_btn{padding:.4vw 1vw 1vw 1vw;font-size:5vw}.mv_btn img{width:4vw;transform:translateY(0.3vw)}}@media screen and (max-width:767px){.mv_btn{padding:8px 20px 12px 20px;font-size:24px}}.intro_txt{margin-top:40px;text-align:center;@media screen and (max-width:991px) { margin-top: 30px}} .intro_txt div{color:#64C3D5;font-size:30px;font-weight:bold;line-height:1.5;@media screen and (max-width:991px) { font-size: 20px}} .intro_txt div span{font-size:40px;position:relative}.intro_txt div span::after{content:"";display:block;width:100%;height:3px;position:absolute;left:0;bottom:0;background:#64C3D5}@media screen and (max-width:991px){.intro_txt div span{font-size:26px}}.about_row{display:flex;gap:50px;margin-top:60px;@media screen and (max-width:991px) { flex-direction: column}} .about_img{max-width:600px;flex-shrink:0}@media screen and (max-width:1245px){.about_img{max-width:500px}}@media screen and (max-width:991px){.about_img{max-width:100%}}.sec_ttl{.ttl_en, .ttl_ja {  display:block;font-weight:bold;line-height:1.5}.ttl_en{font-size:18px;font-family:"Roboto", sans-serif;color:#64C3D5;@media screen and (max-width:991px) { font-size: 16px}} .ttl_ja{font-size:30px;@media screen and (max-width:991px) { font-size: 24px}} } .about_recommend{padding:20px 30px;background:#eaf7fb;@media screen and (max-width:991px) { padding: 20px}span{font-size:16px;a { color:#64C3D5;text-decoration:underline;&:hover { @media (any-hover: hover) { text-decoration: none}} } } } .about_txt{word-break:auto-phrase}.revision{margin-top:50px;text-align:center;font-weight:bold;border-radius:5px;@media screen and (max-width:991px) { margin-top: 30px}div{padding:8px 15px 11px 15px;color:#fff;background:#f89f33;font-size:26px;@media screen and (max-width:991px) { padding: 6px 15px 8px 15px;font-size:22px}} p{padding:11px 15px 13px 15px;font-size:22px;background:#fff0de;@media screen and (max-width:991px) { font-size: 18px}span{color:#f89f33}} } .overview_area{margin-top:180px;padding-bottom:80px;background:#eaf7fb;position:relative;@media screen and (max-width:991px) {  margin-top: 18vw;padding-top:30px;padding-bottom:60px}&::before{content:"";width:100%;height:100px;position:absolute;bottom:100%;left:0;background-image:url("/./../images/dxsatei-lp/overview_arch.svg");background-repeat:no-repeat;background-position:center top;background-size:cover;@media screen and (max-width:991px) { height: 6vw}}  .sec_ttl{text-align:center}} .overview_block{&:not(:first-of-type) { margin-top: 60px;@media screen and (max-width:991px) { margin-top: 50px}} } .overview_row{display:flex;gap:30px;margin-top:30px;@media screen and (max-width:991px) { flex-direction: column;gap:20px;margin-top:15px}> li{flex:1;padding:30px;background:#fff;border-radius:10px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.1);@media screen and (max-width:991px) { padding: 20px}} .icon_list{display:flex;justify-content:center;gap:20px;@media screen and (max-width:991px) { gap: 10px}img{@media screen and (max-width:991px) { max-height: 65px}} } h3{font-size:26px;font-weight:bold;text-align:center;line-height:1.5;@media screen and (max-width:991px) { font-size: 22px}} } .overview_illust{margin-bottom:15px;text-align:center;img { @media screen and (max-width:991px) { max-height: 80px}} } .overview_list{text-indent:-1em;padding-left:1em;li { line-height:1.5;&:not(:first-of-type) { margin-top: 5px}} } .price_discount{border:2px solid #F89F33;font-weight:bold;text-align:center;div { padding:3px 5px 7px 5px;color:#fff;background:#f89f33;font-size:16px}p{padding:8px 10px 12px 10px;color:#f89f33;font-size:20px;@media screen and (max-width:1245px) { font-size: 18px}} } .feature_block{h3 { font-size:22px;@media screen and (max-width:991px) { font-size: 20px}} } .overview_copy{margin-top:40px;padding:11px 15px 13px 15px;color:#f89f33;background:#fff;font-size:30px;font-weight:bold;text-align:center;line-height:1.5;border:2px solid #f89f33;border-radius:10px;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.1);@media screen and (max-width:991px) { margin-top: 30px;font-size:22px}} .cta_area{padding:50px;background-image:url("/./../images/dxsatei-lp/cta_bg.svg");background-repeat:no-repeat;background-position:center center;background-size:cover;@media screen and (max-width:991px) { padding: 30px 15px;background-image:url("/./../images/dxsatei-lp/cta_bg_sp.svg")}} .cta_wrap{display:flex;justify-content:center;align-items:center;gap:80px;@media screen and (max-width:991px) { flex-direction: column-reverse;gap:10px}} .cta_txt{text-align:center;p { font-size:32px;font-weight:bold;color:#fff;@media screen and (max-width:991px) { font-size: 26px}} } .cta_btn{margin-top:20px;padding:8px 60px 12px 60px;font-size:36px;@media screen and (max-width:991px) { margin-top: 10px;padding:8px 20px 12px 20px;font-size:24px}} .cta_illust{img { @media screen and (max-width:991px) { max-height: 100px}} } .revision_area{padding-block:50px 60px;background:#eef7ff;overflow:hidden;@media screen and (max-width:991px) { padding-block: 40px 50px}} .revision_ttl{text-align:center;font-weight:bold;position:relative;z-index:3;h2 { font-size:30px;font-weight:bold;color:#277ec9;@media screen and (max-width:991px) { font-size: 24px}} p{font-size:20px;@media screen and (max-width:991px) { font-size: 18px}} } .revision_point{> li { margin-top:40px;position:relative;@media screen and (max-width:991px) { margin-top: 20px}&::before{content:"";width:300px;height:300px;background:#daebfa;position:absolute;top:-100px;left:-200px;border-radius:50%;z-index:0}&:last-of-type{&::before { left: auto;right:-200px}&::after{content:"";width:300px;height:300px;background:#daebfa;position:absolute;bottom:-100px;left:-200px;border-radius:50%;z-index:0}} } } .card{background:#fff;border-radius:10px;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);position:relative;z-index:1}.point_ttl_box{display:flex;align-items:center;gap:30px;padding:15px 30px;color:#fff;background:#277ec9;border-radius:10px 10px 0 0;@media screen and (max-width:991px) { gap: 20px;padding:10px 15px}h3{color:#fff;font-size:26px;font-weight:bold;@media screen and (max-width:991px) { font-size: 22px;line-height:1.5}} } .point_ttl{.point_ttl_en, .point_ttl_num { display:block;font-weight:bold;font-style:italic;line-height:1.1}.point_ttl_en{font-size:18px;@media screen and (max-width:991px) { font-size: 14px}} .point_ttl_num{font-size:40px;@media screen and (max-width:991px) { font-size: 30px}} } .point_content{padding:30px 40px 40px 40px;@media screen and (max-width:991px) { padding: 20px 15px 25px 15px}p{font-size:16px}} .point_block{margin-top:40px;@media screen and (max-width:991px) { margin-top: 30px}h4{margin-bottom:10px;font-size:22px;font-weight:bold;color:#277ec9;line-height:1.5}img{@media screen and (max-width:991px) { width: 100%}} } .point_row{display:flex;justify-content:space-between;gap:50px;@media screen and (max-width:991px) { flex-direction: column;gap:30px}} .point_row_img{max-width:400px;flex-shrink:0;@media screen and (max-width:991px) { max-width: 100%}} .point_check{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;li { width:calc(50% - 5px);padding:15px 20px;display:flex;align-items:center;background:#fff0de;font-size:20px;font-weight:bold;line-height:1.5;border-radius:5px;box-sizing:border-box;word-break:auto-phrase;@media screen and (max-width:991px) { width: 100%;padding:15px;font-size:18px}&::before{content:"";flex-shrink:0;width:30px;height:30px;display:inline-block;margin-right:10px;background-image:url("/./../images/dxsatei-lp/check.svg");background-repeat:no-repeat;background-position:center;background-size:contain;@media screen and (max-width:991px) { width: 24px;height:24px}} } } .qa_area{padding-block:60px;@media screen and (max-width:991px) { padding-block: 30px}.sec_ttl{text-align:center}} .qa_list{margin-top:25px;@media screen and (max-width:991px) { margin-top: 20px}li{padding:30px;background:#f5f8fa;border-radius:10px;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);@media screen and (max-width:991px) { padding: 20px}&:not(:first-of-type){margin-top:20px}} dt,dd{display:flex;align-items:baseline;gap:15px;@media screen and (max-width:991px) { gap: 10px}&::before{width:40px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;font-family:"Roboto", sans-serif;font-weight:bold;border:2px solid #64C3D5;box-sizing:border-box;@media screen and (max-width:991px) { width: 34px;height:34px}} } dt{&::before { content: "Q";color:#fff;background:#64C3D5}} dd{margin-top:15px;@media screen and (max-width:991px) { margin-top: 10px}&::before{content:"A";color:#64c3d5;background:#fff}} } .qa_other{margin-top:30px;text-align:center;@media screen and (max-width:991px) { word-break: auto-phrase}a{color:#64c3d5;font-weight:bold;text-decoration:underline;&:hover { @media (any-hover: hover) { text-decoration: none}} } } } .faq-pagetop{&:hover { @media (any-hover: hover) { text-decoration: none}