#mainImg{background:url(../img/mainImg_bg.webp) var(--brown900) no-repeat center top;background-size:100% auto;padding:8rem 0 10rem;color:var(--white100);text-align:center}
#mainImg .company{text-shadow:0 1rem 2rem rgba(0,0,0,.8);margin-bottom:15rem}
#mainImg .company p{font-size:2rem;margin-bottom:1rem}
#mainImg .company img{width:23.2rem}
#mainImg .catch{line-height:1.3;letter-spacing:-.05em;text-shadow:0 1rem 2rem rgba(0,0,0,.8)}
#mainImg .catch .sub{font-size:4.5rem;margin-bottom:5rem}
#mainImg .catch .main{font-size:6.4rem}
#mainImg .catch .main em{display:block;font-size:7.8rem}
#mainImg .btn{margin-top:26rem}
#mainImg .present{margin-top:10rem}
#question{background:url(../img/question_bg.webp) no-repeat center top;background-size:cover!important;padding:25rem 0 12rem;color:var(--white100)}
#question h2.ttl{display:flex;align-items:center;justify-content:center;width:100%;font-size:6.2rem;writing-mode:vertical-rl;font-weight:var(--fontMedium);letter-spacing:.1em;text-shadow:0 1rem 2rem rgba(55,71,110,.5);margin-bottom:20rem}
#question p.txt{font-size:3rem;text-shadow:0 1rem 2rem rgba(55,71,110,.5);line-height:2}
#facility{padding-top:9rem}
#facility .swiper{margin-top:10rem;overflow:visible}
#facility .swiper .swiper-wrapper .swiper-slide{transition:transform .5s var(--easeOutCubic),opacity .3s;transform:scale(.9);opacity:.5}
#facility .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{transform:scale(1);opacity:1}
#facility .swiper .swiper-pagination{bottom:-4rem;line-height:0}
#facility .swiper .swiper-pagination span{width:1rem;height:1rem;border:1px solid var(--gold500);background:0 0;opacity:1}
#facility .swiper .swiper-pagination span.swiper-pagination-bullet-active{background:var(--gold500)}
#facility .swiper .swiper-button-next,#facility .swiper .swiper-button-prev{width:5.6rem;height:5.6rem;background:url(../img/i_swiper_arr.webp) no-repeat center;background-size:100% auto;border-radius:10rem;overflow:clip;border:1px solid var(--gold500)}
#facility .swiper .swiper-button-next:after,#facility .swiper .swiper-button-prev:after{display:none}
#facility .swiper .swiper-button-prev{left:-2.8rem;transform:scale(-1,1)}
#facility .swiper .swiper-button-next{right:-2.8rem}
#condominium{padding:15rem 0;text-align:center}
#condominium .swiper{margin-top:10rem;overflow:visible}
#condominium .swiper .swiper-wrapper .swiper-slide{transition:transform .5s var(--easeOutCubic),opacity .3s;transform:scale(.9);opacity:.5;line-height:1.2}
#condominium .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{transform:scale(1);opacity:1}
#condominium .swiper .swiper-wrapper .swiper-slide h4.name{font-size:3.4rem;margin-top:6.5rem}
#condominium .swiper .swiper-wrapper .swiper-slide p.cap{font-size:2.4rem;margin-top:1.5rem}
#condominium .swiper .swiper-pagination{top:59rem;bottom:auto;line-height:0}
#condominium .swiper .swiper-pagination span{width:1rem;height:1rem;border:1px solid var(--gold500);background:0 0;opacity:1}
#condominium .swiper .swiper-pagination span.swiper-pagination-bullet-active{background:var(--gold500)}
#condominium .swiper .swiper-button-next,#condominium .swiper .swiper-button-prev{top:25.5rem;margin-top:0;width:5.6rem;height:5.6rem;background:url(../img/i_swiper_arr.webp) no-repeat center;background-size:100% auto;border-radius:10rem;overflow:clip;border:1px solid var(--gold500)}
#condominium .swiper .swiper-button-next:after,#condominium .swiper .swiper-button-prev:after{display:none}
#condominium .swiper .swiper-button-prev{left:-2.8rem;transform:scale(-1,1)}
#condominium .swiper .swiper-button-next{right:-2.8rem}
#pet{padding:54rem 0 10rem;background:url(../img/pet_bg.webp) no-repeat center top;background-size:98rem auto}
#pet picture.img{margin-top:4rem;text-align:center}
#pet picture.img img{width:59rem}
#case{padding:8rem 0 10rem;background:var(--gold500);color:var(--white100)}
#case .swiper{margin:4rem -8rem 0;overflow:visible}
#case .swiper .swiper-wrapper .swiper-slide{height:auto;padding:0 8rem}
#case .swiper .swiper-wrapper .swiper-slide .inner{height:100%;padding:5rem 4rem;background:var(--ivory100);color:var(--gold500);text-align:center}
#case .swiper .swiper-wrapper .swiper-slide .inner h3.hd{height:7.4rem;margin-bottom:3rem;padding-top:.4rem;font-size:3.6rem;color:var(--gold500);background:url(../img/case_swiper_hd_bg.webp) no-repeat center;background-size:52rem auto}
#case .swiper .swiper-wrapper .swiper-slide .inner p.catch{font-size:3.2rem;font-weight:var(--fontBold);line-height:1.5}
#case .swiper .swiper-wrapper .swiper-slide .inner .box{display:flex;position:relative;margin-top:3rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .imgBox{flex-shrink:0;width:34.8rem;margin-right:4rem;padding-top:1rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox{width:100%}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.reason,#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.voice{font-weight:var(--fontBold)}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.reason dt,#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.voice dt{font-size:3rem;margin-bottom:1rem;padding-bottom:.5rem;background:url(../img/i_hd_bg.webp) no-repeat center bottom;background-size:100% .6rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.reason dd,#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.voice dd{color:var(--brown500);font-size:2rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.voice{flex-grow:1;margin-top:3rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info{position:absolute;top:24.5rem;left:0;z-index:10;width:34.8rem;padding:2rem 3rem;color:var(--white100);background:var(--gold500);font-size:2rem;text-align:left}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info dl{display:flex}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info dl dt{flex-shrink:0;width:10rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info dl dd{border-left:2px solid #d2c69f;padding-left:2rem}
#case .swiper .swiper-button-next,#case .swiper .swiper-button-prev{width:5.6rem;height:5.6rem;background:url(../img/i_swiper_arr.webp) no-repeat center;background-size:100% auto;border-radius:10rem;overflow:clip;border:1px solid var(--gold500)}
#case .swiper .swiper-button-next:after,#case .swiper .swiper-button-prev:after{display:none}
#case .swiper .swiper-button-prev{left:5rem;transform:scale(-1,1)}
#case .swiper .swiper-button-next{right:5rem}
#merit{padding:8rem 0}
#merit ol.list{margin-top:5rem;color:var(--gold500);text-align:center}
#merit ol.list li{position:relative;border:3px solid var(--gold500);padding:.5rem}
#merit ol.list li:after,#merit ol.list li:before{content:'';position:absolute;margin:auto;top:-.9rem;width:11rem;height:10.8rem;background:url(../img/merit_frame_obj.webp) no-repeat center;background-size:100% auto}
#merit ol.list li:before{left:-.9rem}
#merit ol.list li:after{right:-.9rem;transform:scale(-1,1)}
#merit ol.list li+li{margin-top:5rem}
#merit ol.list li .inner{padding:2.5rem 2.5rem 3rem;border:1px solid var(--gold500)}
#merit ol.list li .inner:after,#merit ol.list li .inner:before{content:'';position:absolute;margin:auto;bottom:-.9rem;width:11rem;height:10.8rem;background:url(../img/merit_frame_obj.webp) no-repeat center;background-size:100% auto}
#merit ol.list li .inner:before{left:-.9rem;transform:scale(1,-1)}
#merit ol.list li .inner:after{right:-.9rem;transform:scale(-1,-1)}
#merit ol.list li .num{padding-bottom:2rem;margin-bottom:.5rem;font-size:4.8rem;font-weight:var(--fontBold);line-height:1;background:url(../img/merit_number_bg.webp) no-repeat center bottom;background-size:8.4rem auto}
#merit ol.list li h3.hd{font-size:3rem;padding-bottom:1.5rem;margin-bottom:2rem;background:url(../img/i_hd_bg.webp) no-repeat center bottom;background-size:100% .6rem}
#merit ol.list li p.txt{font-size:2rem;font-weight:var(--fontMedium)}
#reason{padding:8rem 0 10rem;background:var(--gold500);color:var(--white100)}
#reason ul.list{display:grid;grid-template-columns:repeat(3,minmax(0,33.3333333333%));column-gap:1rem;row-gap:1rem;margin-top:4rem}
#reason ul.list li{min-height:20.6rem;background:var(--gray300);color:var(--brown500);padding:2rem 3rem 2.5rem}
#reason ul.list li h3{margin-bottom:1rem;color:var(--gold500);text-align:center;font-size:2.6rem;padding-bottom:.8rem;background:url(../img/i_hd_bg.webp) no-repeat center bottom;background-size:auto .4rem}
#reason ul.list li p.txt{font-size:2.2rem;line-height:1.4;font-weight:var(--fontMedium);text-align:justify;text-justify:inter-ideograph}
#service{padding:8rem 0 10rem;text-align:center}
#service ul.list{margin-top:4rem;border:2px solid var(--gold500);background:var(--gray300);padding:6rem;color:var(--gold500);line-height:1.5}
#service ul.list li{display:flex;align-items:center;border-bottom:1px dotted var(--gold500);padding:0 0 1rem}
#service ul.list li+li{margin-top:6rem}
#service ul.list li h3{flex-shrink:0;width:29rem;font-size:3rem}
#service ul.list li p{width:100%;font-size:2.4rem;font-weight:var(--fontMedium);text-align:left}
#service p.notes{margin-top:2rem;font-size:2.2rem}
#cta{background:url(../img/cta_bg.webp) var(--brown900) no-repeat center top;background-size:100% auto!important;padding:18rem 0 10rem}
#cta h2.ttl{text-align:center;font-size:3rem;color:var(--white100);line-height:1.4;margin-bottom:3rem;text-shadow:0 1rem 2rem rgba(0,0,0,.8)}
#cta .present{margin-top:23rem}
#footer .company{padding:10rem 0;background:var(--gold500);color:var(--white100);text-align:center}
#footer .company p{font-size:2rem;margin-bottom:1rem}
#footer .company img{width:23.2rem}
#footer .copyright{color:var(--white100);background:var(--brown900);font-size:1.5rem;text-align:center;padding:1rem 0 19rem}
#fixedCta{position:fixed;bottom:0;left:0;z-index:50;width:100%;transition:transform .5s var(--easeOutCubic);transform:translateY(100%);text-align:center}
#fixedCta.is-show{transform:translateY(0)}
#fixedCta .wrapper{margin:0 auto;background:var(--brown900);padding:2rem 0}
#fixedCta a{display:inline-block}
@media screen and (max-width:1100px){
#mainImg{background-size:192rem auto}
#pet{padding:62rem 0 10rem;background-size:100% auto}
}
@media screen and (max-width:767px){
#mainImg{background:url(../img/mainImg_bg@sp.webp) var(--brown900) no-repeat center top;background-size:100% auto}
#mainImg .catch .main em{font-size:7.4rem}
#question{background:url(../img/question_bg@sp.webp) no-repeat center top}
#question h2.ttl{font-size:4.8rem}
#question p.txt{font-size:2.8rem}
#pet{padding:45rem 0 10rem}
#pet picture.img img{width:100%}
#case .swiper{margin:10rem -8rem 0}
#case .swiper .swiper-wrapper .swiper-slide .inner{display:flex;flex-direction:column;padding:3.5rem}
#case .swiper .swiper-wrapper .swiper-slide .inner h3.hd{margin-bottom:2rem;background-size:100% auto}
#case .swiper .swiper-wrapper .swiper-slide .inner p.catch{font-size:2.8rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box{flex-grow:1;display:flex;flex-direction:column;margin-top:3rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .imgBox{width:100%;margin:0;padding:0}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox{flex-grow:1;margin-top:3rem;display:flex;flex-direction:column}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.reason dt,#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox dl.voice dt{background-size:100% auto}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info{position:static;width:auto;margin-top:4rem;padding:2rem 6rem;font-size:1.8rem}
#case .swiper .swiper-wrapper .swiper-slide .inner .box .txtBox .info dl dt{width:13rem}
#merit ol.list li h3.hd{background-size:100% auto}
#reason ul.list{grid-template-columns:repeat(2,minmax(0,50%));column-gap:1rem;row-gap:1rem}
#reason ul.list li{padding:1.5rem 2.5rem 2.5rem 2.5rem}
#reason ul.list li h3{font-size:2.4rem;background-size:100% auto;padding-bottom:0}
#reason ul.list li p.txt{font-size:2rem}
#service ul.list{padding:1.5rem 4rem}
#service ul.list li{display:block;padding:2.5rem 0}
#service ul.list li+li{margin-top:0}
#service ul.list li:last-child{border-bottom:none}
#service ul.list li h3{width:auto}
#service ul.list li p{text-align:center}
#cta{background:url(../img/cta_bg@sp.webp) var(--brown900) no-repeat center top;padding:8rem 0 5rem}
#cta .present{margin-top:13rem}
#fixedCta .wrapper{width:var(--width)}
}