{"id":40718,"date":"2025-11-11T01:44:36","date_gmt":"2025-11-10T16:44:36","guid":{"rendered":"https:\/\/ymworks.com\/new\/?page_id=40718"},"modified":"2025-12-05T01:47:50","modified_gmt":"2025-12-04T16:47:50","slug":"home","status":"publish","type":"page","link":"https:\/\/ymworks.com\/new\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<style>\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\n.custom-block{--maxw:1200px;--brand:#ff6600;--ink:#333;--bg-deep:#1a2535;--h:28px;--radius-lg:20px;--radius-sm:10px;}\n.custom-block *{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif!important;color:var(--ink)!important;}\n.custom-block h2{font-size:var(--h)!important;font-weight:bold!important;color:#1a2535!important;text-align:center!important;margin:0 0 30px!important;letter-spacing:-0.05em!important;}\n.custom-block .section-subtitle{font-size:12px!important;font-weight:bold!important;color:var(--brand)!important;text-align:center!important;margin-bottom:10px!important;letter-spacing:-0.03em!important;}\n.custom-block i{font-family:'Font Awesome 6 Free'!important;font-weight:900!important;}\n.custom-block .section{max-width:var(--maxw)!important;margin:40px auto!important;padding:20px!important;background:#fff!important;border-radius:var(--radius-sm)!important;}\n.custom-block .pit-service{background:#f9f9f9!important;}\n.custom-block .reasons-section{padding:40px 20px!important;}\n.custom-block .imported-car-section{background:#fff!important;}\n.custom-block .contact-section{background:var(--bg-deep)!important;border-radius:var(--radius-lg)!important;color:#fff!important;text-align:center!important;}\n.custom-block .divider{border:none!important;border-top:2px solid #e0e0e0!important;margin:40px auto!important;max-width:var(--maxw)!important;}\n.custom-block .carousel{position:relative!important;overflow:hidden!important;margin-bottom:20px!important;}\n.custom-block .carousel__container{display:flex!important;transition:transform .5s ease!important;will-change:transform!important;}\n.custom-block .carousel__slide{flex:0 0 calc(33.333% - 10px)!important;margin:0 5px!important;padding-bottom:15px!important;}\n.custom-block .carousel__button{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(255,255,255,0.9)!important;border:none!important;width:40px!important;height:40px!important;border-radius:50%!important;cursor:pointer!important;display:none!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px rgba(0,0,0,0.2)!important;z-index:10!important;font-size:24px!important;color:#333!important;opacity:0!important;transition:opacity .3s ease!important;}\n.custom-block .carousel__button.visible{opacity:1!important;}\n.custom-block .carousel__button--prev{left:10px!important;}\n.custom-block .carousel__button--next{right:10px!important;}\n.custom-block .carousel__indicators{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:15px!important;}\n.custom-block .carousel__indicator{width:8px!important;height:8px!important;border-radius:50%!important;background:#ddd!important;border:none!important;cursor:pointer!important;padding:0!important;transition:background .3s ease,transform .3s ease!important;}\n.custom-block .carousel__indicator.active{background:var(--brand)!important;transform:scale(1.2)!important;}\n.custom-block .carousel__indicator:hover{background:#bbb!important;}\n.custom-block .service-card{background:#fff!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 4px 8px rgba(0,0,0,0.1)!important;display:flex!important;flex-direction:column!important;text-decoration:none!important;color:inherit!important;transition:transform .3s ease,box-shadow .3s ease!important;}\n.custom-block .service-card:hover{transform:translateY(-5px)!important;box-shadow:0 6px 12px rgba(0,0,0,0.15)!important;}\n.custom-block .service-image-container,.custom-block .service-card__image-container{width:100%!important;position:relative!important;overflow:hidden!important;padding-top:56.25%!important;}\n.custom-block .service-image,.custom-block .service-card__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}\n.custom-block .service-card__content{padding:15px!important;display:flex!important;flex-direction:column!important;gap:8px!important;}\n.custom-block .service-card__title{font-weight:bold!important;font-size:16px!important;line-height:1.2!important;}\n.custom-block .service-card__description,.custom-block .reason-description,.custom-block .description-text{font-size:14px!important;line-height:1.6!important;color:var(--ink)!important;margin:0 0 15px 0!important;}\n.custom-block .service-title.reset-style{all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1.4!important;font-weight:bold!important;color:var(--ink)!important;padding:10px!important;}\n.custom-block .service-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:20px!important;padding:20px!important;}\n.custom-block .reasons-container{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;}\n.custom-block .reason-item{width:30%!important;text-align:center!important;margin-bottom:20px!important;}\n.custom-block .reason-label{color:var(--brand)!important;font-size:12px!important;font-weight:bold!important;margin-bottom:5px!important;line-height:1!important;}\n.custom-block .reason-number{color:var(--brand)!important;font-size:36px!important;font-weight:bold!important;margin-bottom:20px!important;line-height:1!important;}\n.custom-block .reason-icon{width:140px!important;height:140px!important;margin-bottom:20px!important;object-fit:cover!important;}\n.custom-block .reason-heading{font-size:16px!important;font-weight:bold!important;margin:0 0 15px 0!important;line-height:1.4!important;color:#333!important;}\n.custom-block .main-content{display:flex!important;align-items:stretch!important;background:#f5f5f5!important;border-radius:var(--radius-sm)!important;overflow:hidden!important;}\n.custom-block .main-image{flex:1!important;max-width:50%!important;}\n.custom-block .main-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}\n.custom-block .description{flex:1!important;padding:30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}\n.custom-block .description-title{font-size:24px!important;color:#333!important;margin-bottom:15px!important;line-height:1.3!important;font-weight:bold!important;}\n.custom-block .contact-section h2{font-size:var(--h)!important;margin:0 0 20px 0!important;color:#fff!important;}\n.custom-block .contact-section p{font-size:16px!important;margin:0 0 30px 0!important;color:#fff!important;}\n.custom-block .contact-info{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important;margin-bottom:20px!important;}\n.custom-block .contact-item{display:flex!important;align-items:center!important;font-size:24px!important;font-weight:bold!important;color:#fff!important;}\n.custom-block .contact-item i{margin-right:10px!important;font-size:28px!important;color:#fff!important;}\n.custom-block .contact-item a{color:#fff!important;text-decoration:none!important;}\n.custom-block .contact-button{display:inline-flex!important;align-items:center!important;background:var(--brand)!important;color:#fff!important;text-decoration:none!important;padding:12px 30px!important;border-radius:50px!important;font-size:16px!important;font-weight:bold!important;transition:background-color .3s ease!important;}\n.custom-block .contact-button:hover{background-color:#ff8533!important;}\n.custom-block .contact-button .arrow-circle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;background:#fff!important;border-radius:50%!important;margin-left:10px!important;}\n.custom-block .contact-button .arrow-circle i{color:var(--brand)!important;font-size:12px!important;}\n.custom-block .business-hours{font-size:14px!important;margin-top:20px!important;opacity:.8!important;color:#fff!important;}\n@media(max-width:767px){\n  .custom-block .carousel__container{padding:0 10px!important;}\n  .custom-block .carousel__slide{flex:0 0 85%!important;margin:0 5px!important;}\n  .custom-block .carousel__button{display:none!important;}\n  .custom-block .service-grid{grid-template-columns:1fr!important;padding:10px!important;}\n  .custom-block .service-title.reset-style{font-size:14px!important;}\n  .custom-block .reasons-container{flex-direction:column!important;align-items:center!important;}\n  .custom-block .reason-item{width:100%!important;max-width:300px!important;}\n  .custom-block .main-content{flex-direction:column!important;}\n  .custom-block .main-image{max-width:100%!important;}\n  .custom-block .description{padding:20px!important;}\n  .custom-block .divider{margin:20px auto!important;}\n}\n@media(min-width:768px){\n  .custom-block .service-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;padding:20px!important;}\n  .custom-block .carousel__slide{flex:0 0 calc(33.333% - 10px)!important;margin:0 5px!important;}\n  .custom-block .carousel__button{display:flex!important;}\n}\n<\/style>\n\n<div class=\"custom-block\">\n  <section class=\"section pit-service\">\n    <div class=\"section-subtitle\">Popular Maintenance<\/div>\n    <h2 id=\"e4babae6b097e381aee383a1e383b3e38386e3838ae383b3e382b9-1\">\u4eba\u6c17\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9<\/h2>\n    <div class=\"carousel\">\n      <div class=\"carousel__container\"><\/div>\n      <button class=\"carousel__button carousel__button--prev\"><i class=\"fa-solid fa-chevron-left\"><\/i><\/button>\n      <button class=\"carousel__button carousel__button--next\"><i class=\"fa-solid fa-chevron-right\"><\/i><\/button>\n      <div class=\"carousel__indicators\"><\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"divider\">\n\n  <section class=\"section service-section\">\n    <div class=\"section-subtitle\">Services<\/div>\n    <h2 id=\"e68f90e4be9be382b5e383bce38393e382b9-2\">\u63d0\u4f9b\u30b5\u30fc\u30d3\u30b9<\/h2>\n    <div class=\"service-grid\" id=\"serviceGrid\">\n      <a href=\"https:\/\/ymworks.com\/new\/sale_car\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2023\/03\/DSC07426-scaled.jpg\" alt=\"\u8f38\u5165\u8eca\u8ca9\u58f2\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e8bcb8e585a5e8bb8ae8b2a9e5a3b2-3\">\u8f38\u5165\u8eca\u8ca9\u58f2<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/maintenance-service\/maintenance-repair\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/09\/DSC09327-1-scaled.jpg\" alt=\"\u4fee\u7406\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e4bfaee79086-4\">\u4fee\u7406<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/custom-tuning\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/09\/IMG_9155-scaled.jpg\" alt=\"\u30ab\u30b9\u30bf\u30e0\u30fb\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e382abe382b9e382bfe383a0e383bbe38381e383a5e383bce3838be383b3e382b0-5\">\u30ab\u30b9\u30bf\u30e0\u30fb\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/maintenance-service\/restore-overholl\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2018\/08\/205-restore-01.jpg\" alt=\"\u30ec\u30b9\u30c8\u30a2\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e383ace382b9e38388e382a2-6\">\u30ec\u30b9\u30c8\u30a2<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/maintenance-service\/bankin-paint\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/09\/106rallye16v-paint1.jpg\" alt=\"\u677f\u91d1\u30fb\u5857\u88c5\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e69dbfe98791e383bbe5a197e8a385-7\">\u677f\u91d1\u30fb\u5857\u88c5<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/car-sales\/kaitori-satei\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/04\/DSC01632-1-scaled.jpg\" alt=\"\u8cb7\u53d6\u67fb\u5b9a\u30fb\u4e0b\u53d6\u308a\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e8b2b7e58f96e69fbbe5ae9ae383bbe4b88be58f96e3828a-8\">\u8cb7\u53d6\u67fb\u5b9a\u30fb\u4e0b\u53d6\u308a<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/car-coating\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/07\/Image_fx-13.png\" alt=\"\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e382b3e383bce38386e382a3e383b3e382b0-9\">\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0<\/h2><\/a>\n      <a href=\"https:\/\/ymworks.com\/new\/simulator\/\" class=\"service-card\"><div class=\"service-image-container\"><img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/12\/car-model-calculator-coins-white-table.jpg\" alt=\"\u8cbb\u7528\u30b7\u30e5\u30df\u30ec\u30fc\u30bf\u30fc\" class=\"service-image\" loading=\"lazy\"><\/div><h2 class=\"service-title reset-style\" id=\"e8b2bbe794a8e382b7e383a5e3839fe383ace383bce382bfe383bc-10\">\u8cbb\u7528\u30b7\u30e5\u30df\u30ec\u30fc\u30bf\u30fc<\/h2><\/a>\n    <\/div>\n  <\/section>\n\n  <hr class=\"divider\">\n\n  <section class=\"section reasons-section\">\n    <div class=\"section-subtitle\">Why Choose US<\/div>\n    <h2 id=\"e981b8e381b0e3828ce3828befbc93e381a4e381aee79086e794b1-11\">\u9078\u3070\u308c\u308b\uff13\u3064\u306e\u7406\u7531<\/h2>\n    <div class=\"reasons-container\">\n      <div class=\"reason-item\">\n        <div class=\"reason-label\">REASON<\/div>\n        <div class=\"reason-number\">01<\/div>\n        <img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/08\/223da26ecf4ea89501625b3fd196648b.jpg\" alt=\"\u5320\u306e\u6280\u8853\u3068\u6280\" class=\"reason-icon\" loading=\"lazy\">\n        <div class=\"reason-heading\">\u5320\u306e\u6280\u8853\u3068\u6280<\/div>\n        <p class=\"reason-description\">\u719f\u7df4\u6574\u5099\u58eb\u304c\u3001\u6b63\u898f\u8f38\u5165\u8eca\u304b\u3089\u4e26\u884c\u8f38\u5165\u8eca\u3001\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u30ab\u30fc\u304b\u3089\u96fb\u6c17\u81ea\u52d5\u8eca\u3001\u30af\u30e9\u30b7\u30c3\u30af\u30ab\u30fc\u3001\u30ad\u30e3\u30f3\u30d4\u30f3\u30b0\u30ab\u30fc\u307e\u3067\u5e45\u5e83\u304f\u5bfe\u5fdc\u3002\u5320\u306e\u6280\u8853\u3068\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3092\u6d3b\u304b\u3057\u3001\u4e07\u5168\u306e\u30a2\u30d5\u30bf\u30fc\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"reason-item\">\n        <div class=\"reason-label\">REASON<\/div>\n        <div class=\"reason-number\">02<\/div>\n        <img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/08\/9b30c021e131367333a4dad57083b7a4.jpg\" alt=\"\u30a8\u30f3\u30b9\u30fc\u306a\u5922\u3092\u53f6\u3048\u308b\u5bfe\u5fdc\u529b\" class=\"reason-icon\" loading=\"lazy\">\n        <div class=\"reason-heading\">\u30a8\u30f3\u30b9\u30fc\u306a\u5922\u3092\u53f6\u3048\u308b\u5bfe\u5fdc\u529b<\/div>\n        <p class=\"reason-description\">\u4ed6\u5e97\u3067\u306f\u96e3\u3057\u3044\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3084\u3054\u8981\u671b\u306b\u3082\u67d4\u8edf\u306b\u5bfe\u5fdc\u3002\u771f\u306e\u30ab\u30fc\u30a8\u30f3\u30b9\u30fc\u30b8\u30a2\u30b9\u30c8\u306e\u671f\u5f85\u306b\u5fdc\u3048\u308b\u30aa\u30fc\u30c0\u30fc\u30e1\u30a4\u30c9\u306e\u30b5\u30fc\u30d3\u30b9\u3092\u63d0\u4f9b\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n      <div class=\"reason-item\">\n        <div class=\"reason-label\">REASON<\/div>\n        <div class=\"reason-number\">03<\/div>\n        <img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/08\/ba63d49b3a0b1a8a16a7e32896cd6e46.jpg\" alt=\"\u6b27\u5dde\u76f4\u7d50\u306e\u8abf\u9054\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\" class=\"reason-icon\" loading=\"lazy\">\n        <div class=\"reason-heading\">\u6b27\u5dde\u76f4\u7d50\u306e\u8abf\u9054\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/div>\n        <p class=\"reason-description\">\u81ea\u793e\u30a4\u30ae\u30ea\u30b9\u6cd5\u4eba\u3068\u72ec\u81ea\u306e\u6b27\u5dde\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u3092\u99c6\u4f7f\u3057\u3001\u5e0c\u5c11\u306a\u8eca\u4e21\u3084\u90e8\u54c1\u3082\u9069\u6b63\u4fa1\u683c\u3067\u8fc5\u901f\u306b\u8abf\u9054\u3002\u9577\u5e74\u57f9\u3063\u305f\u7d4c\u9a13\u3068\u5f37\u56fa\u306a\u4f9b\u7d66\u4f53\u5236\u306b\u3088\u308a\u3001\u5e45\u5e83\u3044\u8f38\u5165\u8eca\u306e\u30cb\u30fc\u30ba\u306b\u78ba\u5b9f\u306b\u304a\u5fdc\u3048\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"divider\">\n\n  <section class=\"section imported-car-section\">\n    <div class=\"main-content\">\n      <div class=\"main-image\">\n        <img decoding=\"async\" src=\"https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/09\/DSC09347-scaled.jpg\" alt=\"\u8f38\u5165\u8eca\" loading=\"lazy\">\n      <\/div>\n      <div class=\"description\">\n        <div class=\"description-title\">\u8f38\u5165\u8eca\u306b\u95a2\u308f\u3063\u306631\u5e74\u3002\u79c1\u305f\u3061\u306e\u6280\u3068\u6280\u8853\u3067\u3001\u3053\u3060\u308f\u308a\u306e\u30ab\u30fc\u30e9\u30a4\u30d5\u3092\u3002<\/div>\n        <p class=\"description-text\">\u30ef\u30a4\u30a8\u30e0\u30ef\u30fc\u30af\u30b9\u306f\u5927\u962a\u5e9c\u5357\u90e8\u306e\u5bcc\u7530\u6797\u5e02\u3067\u958b\u696d\u4ee5\u676531\u5e74\u3001\u30d7\u30b8\u30e7\u30fc\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u6570\u591a\u304f\u306e\u8f38\u5165\u8eca\u3092\u53d6\u308a\u6271\u3063\u3066\u304d\u307e\u3057\u305f\u30022017\u5e74\u306b\u672c\u793e\u30fb\u5de5\u5834\u3092\u583a\u5e02\u7f8e\u539f\u533a\u306b\u62e1\u5927\u79fb\u8ee2\u3057\u3001\u3088\u308a\u826f\u3044\u30b5\u30fc\u30d3\u30b9\u306e\u5411\u4e0a\u306b\u52aa\u3081\u3066\u3044\u307e\u3059\u3002\u8f38\u5165\u8eca\u306e\u3053\u3068\u306a\u3089\u304a\u8eca\u306e\u3054\u8cfc\u5165\u304b\u3089\u8eca\u691c\u3001\u70b9\u691c\u30fb\u6574\u5099\u3001\u4fee\u7406\u3001\u30ab\u30b9\u30bf\u30e0\u30fb\u30c1\u30e5\u30fc\u30cb\u30f3\u30b0\u307e\u3067\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"divider\">\n\n  <section class=\"section contact-section\">\n    <h2 id=\"e784a1e69699e79bb8e8ab87e383bbe3818ae8a68be7a98de3828a-12\">\u7121\u6599\u76f8\u8ac7\u30fb\u304a\u898b\u7a4d\u308a<\/h2>\n    <p>\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n    <div class=\"contact-info\">\n      <div class=\"contact-item\"><i class=\"fa-solid fa-phone\"><\/i><span><a href=\"tel:0120-769-280\">0120-769-280<\/a><\/span><\/div>\n      <div class=\"contact-item\"><i class=\"fa-solid fa-envelope\"><\/i><span><a href=\"mailto:ymc@ymworks.com\">ymc@ymworks.com<\/a><\/span><\/div>\n    <\/div>\n    <a href=\"https:\/\/ymworks.com\/new\/contact\/\" class=\"contact-button\">\u304a\u554f\u3044\u5408\u308f\u305b<span class=\"arrow-circle\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/span><\/a>\n    <div class=\"business-hours\">\u55b6\u696d\u6642\u9593\uff1a10\uff1a00\uff5e19\uff1a00\u3000\u5b9a\u4f11\u65e5\uff1a\u6bce\u9031\u6c34\u66dc\u65e5\u3001\u795d\u65e5<\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  const popularServices=[\n    {title:'\u8eca\u691c\u30fb24\u30ab\u6708\u70b9\u691c',description:'\u3066\u3044\u306a\u3044\u306a\u8eca\u691c\u6574\u5099\u3067\u3001\u304a\u5024\u6bb5\u4ee5\u4e0a\u306e\u5b89\u5fc3\u611f\u3068\u4fa1\u5024\u3092\u3054\u63d0\u4f9b\u3002',image:'https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/09\/maintenance-nakamura.jpg',url:'https:\/\/ymworks.com\/new\/maintenance-service\/syaken\/'},\n    {title:'\u30a8\u30f3\u30b8\u30f3\u30aa\u30a4\u30eb\u4ea4\u63db',description:'\u30aa\u30a4\u30eb\u4ea4\u63db\u306f\u5e95\u90e8\u304b\u3089\u884c\u3044\u3001\u6c88\u6bbf\u3057\u305f\u4e0d\u7d14\u7269\u3082\u540c\u6642\u306b\u6392\u51fa\u3002',image:'https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/06\/20210709_175706-scaled.jpg',url:'https:\/\/ymworks.com\/new\/web_oil_change\/'},\n    {title:'12\u30ab\u6708\u70b9\u691c',description:'\u5b9a\u671f\u70b9\u691c\u3067\u3001\u611b\u8eca\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5e38\u306b\u6700\u826f\u306e\u72b6\u614b\u306b\u30ad\u30fc\u30d7\u3002',image:'https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2024\/08\/DSC08835-scaled.jpg',url:'https:\/\/ymworks.com\/new\/imported-car-regular-inspection\/'},\n    {title:'\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0',description:'\u9ad8\u8010\u4e45\u30b3\u30fc\u30c6\u30a3\u30f3\u30b0\u3067\u5857\u88c5\u3092\u4fdd\u8b77\u3057\u3001\u8276\u3068\u64a5\u6c34\u3092\u9577\u671f\u9593\u30ad\u30fc\u30d7\u3002',image:'https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/07\/Image_fx-13.png',url:'https:\/\/ymworks.com\/new\/car-coating\/'},\n    {title:'\u30d0\u30c3\u30c6\u30ea\u30fc\u4ea4\u63db',description:'\u5927\u51fa\u529b\u30fb\u9577\u5bff\u547d\u3001\u5b89\u5168\u30fb\u5b89\u5fc3\u306e\u9ad8\u6027\u80fdVARTA AGM\u30d0\u30c3\u30c6\u30ea\u30fc\u3002',image:'https:\/\/ymworks.com\/new\/new\/wp-content\/uploads\/2025\/09\/battery-top-image.jpg',url:'https:\/\/ymworks.com\/new\/battery-replacement\/'}\n  ];\n  \n  class Carousel{\n    constructor(container,services){\n      this.container=container;\n      this.services=services;\n      this.currentIndex=0;\n      this.prevButton=document.querySelector('.custom-block .carousel__button--prev');\n      this.nextButton=document.querySelector('.custom-block .carousel__button--next');\n      this.startX=0;\n      this.isDragging=false;\n      this.hasMoved=false;\n      this.init();\n    }\n    \n    init(){\n      this.renderSlides();\n      this.renderIndicators();\n      this.addEventListeners();\n      this.updateView();\n      window.addEventListener('resize',()=>this.handleResize());\n    }\n    \n    get isMobile(){\n      return window.innerWidth<=767;\n    }\n    \n    get maxIndex(){\n      return this.isMobile ? this.services.length-1 : Math.max(0,this.services.length-3);\n    }\n    \n    renderSlides(){\n      this.services.forEach(s=>{\n        const slide=document.createElement('div');\n        slide.className='carousel__slide';\n        slide.innerHTML=`<a href=\"${s.url}\" class=\"service-card\" aria-label=\"${s.title}\"><div class=\"service-card__image-container\"><img decoding=\"async\" src=\"${s.image}\" alt=\"${s.title}\" class=\"service-card__image\" loading=\"lazy\"><\/div><div class=\"service-card__content\"><div class=\"service-card__title\">${s.title}<\/div><p class=\"service-card__description\">${s.description}<\/p><\/div><\/a>`;\n        this.container.appendChild(slide);\n      });\n    }\n    \n    renderIndicators(){\n      const indicatorsContainer=document.querySelector('.custom-block .carousel__indicators');\n      if(!indicatorsContainer)return;\n      const count=this.isMobile?this.services.length:Math.max(1,this.services.length-2);\n      for(let i=0;i<count;i++){\n        const dot=document.createElement('button');\n        dot.className='carousel__indicator';\n        dot.setAttribute('aria-label',`\u30b9\u30e9\u30a4\u30c9${i+1}\u3078\u79fb\u52d5`);\n        dot.addEventListener('click',()=>this.goToSlide(i));\n        indicatorsContainer.appendChild(dot);\n      }\n    }\n    \n    addEventListeners(){\n      this.nextButton.addEventListener('click',()=>this.next());\n      this.prevButton.addEventListener('click',()=>this.prev());\n      \n      this.container.addEventListener('touchstart',e=>this.handleTouchStart(e),{passive:true});\n      this.container.addEventListener('touchmove',e=>this.handleTouchMove(e),{passive:false});\n      this.container.addEventListener('touchend',e=>this.handleTouchEnd(e));\n      \n      this.container.addEventListener('mousedown',e=>this.handleMouseDown(e));\n      document.addEventListener('mousemove',e=>this.handleMouseMove(e));\n      document.addEventListener('mouseup',e=>this.handleMouseUp(e));\n    }\n    \n    handleTouchStart(e){\n      this.startX=e.touches[0].clientX;\n      this.isDragging=true;\n      this.hasMoved=false;\n    }\n    \n    handleTouchMove(e){\n      if(!this.isDragging)return;\n      const currentX=e.touches[0].clientX;\n      const diff=this.startX-currentX;\n      if(Math.abs(diff)>10){\n        this.hasMoved=true;\n      }\n    }\n    \n    handleTouchEnd(e){\n      if(!this.isDragging)return;\n      if(this.hasMoved && e.changedTouches){\n        const endX=e.changedTouches[0].clientX;\n        const diff=this.startX-endX;\n        if(Math.abs(diff)>50){\n          if(diff>0){\n            this.next();\n          }else{\n            this.prev();\n          }\n        }\n      }\n      this.isDragging=false;\n      this.hasMoved=false;\n    }\n    \n    handleMouseDown(e){\n      this.startX=e.clientX;\n      this.isDragging=true;\n      this.hasMoved=false;\n      e.preventDefault();\n    }\n    \n    handleMouseMove(e){\n      if(!this.isDragging)return;\n      const diff=Math.abs(this.startX-e.clientX);\n      if(diff>10){\n        this.hasMoved=true;\n      }\n    }\n    \n    handleMouseUp(e){\n      if(!this.isDragging)return;\n      if(this.hasMoved){\n        const diff=this.startX-e.clientX;\n        if(Math.abs(diff)>50){\n          if(diff>0){\n            this.next();\n          }else{\n            this.prev();\n          }\n        }\n      }\n      this.isDragging=false;\n      this.hasMoved=false;\n    }\n    \n    next(){\n      if(this.currentIndex<this.maxIndex){\n        this.currentIndex++;\n        this.updateView();\n      }\n    }\n    \n    prev(){\n      if(this.currentIndex>0){\n        this.currentIndex--;\n        this.updateView();\n      }\n    }\n    \n    goToSlide(index){\n      this.currentIndex=Math.max(0,Math.min(index,this.maxIndex));\n      this.updateView();\n    }\n    \n    updateView(){\n      const slideWidth=this.isMobile?85:33.333;\n      const gap=this.isMobile?10:10;\n      const offset=this.currentIndex*(slideWidth+gap\/slideWidth);\n      this.container.style.transform=`translateX(-${offset}%)`;\n      this.updateButtons();\n    }\n    \n    updateButtons(){\n      this.prevButton.classList.toggle('visible',this.currentIndex>0);\n      this.nextButton.classList.toggle('visible',this.currentIndex<this.maxIndex);\n      \n      const indicators=document.querySelectorAll('.custom-block .carousel__indicator');\n      indicators.forEach((dot,i)=>{\n        dot.classList.toggle('active',i===this.currentIndex);\n      });\n    }\n    \n    handleResize(){\n      this.currentIndex=Math.min(this.currentIndex,this.maxIndex);\n      this.updateView();\n    }\n  }\n  \n  document.addEventListener('DOMContentLoaded',()=>{\n    const container=document.querySelector('.custom-block .carousel__container');\n    if(container){\n      new Carousel(container,popularServices);\n    }\n  });\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"@import url(&#8216;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css&#8217;); .custom-block{&#8211;maxw:1200px;&#8211;brand:#ff6600;&#8211;ink:#333;&#8211;bg-deep:#1a2535;&#8211;h:28px;&#8211;radius-lg:20px;&#8211;radius-sm:10px;} .custom-block *{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif!important;color:var(&#8211;ink)&hellip;","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-40718","page","type-page","status-publish"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages\/40718"}],"collection":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/comments?post=40718"}],"version-history":[{"count":0,"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/pages\/40718\/revisions"}],"wp:attachment":[{"href":"https:\/\/ymworks.com\/new\/wp-json\/wp\/v2\/media?parent=40718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}