﻿.home-first-view{margin-top:70px}@media screen and (min-width: 769px){.home-first-view{margin-top:100px}.home-first-view .text-box{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:4.5rem 2rem 4.5rem 3rem}.home-first-view .text-box .luup-logo{margin-bottom:3rem}.home-first-view .first-view-image{overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;height:100%;max-height:1000px}.home-first-view .first-view-image img{height:100%;object-fit:cover}}@media screen and (max-width: 768px){.home-first-view .text-box{padding:1.5rem}}.home-first-view .title{transition:.5s;letter-spacing:-0.05em;line-height:1.4}.home-first-view .hero-body-foot{position:absolute;bottom:4.5rem;right:1rem}.home-first-view .luup-logo{display:inline-block;width:200px;height:58px;padding-left:2px}.home-first-view-b{margin-top:0}@media screen and (min-width: 769px){.home-first-view-b{margin-top:70px}}.home-first-view-b .first-view-image{height:100%;background-color:#869197}.home-first-view-b .first-view-image img{height:calc(100vh - 180px);height:calc(100dvh - 180px);object-fit:cover;opacity:0;transition:opacity .3s ease-out}.home-first-view-b .first-view-image img.is-loaded{opacity:1}@media screen and (min-width: 769px){.home-first-view-b .first-view-image img{height:100%}}.home-first-view-b .title{bottom:73%;left:0;right:0;padding-left:12px;margin:0 auto -3em;width:fit-content;color:#fff;font-weight:700;font-size:28px;line-height:1.5;text-align:center}@media screen and (min-width: 769px){.home-first-view-b .title{font-weight:600;line-height:1.63;letter-spacing:30%;text-align:left}}@media screen and (min-width: 1024px){.home-first-view-b .title{padding-left:20px;margin:0 auto -2em;font-size:42.67px}}.home-first-view-b .luup-logo{width:18vw;max-width:240px;height:auto;margin-bottom:0;padding-bottom:100px}.home-first-view-b .sidebar{width:360px}.home-first-view-b .sidebar .text-box{padding:1.2rem 0 8px 2rem}.home-first-view-b .download-button-box .download-button-info{font-weight:700;font-size:12px;line-height:22px;letter-spacing:5%;color:#fff;background-color:#f76700;box-shadow:0 4px 12px 0 rgba(0,0,0,.25);border-radius:20px;width:fit-content;padding:5px 16px;margin-bottom:12px}.home-first-view-b .download-button-box .download-button-info::before{content:"";position:absolute;bottom:-3px;left:24px;border-top:3px solid rgba(0,0,0,0);border-right:3px solid #f76700;border-left:3px solid rgba(0,0,0,0);border-bottom:3px solid #f76700;transform:rotate(45deg);border-radius:2px}.home-first-view-b .campaign-list-box{margin-top:-2.5rem}.home-first-view-b .campaign-list-title{font-weight:600;font-size:15px;letter-spacing:0%;padding:10px 12px 1px 1.5rem;background-color:#fff;display:inline-flex;border-top-right-radius:12px}@media screen and (min-width: 769px){.home-first-view-b .campaign-list-title{padding:0}}.home-first-view-b .campaign-list{overflow-x:scroll;overflow-y:clip;margin-bottom:3rem;padding:18px 1.5rem;background-color:#fff}@media screen and (min-width: 769px){.home-first-view-b .campaign-list{margin-bottom:2.5rem;padding:.5rem 0}}.home-first-view-b .campaign-list .campaign-link{display:block;width:250px;border:1px solid var(--Gray-Gray-95, rgb(236, 237, 240));border-radius:16px;overflow:hidden}.page-template-page-service .content-section{border-top:0}@media screen and (max-width: 768px){.page-template-page-service .content-section{padding-bottom:0}}.page-template-page-service .content-section .button{background-color:#f7f7f7}@media screen and (max-width: 768px){.page-template-page-service .content-section .button{padding-top:calc(1.75em - 1px);padding-bottom:calc(1.75em - 1px)}.page-template-page-service .content-section .button .text{font-size:11px}}.page-template-page-service .content-section .button:hover{background-color:hsl(0,0%,21%)}@media screen and (min-width: 769px){.page-template-page-service .service-section{padding-bottom:10rem}}.page-template-page-service .service-section .container{z-index:1}.page-template-page-service .service-section h2+.content{margin-bottom:2rem}@media screen and (min-width: 769px){.page-template-page-service .service-section h2+.content{margin:5rem}}.page-template-page-service .service-section .service-image{margin-bottom:3rem}@media screen and (min-width: 769px){.page-template-page-service .service-section .service-image{margin-bottom:10rem}}.page-template-page-service .service-section .service-item{border-top:solid 1px #ddd}.page-template-page-service .service-section .service-item:last-child{border-bottom:solid 1px #ddd}@media screen and (max-width: 768px){.page-template-page-service .service-section .service-item .content{margin-top:1.5rem;margin-bottom:1.5rem}.page-template-page-service .service-section .service-item .image{margin-bottom:1.5rem}}@media screen and (min-width: 769px){.page-template-page-service .service-section .service-item .content{margin-right:1.5rem}.page-template-page-service .service-section .service-item .image{margin-top:3rem;margin-bottom:3rem}}@media screen and (min-width: 769px){.page-template-page-service .service-section .price-section{margin-top:10rem}}.page-template-page-service .service-section .price-box{padding:2.5rem 1.5rem}@media screen and (min-width: 769px){.page-template-page-service .service-section .price-box{padding:3rem}}.page-template-page-service .service-section .price-formula{margin-bottom:1.5rem}.page-template-page-service .service-section .price-formula .variable-box{display:inline-block}@media screen and (max-width: 916px){.page-template-page-service .service-section .price-formula{display:flex;justify-content:flex-start;align-items:end;gap:.75rem}.page-template-page-service .service-section .price-formula .icon{margin-top:10px;margin-bottom:14px}}@media screen and (min-width: 917px){.page-template-page-service .service-section .price-formula{margin-bottom:2rem}.page-template-page-service .service-section .price-formula .icon{height:3rem;width:3rem;margin-left:1.5rem;margin-right:1.5rem}}.page-template-page-service .service-section .attention-list{margin-left:1em}.page-template-page-service .service-section .attention-list li{text-indent:-1em;line-height:1.5}.page-template-page-service .service-section .attention-list li::before{content:"※"}.page-template-page-service .service-section .luup-border{top:840px}@media screen and (min-width: 769px){.page-template-page-service .service-section .luup-border{top:460px}}.page-template-page-service .service-section .luup-border.bottom{top:initial;bottom:40px}@media screen and (min-width: 769px){.page-template-page-service .service-section .luup-border.bottom{bottom:-60px}}.page-template-page-service .usage-section{border-top:solid 1px #ddd;padding-top:5rem}@media screen and (min-width: 769px){.page-template-page-service .usage-section{padding-top:12rem}}.page-template-page-service .usage-section .movie-box{border-top:solid 1px #ddd;margin-top:3rem;margin-bottom:3rem;padding-top:2rem;padding-bottom:2rem}@media screen and (min-width: 769px){.page-template-page-service .usage-section .movie-box{margin-top:5rem;padding-top:5rem;padding-bottom:5rem}}.page-template-page-service .usage-section .movie{width:calc(100vw - 3rem);max-width:calc(100vw - 3rem)}@media screen and (min-width: 769px){.page-template-page-service .usage-section .movie{width:800px}}.page-template-page-service .usage-section .movie iframe{max-width:100%}.page-template-page-service .usage-section .step-list .column:has(+.column)::after{content:"";position:absolute;top:.5rem;right:-1.5rem;width:3rem;height:3rem;display:block;background-image:url(/wp-content/themes/luup-2023/assets/img/arrow-large-right.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.page-template-page-service .usage-section .step-list .image{margin-top:-7%;margin-bottom:-7%}@media screen and (max-width: 768px){.page-template-page-service .usage-section .step-list .image{margin-top:-6%;margin-bottom:-6%}.page-template-page-service .usage-section .step-list .column{margin-bottom:1rem}.page-template-page-service .usage-section .step-list .column:has(+.column)::after{top:inherit;bottom:-2.5rem;right:50%;width:3rem;height:3rem;transform:translateX(50%) rotate(90deg)}.page-template-page-service .usage-section .step-list .note{text-align:center}}.page-template-page-service .usage-section .luup-border{top:-90px}@media screen and (min-width: 769px){.page-template-page-service .usage-section .luup-border{top:-90px}}.page-template-page-service .mobility-section{padding-top:5rem;border-top:solid 1px #ddd}@media screen and (min-width: 769px){.page-template-page-service .mobility-section{padding-bottom:7rem}}.page-template-page-service .mobility-section .container{z-index:1}@media screen and (min-width: 769px){.page-template-page-service .mobility-section .description{margin:5rem}}@media screen and (min-width: 769px){.page-template-page-service .mobility-section .product-type{margin-top:1rem;margin-bottom:1rem}}@media screen and (min-width: 769px){.page-template-page-service .rules-section{border-top:solid 1px #ddd;padding-top:10rem}}.page-template-page-service .rules-section .button{width:440px;max-width:100%}@media screen and (min-width: 769px){.page-template-page-service .rules-section .block{margin-top:5rem;margin-left:3rem}}@media screen and (max-width: 768px){.page-template-page-service .rules-section .button{width:100%}.page-template-page-service .rules-section .image{margin-bottom:2rem}}.page-template-page-service .owner-intro-section .luup-border{display:none}
