.main{width:100%;height:500px;background-color:#039;overflow:hidden}.main .main--visual{width:1400px;height:500px;margin:auto;margin-left:calc(50% - 700px)}.main .main--visual img{max-width:1400px;aspect-ratio:1400/500}.topics--area{display:flex;align-items:center;margin:60px 0 30px}.topics--area .topics--title{font-size:24px;font-weight:700;width:200px}.topics--area .topics--list{width:calc(100% - 200px);border-bottom:1px solid #b2b2b2}.topics--area .topics--list .list{display:flex;align-items:center;gap:10px;border-top:1px solid #b2b2b2;padding-top:12px;padding-bottom:12px}.topics--area .topics--list .list .topics--day{font-size:12px;font-weight:500;width:75px}.topics--area .topics--list .list .cate{width:96px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#b2b2b2;color:#fff}.topics--area .topics--list .list .headline{font-size:14px;display:flex;width:calc(100% - 96px - 75px);line-height:1.45}section a.to_topics{margin:0 auto 30px}section{padding:70px 0}section.newtopics{padding:0}section:nth-of-type(even){background:#f0f0f0}section#contact{background:#fff}section .section--title{display:flex;justify-content:center;font-size:34px;position:relative;padding-bottom:21px;line-height:1.5}section .section--title:before,section .section--title:after{content:"";position:absolute;display:block;bottom:0;right:0;left:0;margin:auto;width:30px;height:4px}section .section--title:before{background:#e20f17;transform:translateX(-15px)}section .section--title:after{background:#039;transform:translateX(15px)}section .section--title+*{margin-top:50px}section .content--title{font-size:28px;font-weight:700;position:relative;padding-left:10px;line-height:1.5}section .content--title:before,section .content--title:after{content:"";position:absolute;display:block;top:0;left:0;width:4px}section .content--title:before{height:100%;background:#e20f17}section .content--title:after{height:calc(100% - 12px);top:12px;background:#039}section .special--banner{display:block;width:fit-content;margin:50px auto 0}section .special--banner img{aspect-ratio:960/300;max-width:960px}section .point--title{display:flex;flex-direction:column;gap:5px}section .point--title .in--title{display:flex}section .point--title .in--title .in--item{font-size:34px;font-weight:700;display:flex;background:#039;color:#fff;padding:.4rem .4rem .5rem}section .point--title .in--title .in--item.pt{background:#e20f17}section .point--title+*{margin-top:50px}section .point--area .point{display:flex;gap:40px}section .point--area .point .point--img img{aspect-ratio:413/305;max-width:413px}section .point--area .point .point--text__area{width:calc(100% - 413px)}section .point--area .point .point--text__area .point--tl{font-size:28px;font-weight:700;position:relative;padding-left:20px;line-height:1.5}section .point--area .point .point--text__area .point--tl:before,section .point--area .point .point--text__area .point--tl:after{content:"";position:absolute;display:block;top:0;left:0;width:4px}section .point--area .point .point--text__area .point--tl:before{height:100%;background:#e20f17}section .point--area .point .point--text__area .point--tl:after{height:calc(100% - 12px);top:12px;background:#039}section .point--area .point .point--text__area .point--text{font-size:16px;line-height:1.875;color:#5c5c5c;margin-top:34px}section .point--area .point:nth-of-type(2) .point--img{order:2}section .point--area .point:nth-of-type(2) .point--text__area{order:1}section .point--area .point+.point{margin-top:50px}section .test--drive__list{display:flex;flex-wrap:wrap;gap:40PX 30PX}section .test--drive__list .list{width:calc((100% - 60px) / 3);border:1px solid #b2b2b2;padding:40px 30px}section .test--drive__list .list .item .car--neme{display:flex;align-items:center;gap:14px}section .test--drive__list .list .item .car--neme .category{width:64px;height:30px;display:flex;align-items:center;justify-content:center;background:#25b578;color:#fff;font-size:14px;font-weight:500}section .test--drive__list .list .item .car--neme .category.category2{background:#fb965a}section .test--drive__list .list .item .car--neme .name{font-size:20px;font-weight:700;flex:1}section .test--drive__list .list .item .car--img{margin-top:30px}section .test--drive__list .list .item .car--info__area{margin-top:30px}section .test--drive__list .list .item .car--info__area .car--info{font-size:14px;font-weight:500;line-height:1.42;color:#5c5c5c}section .test--drive__list .list .item .car--detail__area .car--detail{text-align:center;margin:40px 0 20px}section .test--drive__list .list .item .common--btn{margin:auto;margin-top:17px}section .test--drive__list .list .item .car--reserve__btn{width:228px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;position:relative;background:red;border-radius:45px;color:#fff;margin:auto;margin-top:20px;background:linear-gradient(to right,#fc0 0%,#ff579a 100%)}section .test--drive__list .list .item .car--reserve__btn:after{content:"";position:absolute;display:block;top:1px;right:10px;bottom:0;margin:auto;transform:rotate(45deg);width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff}section .car--dataile__list{margin:auto;margin-top:50px}section .case--list{display:flex;gap:30px;width:100%}section .case--list .list .case--img img{aspect-ratio:644/440;max-width:322px}section .case--list .list .shop--name{font-size:16px;font-weight:500;margin-top:20px}section .case--list .list .car--type{display:flex;gap:1px;margin-top:10px}section .case--list .list .car--type .cate--title{font-size:16px;font-weight:500}section .case--list .list .car--type .car--name{font-size:16px;font-weight:500}section .case--list .list .car--list__info p a{text-decoration:underline}section .car--list_for{margin:auto;margin-top:50px;background:#fff}section.oldcar .wrap{width:800px;margin:0 auto}section.oldcar .wrap .text{text-align:center;margin:50px 0 30px}section.oldcar .wrap img{width:100%}section.oldcar .wrap a.common--btn{margin:50px auto 0}section .staff--list{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:30px}section .staff--list .staff{width:240px}section .staff--list .staff .staff--img img{aspect-ratio:468/612;max-width:234px}section .staff--list .staff .staff--info .staff--name{font-size:20px;font-weight:700;margin-top:16px;color:#5c5c5c}section .staff--list .staff .staff--info .message--title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;margin-top:16px;color:#5c5c5c}section .staff--list .staff .staff--info .message--title:after{content:"";display:block;width:44px;height:1px;background:#b2b2b2}section .staff--list .staff .staff--info .message{font-size:14px;font-weight:500;margin-top:15px;line-height:1.45;color:#5c5c5c}section .test--drive__flow{width:100%;max-width:700px;margin:auto;margin-top:50px;display:flex;flex-direction:column;gap:20px;position:relative}section .test--drive__flow:before{content:"";position:absolute;display:block;top:0;left:60px;width:13px;height:100%;background:#039}section .test--drive__flow .list{width:100%;display:flex;gap:30PX;padding:20PX 30PX;background:#fff;border:1px solid #b2b2b2;position:relative;z-index:1}section .test--drive__flow .list .flow--icon{width:70px}section .test--drive__flow .list .flow--icon img{aspect-ratio:140/140;max-width:70px}section .test--drive__flow .list .flow--text{width:calc(100% - 70px - 30px)}section .test--drive__flow .list .flow--text .in--text{font-size:16px;line-height:1.875}section .faq--list__area{display:flex;flex-wrap:wrap;gap:22px 32px}section .faq--list{width:calc((100% - 32px) / 2);border-bottom:1px solid #b2b2b2;padding-bottom:15px}section .faq--list:nth-of-type(2),section .faq--list:nth-of-type(1){border-top:1px solid #b2b2b2;padding-top:15px}section .faq--list .list .faq--text{font-size:20px;font-weight:700;padding-left:60PX;position:relative;line-height:1.75}section .faq--list .list .faq--text:after{content:"";position:absolute;display:block;top:0;left:0;width:40px;height:40px;background:url(//suzuki-hyogo-shijousha.com/tanba/wp-content/themes/s61_wp/assets/css/../images/top/icon_q.png) no-repeat left top;background-size:cover}section .faq--list .list .answer--text{font-size:16px;line-height:1.875;margin-top:10PX}section .shop--info__area{display:grid}section .shop--info__area .shop--img{width:50vw;margin:0 calc(50% - 50vw);grid-column:1/2;grid-row:1/2}section .shop--info__area .shop--info{width:50%;grid-column:1/2;grid-row:1/2;margin-left:auto;padding:20px 30px}section .shop--info__area .shop--info .shop--name{font-size:20px;font-weight:700;line-height:1.75}section .shop--info__area .shop--info .shop--name+*{margin-top:33px}section .shop--info__area .shop--info .shop--info__text{font-size:14px;line-height:2;color:#5c5c5c}section .shop--gallery__area{width:100%;display:flex;flex-wrap:wrap;gap:40px;margin-top:40px}section .shop--gallery__area .shop--gallery{width:calc((100% - 40px) / 2)}section .shop--gallery__area .shop--gallery .gallery--img{aspect-ratio:986/500}section .shop--gallery__area .shop--gallery .gallery--caption{font-size:16px;font-weight:500;margin-top:10px}section#accessmap{background:#fff;padding-top:0}section#accessmap .content--title{max-width:1026px;margin:auto}section .map--area{width:100%;margin:0 auto;display:flex;margin-top:40px}section .map--area #map_space,section .map--area .map--img{width:50%}section .map--area #map_space iframe,section .map--area .map--img img{width:100%;aspect-ratio:700/450;height:auto}section .reservation{width:100%}section .reservation .float--cap{width:277px;height:51px;background:url(//suzuki-hyogo-shijousha.com/tanba/wp-content/themes/s61_wp/assets/css/../images/top/reservation_ballon.png) no-repeat left top;background-size:cover;display:flex;padding:12px 10px 10px;font-size:16px;font-weight:500}section .reservation .float--cap .in--txt{color:#e20f17;font-size:16px;font-weight:500}section .reservation .reservation--title{font-size:28px;font-weight:700;line-height:1.75;border-top:2px solid #314059;border-bottom:1px solid #314059;padding:8px 0;display:flex;align-items:center;gap:13px}section .reservation .reservation--title .in--add{font-size:16px;font-weight:500;color:#5c5c5c}section .reservation .reservation--title+*{margin-top:20px}section .reservation .tel{display:flex;align-items:flex-end;margin-top:15px}section .reservation .tel .tel--cap{font-size:24px;font-weight:700}section .reservation .tel .tel--number{font-size:34px;font-weight:700}section .reservation .tel+*{margin-top:11px}section .reservation .line--area{display:flex;justify-content:center;margin-top:27px}section .reservation .line--area .line--qr{display:flex;justify-content:center;align-items:center;gap:20px}section .reservation .line--area .line--qr img{aspect-ratio:125/125;max-width:125px}section .reservation .line--area .line--qr .line--id{font-size:14px;width:fit-content}section .reservation .line--area .line--btn{display:none}section .reservation--area{display:flex;flex-wrap:wrap;gap:40px}section .reservation--area+*{margin-top:40px}.reservation .form--area.gray{background:#f0f0f0;margin:30px 0 15px;padding:30px 40px}.reservation .form--area.gray .form--style:first-child{border-top:none}.reservation .form--area.gray .form--style:last-child{border-bottom:none}.reservation .form--area .form--style.way{border-top:none}.reservation .form--area .form--style.way .input--area.item{flex-direction:row}section .reservation--area .reservation{width:calc((100% - 40px) / 2)}.service--banner{display:flex;gap:30PX;width:100%}.service--banner .list .item{display:block}.service--banner .list .item img{aspect-ratio:322/200;max-width:322px}.banner01{background:url(//suzuki-hyogo-shijousha.com/tanba/wp-content/themes/s61_wp/assets/css/../images/top/banner_01_bg.jpg) no-repeat center center;background-size:cover;position:relative}.banner01 img{aspect-ratio:733/350;max-width:733px;margin:auto}@media screen and (min-width:768px){.banner01 span.number{position:absolute;font-size:74px;font-weight:700;color:#e20f17;right:calc(50% + 30px);top:95px;font-family:'Noto Sans JP',sans-serif}.banner01 span.year{position:absolute;font-size:14px;color:#222;left:calc(50% - 50px);bottom:40px}}.grecaptcha-badge{bottom:114px!important;z-index:5}@media screen and (max-width:767px){.sp{display:block}.main{height:auto;background-color:#039;margin-bottom:10vw}.main .main--visual{width:100%;height:auto;margin:auto}.main .main--visual img{max-width:100%;aspect-ratio:375/500}section{padding:50px 0}section:nth-of-type(1){padding:0}section .section--title{font-size:6.5vw;text-align:center}section .section--title:before,section .section--title:after{width:25px}section .section--title:before{transform:translateX(-12.5px)}section .section--title:after{transform:translateX(12.5px)}section .section--title+*{margin-top:25px}section .special--banner img{max-width:90%;margin:auto}section .point--title{gap:10px}section .point--title .in--title{flex-wrap:wrap;gap:10px 0}section .point--title .in--title .in--item{font-size:5.5vw}section .point--area .point{flex-direction:column;gap:40px}section .point--area .point .point--img{display:flex;width:100%;justify-content:center}section .point--area .point .point--img img{aspect-ratio:413/305;max-width:325px}section .point--area .point .point--text__area{width:100%}section .point--area .point .point--text__area .point--tl{font-size:5.5vw}section .point--area .point .point--text__area .point--text{font-size:3.5vw;margin-top:11px}section .point--area .point+.point{margin-top:35px}section .point--area .point:nth-of-type(2) .point--img{order:1}section .point--area .point:nth-of-type(2) .point--text__area{order:2}section .test--drive__list{display:flex;flex-wrap:wrap;flex-direction:column;gap:40PX 30PX}section .test--drive__list .list{width:100%;padding:15px}section .test--drive__list .list .item{display:flex;flex-wrap:wrap}section .test--drive__list .list .item .car--neme{width:100%;order:1}section .test--drive__list .list .item .car--neme .name{font-size:4.5vw}section .test--drive__list .list .item .car--img{width:50%;order:2;margin-top:20px}section .test--drive__list .list .item .info--btn__area{width:48%;margin-left:2%;order:3;display:flex;flex-direction:column;justify-content:center;gap:10px}section .test--drive__list .list .item .info--btn__area .car--detail{width:100%}section .test--drive__list .list .item .info--btn__area .car--detail a{width:100%}section .test--drive__list .list .item .info--btn__area .common--btn{width:175px;height:40px;margin-top:20px}section .test--drive__list .list .item .info--btn__area .car--reserve__btn{width:100%;height:40px;font-size:4vw;border-radius:5px;margin:0}section .test--drive__list .list .item .car--detail__area.pc{display:none}section .test--drive__list .list .item .car--info__area{width:100%;order:4;margin-top:20px}section .case--list{flex-direction:column;gap:30px}section .case--list .list{display:flex;flex-wrap:wrap}section .case--list .list .case--img img{max-width:135px}section .case--list .list .car--list__info{width:calc(100% - 135px);padding-left:15px}section.oldcar .wrap{width:90%}section .staff--list{flex-direction:column;gap:20px}section .staff--list .staff{display:flex;width:100%}section .staff--list .staff .staff--img img{max-width:149px}section .staff--list .staff .staff--info{width:calc(100% - 149px);padding-left:23px}section .staff--list .staff .staff--info .staff--name{font-size:4vw;margin-top:0}section .staff--list .staff .staff--info .message--title{font-size:3.5vw;margin-top:20px}section .staff--list .staff .staff--info .message{font-size:3.5vw;margin-top:15px}section .test--drive__flow{margin-top:60px !important;gap:45px}section .test--drive__flow:before{left:0;right:0;margin:auto}section .test--drive__flow .list{width:100%;display:flex;padding:45px 15px 24px}section .test--drive__flow .list .flow--icon{width:70px;position:absolute;top:-35px;left:0;right:0;margin:auto}section .test--drive__flow .list .flow--text{width:100%}section .test--drive__flow .list .flow--text .in--text{font-size:3.5vw}section .faq--list__area{display:flex;flex-wrap:wrap;gap:22px 32px}section .faq--list{width:100%;border-bottom:1px solid #b2b2b2;padding-bottom:15px}section .faq--list .list .faq--text{font-size:5.5vw}section .faq--list .list .answer--text{font-size:4vw}section .shop--info__area{display:flex;flex-direction:column}section .shop--info__area .shop--img{width:100vw;margin:0 calc(50% - 50vw)}section .shop--info__area .shop--info{width:100%;margin-left:0;margin-top:15px;padding:0}section .shop--info__area .shop--info .shop--name{font-size:5.5vw;font-weight:700;line-height:1.75}section .shop--info__area .shop--info .shop--name+*{margin-top:15px}section .shop--info__area .shop--info .shop--info__text{font-size:3.5vw}section .shop--gallery__area{width:100%;display:flex;flex-wrap:wrap;gap:16px 5px;margin-top:40px}section .shop--gallery__area .shop--gallery{width:calc((100% - 5px) / 2)}section .shop--gallery__area .shop--gallery .gallery--caption{font-size:3.5vw;text-align:center}section#accessmap{padding:0 10px}section .map--area{width:100%;margin:0;display:flex;flex-direction:column;margin-top:40px}section .map--area #map_space,section .map--area .map--img{width:100%}section .map--area .map--img img,section .map--area #map_space iframe{width:100%}section .reservation--area{display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px}section .reservation--area .reservation{width:100%}section .reservation--area .reservation .tel .tel--cap{font-size:7vw}section .reservation--area .reservation .tel .tel--number{font-size:10vw}section .reservation--area .reservation .line--area .line--qr{display:none}section .reservation--area .reservation .line--area .line--btn{display:flex;align-items:center;justify-content:center;width:240px;height:50px;position:relative;background:#05c755;font-size:4vw;color:#fff;border-radius:5px}section .reservation--area .reservation .line--area .line--btn:after{content:"";position:absolute;display:block;top:0;right:10px;bottom:0;margin:auto;transform:rotate(45deg);width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff}section .reservation .reservation--title{font-size:6.5vw;padding:8px 0;gap:0;flex-direction:column;align-items:flex-start}section .reservation p.text{margin-bottom:10px}section .reservation .reservation--title .in--add{font-size:3.5vw}section .reservation .form--area.gray{padding:0 3vw;margin:0}.img--break{width:100%}.img--break img{aspect-ratio:750/300}.topics--area{flex-direction:column;align-items:center;margin:0;margin-bottom:30px}.topics--area .topics--title{font-size:6.5vw;width:fit-content;position:relative;padding-bottom:21px}.topics--area .topics--title:before,.topics--area .topics--title:after{content:"";position:absolute;display:block;bottom:0;right:0;left:0;margin:auto;width:25px;height:4px}.topics--area .topics--title:before{background:#e20f17;transform:translateX(-12.5px)}.topics--area .topics--title:after{background:#039;transform:translateX(12.5px)}.topics--area .topics--list{width:100%;margin-top:25px}.topics--area .topics--list .list{display:flex;align-items:center;gap:10px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap}.topics--area .topics--list .list .cate{width:76px;height:20px;font-size:12px}.topics--area .topics--list .list .headline{font-size:14px;width:100%;word-break:break-all;display:block}.service--banner{flex-direction:column;gap:30PX;width:100%;align-items:center}.banner01{background:0 0}.banner01 img{aspect-ratio:750/480;max-width:100%;margin:auto}.banner01 span.number{position:absolute;font-size:13vw;font-weight:700;color:#e20f17;right:calc(50% + 7vw);bottom:calc(50% + 4vw);font-family:'Noto Sans JP',sans-serif}.banner01 span.year{position:absolute;font-size:3.5vw;color:#222;left:calc(50% - 4em);bottom:6.5vw}.grecaptcha-badge{bottom:74px!important;z-index:5}}