{"id":1650,"date":"2026-04-09T16:50:41","date_gmt":"2026-04-09T07:50:41","guid":{"rendered":"https:\/\/umichika.jp\/6886\/?page_id=1650"},"modified":"2026-06-06T02:11:40","modified_gmt":"2026-06-05T17:11:40","slug":"home","status":"publish","type":"page","link":"https:\/\/umichika.jp\/villa\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<section class=\"hero\">\n  <div class=\"hero-slides\">\n    <div class=\"slide slide-1\"><\/div>\n    <div class=\"slide slide-2\"><\/div>\n    <div class=\"slide slide-3\"><\/div>\n  <\/div>\n\n  <div class=\"hero-overlay\"><\/div>\n\n  <div class=\"hero-text\">\n<h1 class=\"hero-catch\">\n  \u6d77\u306e\u305d\u3070\u3067\u3001\u4f55\u3082\u3057\u306a\u3044\u8d05\u6ca2\u3092\u3002<br>\n  <span class=\"hero-sub\">\n    \u30b5\u30a6\u30ca\u30fb\u30b8\u30e3\u30b0\u30b8\u30fc\u3092\u5099\u3048\u305f\u30011\u65e51\u7d44\u9650\u5b9a\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u3002\n  <\/span>\n<\/h1>\n  <\/div>\n\n  <div class=\"hero-dots\">\n    <span class=\"dot active\" onclick=\"goTo(0)\"><\/span>\n    <span class=\"dot\" onclick=\"goTo(1)\"><\/span>\n    <span class=\"dot\" onclick=\"goTo(2)\"><\/span>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"um-newopen\">\n  <div class=\"um-newopen-inner\">\n    <div class=\"um-newopen-badge\">\n      <span class=\"um-newopen-badge-dot\"><\/span>\n      NEW OPEN\n    <\/div>\n    <p class=\"um-newopen-text\">\n      <strong>2\u68df\u306b\u62e1\u5927\u3002<\/strong\n      >\u30b5\u30a6\u30ca\u30f4\u30a3\u30e9\u300c6886\u300d\u306b\u52a0\u3048\u3001\u30d7\u30fc\u30eb\u4ed8\u304d\u30e9\u30b0\u30b8\u30e5\u30a2\u30ea\u30fc\u30f4\u30a3\u30e9\u300c6885\u300d\u304c\u65b0\u767b\u5834\u3002\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<section class=\"concept-section bg-a\">\n  <div class=\"concept-content\">\n    <p class=\"concept-label-en\">CONCEPT<\/p>\n\n    <div class=\"concept-deco\">\n      <svg width=\"36\" height=\"16\" viewBox=\"0 0 36 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <polygon points=\"18,0 24,10 18,7 12,10\" fill=\"#4aaec8\" opacity=\"0.9\"><\/polygon>\n        <polygon points=\"6,2 12,12 6,9 0,12\" fill=\"#4aaec8\" opacity=\"0.5\"><\/polygon>\n        <polygon points=\"30,2 36,12 30,9 24,12\" fill=\"#4aaec8\" opacity=\"0.5\"><\/polygon>\n      <\/svg>\n    <\/div>\n\n    <h2 class=\"concept-catch\">\n      \u6d77\u307e\u3067\u5f92\u6b697\u5206\u3001<br class=\"sp-only\">\u4e00\u68df\u8cb8\u3057<br class=\"sp-only\">\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9<br>\n    <\/h2>\n\n    <p class=\"concept-body\">\n\u6d77\u307e\u3067\u5f92\u6b69\u7d047\u5206\u3002<br>\n\u90fd\u5fc3\u304b\u3089\u7d0490\u5206\u3067\u8a2a\u308c\u308b\u3001\u4e5d\u5341\u4e5d\u91cc\u30fb\u4e00\u5bae\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u3002<br>\n\u5927\u578b\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3084\u9732\u5929\u30b8\u30e3\u30b0\u30b8\u30fc\u3092\u5099\u3048\u305f\u9759\u304b\u306a\u7a7a\u9593\u3067\u3001<br>\u6642\u9593\u306b\u8ffd\u308f\u308c\u308b\u65e5\u5e38\u304b\u3089\u96e2\u308c\u3001\u81ea\u5206\u305f\u3061\u3060\u3051\u306e\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br>\n\u671d\u306f\u6d77\u307e\u3067\u6563\u6b69\u3057\u3001\u591c\u306f\u661f\u7a7a\u306e\u4e0b\u3067\u304f\u3064\u308d\u3050\u3002<br>\n\u79fb\u52d5\u305b\u305a\u306b\u3001\u6df1\u304f\u4f11\u3081\u308b\u6ede\u5728\u3092\u3054\u63d0\u4f9b\u3057\u307e\u3059\u3002\n    <\/p>\n    <!--\n<a href=\"https:\/\/umichika6886.booking.chillnn.com\/ja\/\" class=\"hero-btn\" target=\"_blank\">WEB\u4e88\u7d04\u306f\u3053\u3061\u3089<\/a>-->\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#edf6fd\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"points bg-b\">\n  <div class=\"section-title\">\n    <p class=\"st-en\">POINT<\/p>\n    <div class=\"st-deco\"><span><\/span><span><\/span><span><\/span><\/div>\n    <h2 class=\"st-ja\">\u304a\u3059\u3059\u3081\u30dd\u30a4\u30f3\u30c8<\/h2>\n  <\/div>\n\n  <!-- POINT 01\uff1a\u4e00\u68df\u8cb8\u3057\u30b3\u30f3\u30bb\u30d7\u30c8 -->\n  <article class=\"point-card\">\n    <div class=\"point-body\">\n      <span class=\"point-label\">POINT 01<\/span>\n      <h2 class=\"point-heading\">\n        <span class=\"marker\">\u4e00\u68df\u3067\u3059\u3079\u3066\u5b8c\u7d50\u3059\u308b\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30ea\u30be\u30fc\u30c8\u3002<\/span>\n      <\/h2>\n      <div class=\"point-text\">\n        <p class=\"small-text\">\n          \u5927\u578b\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3001\u9732\u5929\u30b8\u30e3\u30b0\u30b8\u30fc\u3001BBQ\u304c\u697d\u3057\u3081\u308b\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\u2014\u2014<br>\n\u6ede\u5728\u4e2d\u306b\u6b32\u3057\u3044\u3082\u306e\u304c\u3001\u3053\u306e\u4e00\u68df\u306e\u4e2d\u306b\u63c3\u3063\u3066\u3044\u307e\u3059\u3002\n\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u304b\u3089\u7fcc\u671d\u306e\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u307e\u3067\u3001\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u300c\u3068\u3068\u306e\u3046\u30fb\u304f\u3064\u308d\u3050\u30fb\u5473\u308f\u3046\u300d\u3092\u5fc3\u3086\u304f\u307e\u3067\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002<span class=\"small-text\">\u203b\u3053\u3061\u3089\u306e\u5199\u771f\u306f\u300cVILLA 6886\u300d\u306e\u3082\u306e\u3067\u3059\u3002<\/span>\n        <\/p>\n      <\/div>\n    <\/div>\n    <div class=\"point-media\">\n      <div class=\"img-placeholder ph-sauna\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/06\/6886_exterior_501-1.jpg\" alt=\"\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- POINT 02\uff1a\u30b5\u30a6\u30ca\u72ec\u5360 -->\n  <article class=\"point-card card-reverse\">\n    <div class=\"point-media\">\n      <div class=\"img-placeholder ph-pool\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/06\/6885_exterior_101-1.jpg\" alt=\"\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\">\n      <\/div>\n    <\/div>\n    <div class=\"point-body\">\n      <span class=\"point-label\">POINT 02<\/span>\n      <h2 class=\"point-heading\">\n        <span class=\"marker\">\u672c\u683c\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3092\u3001<br>\u6642\u9593\u3082\u56de\u6570\u3082\u6c17\u306b\u305b\u305a\u72ec\u5360\u3002<\/span>\n      <\/h2>\n      <div class=\"point-text\">\n        <p>\n         \u672c\u683c\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3092\u3001\n\u6642\u9593\u3082\u56de\u6570\u3082\u6c17\u306b\u305b\u305a\u72ec\u5360\u3002<br>\n\n\u5168\u68df\u306b\u3001\u30bb\u30eb\u30d5\u30ed\u30a6\u30ea\u30e5\u5bfe\u5fdc\u306e\u5927\u578b\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3092\u5b8c\u5099\u3002\u30b5\u30a6\u30ca\u306e\u5f8c\u306f\u9732\u5929\u30b8\u30e3\u30b0\u30b8\u30fc\u3067\u3086\u3063\u305f\u308a\u3068\u8eab\u4f53\u3092\u4f11\u3081\u306a\u304c\u3089\u3001\u81ea\u5206\u305f\u3061\u3060\u3051\u306e\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br>\n\u597d\u304d\u306a\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u4f55\u5ea6\u3067\u3082\u3002\n\u516c\u8846\u30b5\u30a6\u30ca\u3067\u306f\u5473\u308f\u3048\u306a\u3044\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u306a\u3089\u3067\u306f\u306e\u8d05\u6ca2\u3092\u3054\u4f53\u9a13\u304f\u3060\u3055\u3044\u3002<span class=\"small-text\">\u203b\u30b5\u30a6\u30ca\u306e\u3054\u5229\u7528\u306f21:00\u307e\u3067\u3068\u306a\u308a\u307e\u3059\u3002\u307e\u305f\u300121:00\uff5e\u7fcc6:00\u306f\u8fd1\u96a3\u3078\u306e\u914d\u616e\u306e\u305f\u3081\u3001\u304a\u9759\u304b\u306b\u304a\u904e\u3054\u3057\u304f\u3060\u3055\u3044\u3002\n\u203b\u3053\u3061\u3089\u306e\u5199\u771f\u306f\u300cPRIVATE VILLA 6886\u300d\u306e\u3082\u306e\u3067\u3059\u3002<\/span>\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- POINT 03\uff1a\u7acb\u5730\u30fb\u30a2\u30af\u30bb\u30b9 -->\n  <article class=\"point-card\">\n    <div class=\"point-body\">\n      <span class=\"point-label\">POINT 03<\/span>\n      <h2 class=\"point-heading\">\n        <span class=\"marker\">\u6d77\u307e\u3067\u5f92\u6b69\u7d047\u5206\n\u671d\u306f\u3001\u6d77\u307e\u3067\u6b69\u3044\u3066\u3002<\/span>\n      <\/h2>\n      <div class=\"point-text\">\n        <p>\n         \u4e5d\u5341\u4e5d\u91cc\u30fb\u4e00\u5bae\u306e\u6d77\u8fba\u306b\u4f4d\u7f6e\u3057\u3001\u30b5\u30f3\u30e9\u30a4\u30ba\u30d3\u30fc\u30c1\u307e\u3067\u306f\u5f92\u6b69\u7d047\u5206\u3002<br>\n\n\u671d\u65e5\u3092\u773a\u3081\u306a\u304c\u3089\u6d77\u8fba\u3092\u6563\u6b69\u3057\u305f\u308a\u3001\u6ce2\u306e\u97f3\u306b\u8033\u3092\u50be\u3051\u305f\u308a\u3002\n\u90fd\u5fc3\u304b\u3089\u7d0490\u5206\u3068\u306f\u601d\u3048\u306a\u3044\u3001\u3086\u3063\u305f\u308a\u3068\u3057\u305f\u6642\u9593\u304c\u6d41\u308c\u3066\u3044\u307e\u3059\u3002\n\n\u6d77\u306e\u305d\u3070\u3067\u904e\u3054\u3059\u4f11\u65e5\u306a\u3089\u3067\u306f\u306e\u5fc3\u5730\u3088\u3055\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n    <div class=\"point-media\">\n      <div class=\"img-placeholder ph-beach\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-32.jpg\" alt=\"\u30b5\u30f3\u30e9\u30a4\u30ba\u30d3\u30fc\u30c1\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- POINT 04\uff1a\u30aa\u30d7\u30b7\u30e7\u30f3 -->\n  <article class=\"point-card card-reverse\">\n    <div class=\"point-media\">\n      <div class=\"img-placeholder ph-cake\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/sashimi.png\" alt=\"\u30d0\u30fc\u30b9\u30c7\u30fc\u30b1\u30fc\u30ad\">\n      <\/div>\n    <\/div>\n    <div class=\"point-body\">\n      <span class=\"point-label\">POINT 04<\/span>\n      <h2 class=\"point-heading\">\n        <span class=\"marker\">\u6d77\u8fba\u306e\u4f11\u65e5\u3092\u5f69\u308b\u3001\n\u7279\u5225\u306a\u98df\u4e8b\u3002<\/span>\n      <\/h2>\n      <div class=\"point-text\">\n        <p>\n         \u7279\u5225\u306a\u671d\u3092\u5f69\u308b\u30e2\u30fc\u30cb\u30f3\u30b0\u304b\u3089\u3001\u304a\u8a95\u751f\u65e5\u30b1\u30fc\u30ad\u3001\u65b0\u9bae\u306a\u304a\u523a\u8eab\u76db\u308a\u5408\u308f\u305b\u307e\u3067\u3002\n\u6ede\u5728\u3092\u3088\u308a\u8c4a\u304b\u306b\u697d\u3057\u3081\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\n\n\u6d77\u8fba\u306e\u30f4\u30a3\u30e9\u3067\u5473\u308f\u3046\u65b0\u9bae\u306a\u6d77\u306e\u5e78\u306f\u3001\u3054\u5bb6\u65cf\u3084\u3054\u53cb\u4eba\u3068\u306e\u5927\u5207\u306a\u6642\u9593\u3092\u3055\u3089\u306b\u7279\u5225\u306a\u3082\u306e\u306b\u3057\u3066\u304f\u308c\u307e\u3059\u3002\n<span class=\"small-text\">\n\u203b\u5199\u771f\u306f\u30aa\u30d7\u30b7\u30e7\u30f3\u30e1\u30cb\u30e5\u30fc\u306e\u4e00\u4f8b\u3067\u3059\u3002<\/span>\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <!-- POINT 05\uff1a\u30af\u30c1\u30b3\u30df\u8a55\u4fa1 -->\n  <article class=\"point-card\">\n    <div class=\"point-body\">\n      <span class=\"point-label\">POINT 05<\/span>\n      <h2 class=\"point-heading\">\n        <span class=\"marker\">\u4e00\u4f11.com \u30af\u30c1\u30b3\u30df\u8a55\u4fa14.93\u3002<br>\n\u5357\u95a2\u6771\u30a8\u30ea\u30a2\u7dcf\u54081\u4f4d\u3092\u7372\u5f97\u3002<\/span>\n      <\/h2>\n      <div class=\"point-text\">\n        <p>\n        2026\u5e745\u6708\u6642\u70b9\u3001\u4e00\u4f11.com\u306e\u30af\u30c1\u30b3\u30df\u8a55\u4fa1\u30fb\u4ef6\u6570\u9806\uff08\u7dcf\u5408\uff09\u306b\u304a\u3044\u3066\u3001\u5357\u95a2\u6771\u30a8\u30ea\u30a2\uff08\u6771\u4eac\u3092\u9664\u304f\uff09178\u65bd\u8a2d\u4e2d\u3001\u7b2c1\u4f4d\u3092\u7372\u5f97\u3057\u307e\u3057\u305f\u3002<br>\n\n\u300c\u90e8\u5c4b\u3082\u65bd\u8a2d\u5185\u3082\u7dba\u9e97\u3067\u5feb\u9069\u300d\n\u300c\u30b5\u30a6\u30ca\u3082\u5e83\u304f\u3001\u30b8\u30e3\u30b0\u30b8\u30fc\u3082\u5feb\u9069\u300d\n\u300c\u8a2d\u5099\u3084\u5099\u54c1\u304c\u5145\u5b9f\u3057\u3066\u3044\u3066\u904e\u3054\u3057\u3084\u3059\u3044\u300d\n\n\u5b9f\u969b\u306b\u3054\u5bbf\u6cca\u3044\u305f\u3060\u3044\u305f\u304a\u5ba2\u69d8\u304b\u3089\u591a\u304f\u306e\u9ad8\u8a55\u4fa1\u3092\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u307e\u3059\u3002\n\u521d\u3081\u3066\u306e\u65b9\u306b\u3082\u5b89\u5fc3\u3057\u3066\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u3067\u3059\u3002\n\n<span class=\"small-text\">\u203b2026\u5e745\u6708\u6642\u70b9<\/span>\n        <\/p>\n      <\/div>\n    <\/div>\n    <div class=\"point-media\">\n   <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/06\/ikyuu-logo.png\" alt=\"\u4e00\u4f11\u30ed\u30b4\">\n    <\/div>\n  <\/article>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#edf7fa\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<section class=\"scene-section bg-a\">\n  <div class=\"section-title\">\n    <p class=\"st-en\">SCENE<\/p>\n    <h2 class=\"st-ja\">\u3053\u3093\u306a\u65c5\u306b\u3074\u3063\u305f\u308a<\/h2>\n  <\/div>\n\n  <div class=\"sg-grid sg-grid-4\">\n    <!-- 01 \u30ab\u30c3\u30d7\u30eb\u30fb\u3054\u592b\u5a66 -->\n    <div class=\"sg-card\">\n      <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/4358374_m.jpg\" alt=\"\u30ab\u30c3\u30d7\u30eb\u30fb\u3054\u592b\u5a66\">\n      <div class=\"sg-overlay\"><\/div>\n      <div class=\"sg-body\">\n        <p class=\"sg-num\">01<\/p>\n        <p class=\"sg-title\">\u30ab\u30c3\u30d7\u30eb\u30fb\u3054\u592b\u5a66<\/p>\n        <p class=\"sg-catch\">\u3075\u305f\u308a\u3060\u3051\u306e\u3001\u7279\u5225\u306a\u6642\u9593\u3092\u3002<\/p>\n        <p class=\"sg-text\">\n         \u4ed5\u4e8b\u3084\u65e5\u5e38\u3092\u5fd8\u308c\u3001\u3075\u305f\u308a\u3060\u3051\u306e\u6642\u9593\u3092\u3086\u3063\u304f\u308a\u3068\u904e\u3054\u3059\u4f11\u65e5\u3002\n\u30b5\u30a6\u30ca\u3067\u3068\u3068\u306e\u3044\u3001\u30b8\u30e3\u30b0\u30b8\u30fc\u3067\u304f\u3064\u308d\u304e\u3001\u671d\u306f\u6d77\u8fba\u3092\u6563\u6b69\u3059\u308b\u3002\n\n\u8a18\u5ff5\u65e5\u3084\u8a95\u751f\u65e5\u306f\u3082\u3061\u308d\u3093\u3001\u30d7\u30ed\u30dd\u30fc\u30ba\u3084\u5927\u5207\u306a\u7bc0\u76ee\u306e\u3054\u65c5\u884c\u306b\u3082\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 02 \u30d5\u30a1\u30df\u30ea\u30fc -->\n    <div class=\"sg-card\">\n      <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/22861401_m.jpg\" alt=\"\u30d5\u30a1\u30df\u30ea\u30fc\">\n      <div class=\"sg-overlay\"><\/div>\n      <div class=\"sg-body\">\n        <p class=\"sg-num\">02<\/p>\n        <p class=\"sg-title\">\u30d5\u30a1\u30df\u30ea\u30fc<\/p>\n        <p class=\"sg-catch\">\u5bb6\u65cf\u3067\u904e\u3054\u3059\u3001\u7279\u5225\u306a\u4e00\u65e5\u3092\u3002<\/p>\n        <p class=\"sg-text\">\n         \u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\u3067\u306eBBQ\u3084\u30b5\u30a6\u30ca\u3001\u30b8\u30e3\u30b0\u30b8\u30fc\u306a\u3069\u3001\u3054\u5bb6\u65cf\u3067\u697d\u3057\u3081\u308b\u8a2d\u5099\u304c\u5145\u5b9f\u3002\n\n\u5468\u56f2\u3092\u6c17\u306b\u305b\u305a\u904e\u3054\u305b\u308b\u4e00\u68df\u8cb8\u3057\u3060\u304b\u3089\u3053\u305d\u3001\u304a\u5b50\u69d8\u3082\u306e\u3073\u306e\u3073\u3068\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n\n\u4e09\u4e16\u4ee3\u65c5\u884c\u3084\u590f\u4f11\u307f\u306e\u601d\u3044\u51fa\u3065\u304f\u308a\u306b\u3082\u3074\u3063\u305f\u308a\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 03 \u53cb\u4eba\u30b0\u30eb\u30fc\u30d7 -->\n    <div class=\"sg-card\">\n      <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/4182532_m.jpg\" alt=\"\u53cb\u4eba\u30b0\u30eb\u30fc\u30d7\">\n      <div class=\"sg-overlay\"><\/div>\n      <div class=\"sg-body\">\n        <p class=\"sg-num\">03<\/p>\n        <p class=\"sg-title\">\u53cb\u4eba\u30b0\u30eb\u30fc\u30d7<\/p>\n        <p class=\"sg-catch\">\u4ef2\u9593\u3068\u7b11\u3044\u5408\u3046\u3001\u8d05\u6ca2\u306a\u6642\u9593\u3092\u3002<\/p>\n        <p class=\"sg-text\">\n          \u6700\u59278\u540d\u307e\u3067\u5bbf\u6cca\u53ef\u80fd\u306a\u5e83\u3005\u3068\u3057\u305f\u7a7a\u9593\u3067\u3001\u30b5\u30a6\u30ca\u3084BBQ\u3092\u697d\u3057\u307f\u306a\u304c\u3089\u7279\u5225\u306a\u6642\u9593\u3092\u304a\u904e\u3054\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n\n\u591c\u306f\u3086\u3063\u304f\u308a\u8a9e\u308a\u5408\u3044\u3001\u7fcc\u671d\u306f\u6d77\u307e\u3067\u6563\u6b69\u3059\u308b\u3002\n\u666e\u6bb5\u306a\u304b\u306a\u304b\u96c6\u307e\u308c\u306a\u3044\u4ef2\u9593\u3068\u306e\u65c5\u884c\u306b\u3082\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 04 \u5973\u5b50\u4f1a\u30fb\u8a18\u5ff5\u65e5 -->\n    <div class=\"sg-card\">\n      <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/22938631_m.jpg\" alt=\"\u5973\u5b50\u4f1a\u30fb\u8a18\u5ff5\u65e5\">\n      <div class=\"sg-overlay\"><\/div>\n      <div class=\"sg-body\">\n        <p class=\"sg-num\">04<\/p>\n        <p class=\"sg-title\">\u5973\u5b50\u4f1a\u30fb\u8a18\u5ff5\u65e5<\/p>\n        <p class=\"sg-catch\">\u81ea\u5206\u3078\u306e\u3054\u8912\u7f8e\u306b\u3001\u6975\u4e0a\u306e\u3072\u3068\u3068\u304d\u3092\u3002<\/p>\n        <p class=\"sg-text\">\n          \u30b5\u30a6\u30ca\u3067\u30ea\u30d5\u30ec\u30c3\u30b7\u30e5\u3057\u3001\u30b8\u30e3\u30b0\u30b8\u30fc\u3067\u3086\u3063\u305f\u308a\u3068\u304f\u3064\u308d\u3050\u3002\n\u65e5\u5e38\u3092\u96e2\u308c\u305f\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u7a7a\u9593\u3067\u3001\u5fc3\u3082\u8eab\u4f53\u3082\u30ea\u30bb\u30c3\u30c8\u3067\u304d\u307e\u3059\u3002\n\n\u8a95\u751f\u65e5\u30b1\u30fc\u30ad\u3084\u30aa\u30fc\u30c9\u30d6\u30eb\u306a\u3069\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u5229\u7528\u3059\u308c\u3070\u3001\u5927\u5207\u306a\u8a18\u5ff5\u65e5\u3092\u3055\u3089\u306b\u7279\u5225\u306a\u3082\u306e\u306b\u6f14\u51fa\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  <p class=\"um-rv-hint\" aria-hidden=\"true\">\u2190 \u30b9\u30ef\u30a4\u30d7\u3057\u3066\u898b\u308b \u2192<\/p>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#f5f3ef\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"villa-section bg-a\">\n  <div class=\"section-title\">\n    <p class=\"st-en\">Villa Introduction<\/p>\n    <div class=\"st-deco\"><span><\/span><span><\/span><span><\/span><\/div>\n    <h2 class=\"st-ja\">\u30f4\u30a3\u30e9\u306e\u7d39\u4ecb<\/h2>\n  <\/div>\n\n  <div class=\"villa-grid\">\n    <!-- 6886 -->\n    <article class=\"villa-card\">\n      <div class=\"villa-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-25.jpg\" alt=\"PRIVATE VILLA 6886\">\n        <span class=\"villa-badge\">PRIVATE VILLA 6886<\/span>\n      <\/div>\n      <div class=\"villa-info\">\n        <p class=\"villa-type\">PRIVATE VILLA<\/p>\n        <h3 class=\"villa-name\">6886<\/h3>\n        <p class=\"villa-concept\">\n          \u6728\u3005\u306b\u5305\u307e\u308c\u308b\u3001\u5b8c\u5168\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30b5\u30a6\u30ca\u30f4\u30a3\u30e9\n        <\/p>\n        <div class=\"villa-description\">\n          <p>\n        \u96d1\u6728\u6797\u306b\u56f2\u307e\u308c\u305f\u9759\u304b\u306a\u74b0\u5883\u3067\u3001\u30b5\u30a6\u30ca\u30fb\u30b8\u30e3\u30b0\u30b8\u30fc\u30fb\u5916\u6c17\u6d74\u3092\u697d\u3057\u3080\u5927\u4eba\u306e\u4f11\u65e5\u3002\n\u5468\u56f2\u3092\u6c17\u306b\u305b\u305a\u3001\u81ea\u5206\u305f\u3061\u306e\u30da\u30fc\u30b9\u3067\u904e\u3054\u305b\u308b1\u65e51\u7d44\u9650\u5b9a\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u3067\u3059\u3002\n\u6d77\u306e\u305d\u3070\u3067\u3001\u3086\u3063\u304f\u308a\u3068\u5fc3\u3068\u8eab\u4f53\u3092\u4f11\u3081\u308b\u6ede\u5728\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n\n        <!-- \u57fa\u672c\u60c5\u5831 -->\n        <div class=\"villa-spec\">\n          <div class=\"villa-spec-item\">\n            <span class=\"villa-spec-label\">\u6599\u91d1<\/span>\n            <span class=\"villa-spec-value\">\u00a599,000<span class=\"villa-spec-unit\">\u301c \/ \u68df<\/span><\/span>\n          <\/div>\n          <div class=\"villa-spec-item\">\n            <span class=\"villa-spec-label\">\u5b9a\u54e1<\/span>\n            <span class=\"villa-spec-value\">\u6700\u59278\u540d<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- \u65bd\u8a2d\u30de\u30c3\u30d7 -->\n        <div class=\"villa-map\">\n          <p class=\"villa-map-label\">\u65bd\u8a2d\u30de\u30c3\u30d7<\/p>\n          <button type=\"button\" class=\"map-img-btn\" data-src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/04\/6886-zumen.png\" data-title=\"VILLA 6886\" aria-label=\"\u56f3\u9762\u3092\u62e1\u5927\u8868\u793a\">\n            <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/04\/6886-zumen.png\" class=\"map-zumen\" alt=\"6886 \u56f3\u9762\">\n            <span class=\"map-zoom-hint\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"16\" height=\"16\">\n                <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                <line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n              <\/svg>\n              \u62e1\u5927\u3059\u308b\n            <\/span>\n          <\/button>\n        <\/div>\n<div style=\"border: 2px solid #c0392b; border-radius: 6px; padding: 14px 16px; margin: 18px 0; background-color: #fdf3f2;\">\n  <p style=\"margin: 0 0 8px; font-size: 0.75em; font-weight: bold; color: #c0392b;\">\n    \u26a0 \u3054\u4e88\u7d04\u306e\u304a\u90e8\u5c4b\uff08\u68df\uff09\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n  <\/p>\n  <p style=\"margin: 0; font-size: 0.75em; line-height: 1.8; color: #444;\">\n    \u3054\u5230\u7740\u306e\u969b\u306f\u304a\u9593\u9055\u3048\u306e\u306a\u3044\u3088\u3046\u3001\u4e8b\u524d\u306b\u65bd\u8a2dMAP\u3067\u3054\u78ba\u8a8d\u4e0b\u3055\u3044\u3002<br>\n    <a href=\"https:\/\/umichika.jp\/villa\/access\/#FacilityMAP\" style=\"color: #c0392b; font-weight: bold;\">\u25b6 \u65bd\u8a2dMAP\u30fb\u304a\u90e8\u5c4b\uff08\u68df\uff09\u306e\u3054\u78ba\u8a8d\u306f\u3053\u3061\u3089<\/a>\n  <\/p>\n<\/div>\n    <\/div><\/article>\n\n    <!-- 6885 -->\n    <article class=\"villa-card villa-card-new\">\n      <div class=\"villa-img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-30.jpg\" alt=\"POOL &amp; SAUNA VILLA 6885\">\n        <span class=\"villa-badge villa-badge-new\">POOL &amp; SAUNA VILLA 6885<\/span>\n        <span class=\"villa-new-tag\">NEW OPEN<\/span>\n      <\/div>\n      <div class=\"villa-info\">\n        <p class=\"villa-type\">POOL &amp; SAUNA VILLA<\/p>\n        <h3 class=\"villa-name\">6885<\/h3>\n        <p class=\"villa-concept\">\n          \u30d7\u30fc\u30eb\u3068\u30b5\u30a6\u30ca\u3067\u697d\u3057\u3080\u3001\u30e9\u30b0\u30b8\u30e5\u30a2\u30ea\u30fc\u30f4\u30a3\u30e9\n        <\/p>\n        <div class=\"villa-description\">\n          <p>\n           \u9bae\u3084\u304b\u306a\u30d6\u30eb\u30fc\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30d7\u30fc\u30eb\u3068\u5927\u578b\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3092\u5099\u3048\u305f\u30011\u65e51\u7d44\u9650\u5b9a\u306e\u30f4\u30a3\u30e9\u3002\n\u30d7\u30fc\u30eb\u3067\u304f\u3064\u308d\u304e\u3001\u30b5\u30a6\u30ca\u3067\u3068\u3068\u306e\u3044\u3001\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\u3067BBQ\u3092\u697d\u3057\u3080\u3002\u79fb\u52d5\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u601d\u3044\u601d\u3044\u306e\u6642\u9593\u3092\u904e\u3054\u305b\u308b\u8d05\u6ca2\u306a\u7a7a\u9593\u3067\u3059\u3002\u6d77\u306e\u305d\u3070\u3067\u3001\u975e\u65e5\u5e38\u306b\u6d78\u308b\u7279\u5225\u306a\u4f11\u65e5\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n\n        <!-- \u57fa\u672c\u60c5\u5831 -->\n        <div class=\"villa-spec\">\n          <div class=\"villa-spec-item\">\n            <span class=\"villa-spec-label\">\u6599\u91d1<\/span>\n            <span class=\"villa-spec-value\">\u00a5 128,000<span class=\"villa-spec-unit\">\u301c \/ \u68df<\/span><\/span>\n          <\/div>\n          <div class=\"villa-spec-item\">\n            <span class=\"villa-spec-label\">\u5b9a\u54e1<\/span>\n            <span class=\"villa-spec-value\">\u6700\u59278\u540d<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- \u65bd\u8a2d\u30de\u30c3\u30d7 -->\n        <div class=\"villa-map\">\n          <p class=\"villa-map-label\">\u65bd\u8a2d\u30de\u30c3\u30d7<\/p>\n          <button type=\"button\" class=\"map-img-btn\" data-src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/04\/6885-zumen.png\" data-title=\"VILLA 6885\" aria-label=\"\u56f3\u9762\u3092\u62e1\u5927\u8868\u793a\">\n            <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/04\/6885-zumen.png\" class=\"map-zumen\" alt=\"6885 \u56f3\u9762\">\n            <span class=\"map-zoom-hint\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"16\" height=\"16\">\n                <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"2\"><\/circle>\n                <line x1=\"16.5\" y1=\"16.5\" x2=\"22\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n                <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n                <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/line>\n              <\/svg>\n              \u62e1\u5927\u3059\u308b\n            <\/span>\n          <\/button>\n        <\/div>\n<div style=\"border: 2px solid #c0392b; border-radius: 6px; padding: 14px 16px; margin: 18px 0; background-color: #fdf3f2;\">\n  <p style=\"margin: 0 0 8px; font-size: 0.75em; font-weight: bold; color: #c0392b;\">\n    \u26a0 \u3054\u4e88\u7d04\u306e\u304a\u90e8\u5c4b\uff08\u68df\uff09\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\n  <\/p>\n  <p style=\"margin: 0; font-size: 0.75em; line-height: 1.8; color: #444;\">\n    \u3054\u5230\u7740\u306e\u969b\u306f\u304a\u9593\u9055\u3048\u306e\u306a\u3044\u3088\u3046\u3001\u4e8b\u524d\u306b\u65bd\u8a2dMAP\u3067\u3054\u78ba\u8a8d\u4e0b\u3055\u3044\u3002<br>\n    <a href=\"https:\/\/umichika.jp\/villa\/access\/#FacilityMAP\" style=\"color: #c0392b; font-weight: bold;\">\u25b6 \u65bd\u8a2dMAP\u30fb\u304a\u90e8\u5c4b\uff08\u68df\uff09\u306e\u3054\u78ba\u8a8d\u306f\u3053\u3061\u3089<\/a>\n  <\/p>\n<\/div>\n      <\/div>\n    <\/article>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     COMPARE - 2\u68df\u6bd4\u8f03\u8868\n     ============================================================ -->\n<section class=\"compare-new-section\">\n  <div class=\"section-title\">\n    <p class=\"st-en\">Comparison<\/p>\n    <div class=\"st-deco\"><span><\/span><span><\/span><span><\/span><\/div>\n    <h2 class=\"st-ja\">\u3072\u3068\u76ee\u3067\u308f\u304b\u308b\u30012\u68df\u306e\u9055\u3044<\/h2>\n  <\/div>\n\n  <div class=\"cn-wrap\">\n    <table class=\"cn-table\">\n      <thead>\n        <tr>\n          <th class=\"cn-th-empty\"><\/th>\n          <th class=\"cn-th\">\n            <span class=\"cn-th-type\">PRIVATE VILLA<\/span>\n            <span class=\"cn-th-name\">6886<\/span>\n          <\/th>\n          <th class=\"cn-th cn-th-new\">\n            <span class=\"cn-th-new-tag\">NEW OPEN<\/span>\n            <span class=\"cn-th-type\">POOL &amp; SAUNA<\/span>\n            <span class=\"cn-th-name\">6885<\/span>\n          <\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td class=\"cn-label\">\u6599\u91d1<\/td>\n          <td class=\"cn-cell\">\n            \u00a588,000<span class=\"cn-cell-unit\">\u301c \/ \u68df<\/span>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new\">\n            \u00a5110,000<span class=\"cn-cell-unit\">\u301c \/ \u68df<\/span>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">1\u540d\u3042\u305f\u308a<\/td>\n          <td class=\"cn-cell\">\n            \u00a522,000\u301c<span class=\"cn-cell-sub\">\uff084\u540d\u5229\u7528\u6642\uff09<\/span>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new\">\n            \u00a527,500\u301c<span class=\"cn-cell-sub\">\uff084\u540d\u5229\u7528\u6642\uff09<\/span>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u5b9a\u54e1<\/td>\n          <td class=\"cn-cell\">\u6700\u59278\u540d<\/td>\n          <td class=\"cn-cell cn-cell-new\">\u6700\u59278\u540d<\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u30d7\u30fc\u30eb<\/td>\n          <td class=\"cn-cell cn-none\">\u2014<\/td>\n          <td class=\"cn-cell cn-cell-new cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n            <span class=\"cn-yes-note\">3m\u00d76m<\/span>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca<\/td>\n          <td class=\"cn-cell cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u9732\u5929\u30b8\u30e3\u30b0\u30b8\u30fc<\/td>\n          <td class=\"cn-cell cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\uff0bBBQ<\/td>\n          <td class=\"cn-cell cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u5e8a\u6696\u623f<\/td>\n          <td class=\"cn-cell cn-none\">\u2014<\/td>\n          <td class=\"cn-cell cn-cell-new cn-yes\">\n            <svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\">\n              <circle cx=\"8\" cy=\"8\" r=\"7\" fill=\"#3a9ec0\"><\/circle>\n              <path d=\"M4.5 8l2.5 2.5 4-4\" stroke=\"#fff\" stroke-width=\"1.8\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/td>\n        <\/tr>\n        <tr>\n          <td class=\"cn-label\">\u3053\u3093\u306a\u65b9\u306b<\/td>\n          <td class=\"cn-cell cn-target\">\n            <ul>\n              <li>\u9759\u304b\u306b\u6574\u3044\u305f\u3044<\/li>\n              <li>\u30ab\u30c3\u30d7\u30eb\u30fb\u5c11\u4eba\u6570<\/li>\n              <li>\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u611f\u91cd\u8996<\/li>\n            <\/ul>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new cn-target\">\n            <ul>\n              <li>\u30d7\u30fc\u30eb\u3067\u904a\u3073\u305f\u3044<\/li>\n              <li>\u30d5\u30a1\u30df\u30ea\u30fc\u30fb\u30b0\u30eb\u30fc\u30d7<\/li>\n              <li>\u958b\u653e\u611f\u3092\u697d\u3057\u307f\u305f\u3044<\/li>\n            <\/ul>\n          <\/td>\n        <\/tr>\n        <tr class=\"cn-cta-row\">\n          <td><\/td>\n          <td class=\"cn-cell\">\n            <a class=\"cn-btn\" href=\"https:\/\/villaumichika.booking.chillnn.com\/ja\/\" target=\"_blank\" rel=\"noopener noreferrer\">6886\u3092\u4e88\u7d04\u3059\u308b<\/a>\n          <\/td>\n          <td class=\"cn-cell cn-cell-new\">\n            <a class=\"cn-btn cn-btn-primary\" href=\"https:\/\/villaumichika.booking.chillnn.com\/ja\/\" target=\"_blank\" rel=\"noopener noreferrer\">6885\u3092\u4e88\u7d04\u3059\u308b<\/a>\n          <\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  <p class=\"cn-scroll-hint\" aria-hidden=\"true\">\u2190 \u30b9\u30ef\u30a4\u30d7\u3057\u3066\u6bd4\u8f03 \u2192<\/p>\n<\/section>\n\n<!-- ============================================================\n     \u56f3\u9762\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\uff08\u30e2\u30fc\u30c0\u30eb\uff09\n     ============================================================ -->\n<div class=\"zumen-modal\" id=\"zumenModal\" role=\"dialog\" aria-modal=\"true\">\n  <div class=\"zumen-modal-backdrop\"><\/div>\n  <div class=\"zumen-modal-inner\">\n    <button type=\"button\" class=\"zumen-modal-close\" aria-label=\"\u9589\u3058\u308b\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" width=\"22\" height=\"22\" aria-hidden=\"true\">\n        <line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\" stroke=\"#ffffff\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/line>\n        <line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\" stroke=\"#ffffff\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/line>\n      <\/svg>\n    <\/button>\n    <p class=\"zumen-modal-title\" id=\"zumenModalTitle\"><\/p>\n    <div class=\"zumen-modal-body\">\n      <img decoding=\"async\" src=\"\" alt=\"\u56f3\u9762\u62e1\u5927\" id=\"zumenModalImg\" class=\"zumen-modal-img\">\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#e8f4f8\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- ============================================================\n     \u5171\u901a\u8a2d\u5099\n     ============================================================ -->\n<section class=\"slider-section bg-a\">\n\n  <div class=\"section-title\">\n    <p class=\"st-en\">FACILITIES<\/p>\n    <div class=\"st-deco\"><span><\/span><span><\/span><span><\/span><\/div>\n    <h2 class=\"st-ja\">\u5171\u901a\u8a2d\u5099\u306e\u3054\u6848\u5185<\/h2>\n  <\/div>\n\n  <div class=\"slider-outer-container\">\n    <div class=\"swiper myCustomSwiper\">\n      <div class=\"swiper-wrapper\">\n\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-55.jpg\" class=\"card-image\" alt=\"\u8a2d\u50991\">\n          <h3 class=\"card-title\">\u5927\u578b\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\uff08\u30ed\u30a6\u30ea\u30e5\u5bfe\u5fdc\uff09<\/h3>\n          <p class=\"card-text\">\u672c\u683c\u30d5\u30a3\u30f3\u30e9\u30f3\u30c9\u5f0f\u306e\u30d0\u30ec\u30eb\u30b5\u30a6\u30ca\u3002\u30ed\u30a6\u30ea\u30e5\u3067\u84b8\u3055\u308c\u306a\u304c\u3089\u3001\u601d\u3046\u5b58\u5206\u300c\u3068\u3068\u306e\u3046\u300d\u6642\u9593\u3092\u6e80\u55ab\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-13.jpg\" class=\"card-image\" alt=\"\u8a2d\u50992\">\n          <h3 class=\"card-title\">\u9732\u5929\u30b8\u30e3\u30b0\u30b8\u30fc<\/h3>\n          <p class=\"card-text\">\u591c\u306f\u661f\u7a7a\u306e\u4e0b\u3067\u3001\u6c17\u6ce1\u306b\u5305\u307e\u308c\u3066\u30ea\u30e9\u30c3\u30af\u30b9\u3002\u5916\u6c17\u6d74\u3068\u306e\u7d44\u307f\u5408\u308f\u305b\u304c\u6700\u9ad8\u3067\u3059\u3002<span class=\"small-text\">\u203b\u3053\u3061\u3089\u306e\u5199\u771f\u306f\u300cVILLA 6886\u300d\u306e\u3082\u306e\u3067\u3059\u3002<\/span><\/p>\n        <\/div>\n\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-62.jpg\" class=\"card-image\" alt=\"\u8a2d\u50993\">\n          <h3 class=\"card-title\">\u30d5\u30eb\u88c5\u5099\u30ad\u30c3\u30c1\u30f3\uff0b\u30ea\u30d3\u30f3\u30b0<\/h3>\n          <p class=\"card-text\">\n            IH\u30b3\u30f3\u30ed\u30fb\u96fb\u5b50\u30ec\u30f3\u30b8\u30fb\u51b7\u8535\u5eab\u30fb\u98df\u5668\u985e\u307e\u3067\u5b8c\u5099\u3002\u307e\u308b\u3067\u6211\u304c\u5bb6\u306e\u3088\u3046\u306b\u304f\u3064\u308d\u3052\u308b\u5e83\u3044\u30ea\u30d3\u30f3\u30b0\u30c0\u30a4\u30cb\u30f3\u30b0\u3082\u3002<span class=\"small-text\">\u203b\u3053\u3061\u3089\u306e\u5199\u771f\u306f\u300cVILLA 6885\u300d\u306e\u3082\u306e\u3067\u3059\u3002<\/span><\/p>\n        <\/div>\n\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-43.jpg\" class=\"card-image\" alt=\"\u8a2d\u50994\">\n          <h3 class=\"card-title\">BBQ\u30b0\u30ea\u30eb\uff0b\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad<\/h3>\n          <p class=\"card-text\">\u5e83\u3005\u3068\u3057\u305f\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\u3067\u672c\u683cBBQ\u3092\u3002\u98df\u6750\u3092\u6301\u3061\u8fbc\u3093\u3067\u3082\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u3067\u6ce8\u6587\u3057\u3066\u3082\u3002\u591c\u306e\u711a\u304d\u706b\u6c17\u5206\u3082\u697d\u3057\u3081\u307e\u3059\u3002<span class=\"small-text\">\u203b\u3053\u3061\u3089\u306e\u5199\u771f\u306f\u300cVILLA 6885\u300d\u306e\u3082\u306e\u3067\u3059\u3002<\/span><\/p>\n        <\/div>\n\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\" src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/Amenities.jpeg\" class=\"card-image\" alt=\"\u8a2d\u50994\">\n          <h3 class=\"card-title\">\u5145\u5b9f\u306e\u30a2\u30e1\u30cb\u30c6\u30a3<\/h3>\n          <p class=\"card-text\">\u30bf\u30aa\u30eb\u30fb\u30d5\u30a7\u30a4\u30b9\u30bf\u30aa\u30eb\u30fb\u30b7\u30e3\u30f3\u30d7\u30fc\u30fb\u30dc\u30c7\u30a3\u30bd\u30fc\u30d7\u30fb\u30c9\u30e9\u30a4\u30e4\u30fc\u306a\u3069\u65e5\u7528\u54c1\u306f\u3059\u3079\u3066\u63c3\u3063\u3066\u3044\u307e\u3059\u3002\u624b\u3076\u3089\u3067\u304a\u8d8a\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n        <\/div>\n\n      <\/div>\n      <button class=\"nav-btn prev\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><polyline points=\"15,4 7,12 15,20\" stroke=\"white\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n      <button class=\"nav-btn next\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><polyline points=\"9,4 17,12 9,20\" stroke=\"white\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\n      <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height:349px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<section class=\"access\">\n  <div class=\"section-title sub\">\n    <p class=\"st-en\">ACCESS<\/p>\n    <h2 class=\"st-ja\">\u30a2\u30af\u30bb\u30b9<\/h2>\n  <\/div>\n  <div class=\"access__grid\">\n    <div class=\"access__info\">\n      <div class=\"access__address\">\n        <div class=\"access__zip\">\u3012299-4303<\/div>\n        <div class=\"access__addr\">\u5343\u8449\u770c\u9577\u751f\u90e1\u4e00\u5bae\u753a<br \/>\u6771\u6d6a\u898b6886-2<\/div>\n      <\/div>\n\n      <div class=\"access__routes\">\n        <div class=\"route\">\n          <span class=\"route__tag\">\u96fb\u8eca<\/span>\n          <span class=\"route__text\"\n            >\u6771\u4eac\u99c5 \u2192 \u4e0a\u7dcf\u4e00\u30ce\u5bae\u99c5 \u7d0475\u5206<br \/>\u99c5\u304b\u3089\u30bf\u30af\u30b7\u30fc\u7d0410\u5206<\/span\n          >\n        <\/div>\n        <div class=\"route\">\n          <span class=\"route__tag\">\u8eca<\/span>\n          <span class=\"route__text\">\u570f\u592e\u9053 \u4e00\u5baeIC\u3088\u308a\u7d045\u5206<\/span>\n        <\/div>\n      <\/div>\n\n      <a\n        class=\"access__btn\"\n        href=\"https:\/\/maps.app.goo.gl\/CMTNqS3PgWi8k34h8\"\n        target=\"_blank\"\n        rel=\"noopener\"\n      >\n        Google \u30de\u30c3\u30d7\u3067\u958b\u304f\n        <span class=\"arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n\n    <!-- \u53f3\uff1a\u5730\u56f3 -->\n    <div class=\"access__map\">\n      <iframe\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d203.3746831563957!2d140.38529437062655!3d35.355772124501684!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f50!3m3!1m2!1s0x6022c900246feb13%3A0xdc35fcf01fe827fc!2sUMICHIKA%206886!5e0!3m2!1sja!2sjp!4v1736860027655!5m2!1sja!2sjp\"\n        allowfullscreen=\"\"\n        loading=\"lazy\"\n        referrerpolicy=\"no-referrer-when-downgrade\"\n        title=\"UMICHIKA 6886 \u30a2\u30af\u30bb\u30b9\u30de\u30c3\u30d7\"\n      ><\/iframe>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#fafaf8\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"umichika-ig-section\">\n  <div class=\"umichika-ig-inner\">\n    <!-- \u30d8\u30c3\u30c0\u30fc -->\n    <div class=\"umichika-ig-header\">\n      <span class=\"umichika-ig-eyebrow\">\n        <svg\n          width=\"13\"\n          height=\"13\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.2\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n          <circle\n            cx=\"17.5\"\n            cy=\"6.5\"\n            r=\"1.5\"\n            fill=\"currentColor\"\n            stroke=\"none\"\n          ><\/circle>\n        <\/svg>\n        Instagram\n      <\/span>\n      <h2 class=\"umichika-ig-title\">\u65bd\u8a2d\u306e\u96f0\u56f2\u6c17\u3092<br \/>\u5199\u771f\u3067\u30c1\u30a7\u30c3\u30af<\/h2>\n      <p class=\"umichika-ig-desc\">\n        \u30b5\u30a6\u30ca\u30fb\u30b8\u30e3\u30b0\u30b8\u30fc\u30fb\u30a6\u30c3\u30c9\u30c7\u30c3\u30ad\u30fb\u30d3\u30fc\u30c1\u2014\u2014<br \/>\n        \u5b9f\u969b\u306e\u6ede\u5728\u306e\u69d8\u5b50\u3092\u6bce\u65e5\u66f4\u65b0\u4e2d\u3002\n      <\/p>\n      <a\n        class=\"umichika-ig-handle\"\n        href=\"https:\/\/www.instagram.com\/umichika6886\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label=\"Instagram\u30a2\u30ab\u30a6\u30f3\u30c8 @umichika6886 \u3092\u958b\u304f\"\n      >\n        @umichika6886\n      <\/a>\n    <\/div>\n\n    <!-- Smash Balloon \u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9 -->\n    <div class=\"umichika-ig-feed-wrap\">\n      \t\t<div id=\"sbi_mod_error\" >\n\t\t\t<span>\u3053\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306f WordPress \u306e\u7ba1\u7406\u8005\u306b\u3060\u3051\u8868\u793a\u3055\u308c\u307e\u3059 <\/span><br\/>\n\t\t\t<p><strong>Error: No connected account.<\/strong>\n\t\t\t<p>Please go to the Instagram Feed settings page to connect an account.<\/p>\n\t\t<\/div>\n\t\t\n    <\/div>\n\n    <!-- \u30d5\u30c3\u30bf\u30fcCTA -->\n    <div class=\"umichika-ig-footer\">\n      <a\n        class=\"umichika-ig-btn\"\n        href=\"https:\/\/www.instagram.com\/umichika6886\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <svg\n          width=\"15\"\n          height=\"15\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.2\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n          <circle\n            cx=\"17.5\"\n            cy=\"6.5\"\n            r=\"1.5\"\n            fill=\"currentColor\"\n            stroke=\"none\"\n          ><\/circle>\n        <\/svg>\n        \u3082\u3063\u3068\u898b\u308b\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#f5f3ef\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"slider-section bg-a\">\n  <div class=\"section-title sub\">\n    <p class=\"st-en\">GUIDE<\/p>\n    <h2 class=\"st-ja\">\u5468\u8fba\u89b3\u5149\u306e\u3054\u6848\u5185<\/h2>\n  <\/div>\n\n  <div class=\"slider-outer-container\">\n    <div class=\"swiper myCustomSwiper\">\n      <div class=\"swiper-wrapper\">\n        <!-- GUIDE 01 -->\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/kankouchi001.jpg\"\n            class=\"card-image\"\n            alt=\"\u91e3\u30f6\u5d0e\u6d77\u5cb8\"\n          \/>\n          <h3 class=\"card-title\">\u91e3\u30f6\u5d0e\u6d77\u5cb8<\/h3>\n          <p class=\"card-text\">\n            \u6771\u4eac2020\u30aa\u30ea\u30f3\u30d4\u30c3\u30af\u306e\u30b5\u30fc\u30d5\u30a3\u30f3\u7af6\u6280\u4f1a\u5834\u306b\u3082\u306a\u3063\u305f\u3001\u4e5d\u5341\u4e5d\u91cc\u6d5c\u3092\u4ee3\u8868\u3059\u308b\u30d3\u30fc\u30c1\u3002\u300c\u6ce2\u4e57\u308a\u9053\u5834\u300d\u306e\u7570\u540d\u3092\u6301\u3064\u307b\u3069\u826f\u8cea\u306a\u6ce2\u304c\u5e74\u4e2d\u6253\u3061\u5bc4\u305b\u3001\u30d7\u30ed\u30b5\u30fc\u30d5\u30a1\u30fc\u3082\u96c6\u307e\u308b\u8056\u5730\u3067\u3059\u3002\u6d77\u5cb8\u306b\u7acb\u3064\u9ce5\u5c45\u3068\u592a\u5e73\u6d0b\u306e\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u306f\u3001\u5199\u771f\u6620\u3048\u3082\u629c\u7fa4\u3002\n          <\/p>\n        <\/div>\n\n        <!-- GUIDE 02 -->\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-32.jpg\"\n            class=\"card-image\"\n            alt=\"\u30b5\u30f3\u30e9\u30a4\u30ba\u30d3\u30fc\u30c1\"\n          \/>\n          <h3 class=\"card-title\">\u30b5\u30f3\u30e9\u30a4\u30ba\u30d3\u30fc\u30c1<\/h3>\n          <p class=\"card-text\">\n            \u30f4\u30a3\u30e9\u304b\u3089\u5f92\u6b69\u308f\u305a\u304b7\u5206\uff08\u7d04500m\uff09\u3002\u671d\u65e5\u304c\u6c34\u5e73\u7dda\u304b\u3089\u6607\u308b\u77ac\u9593\u306f\u3001\u3053\u3053\u306b\u6cca\u307e\u3063\u305f\u304b\u3089\u3053\u305d\u5473\u308f\u3048\u308b\u7279\u5225\u306a\u666f\u8272\u3067\u3059\u3002\u30b7\u30e3\u30ef\u30fc\u3084\u66f4\u8863\u5ba4\u3082\u5b8c\u5099\u3055\u308c\u3066\u3044\u308b\u306e\u3067\u3001\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u524d\u306b\u3072\u3068\u6cf3\u304e\u3059\u308b\u306e\u3082\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <!-- GUIDE 03 -->\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/kankouchi02.jpg\"\n            class=\"card-image\"\n            alt=\"\u7389\u524d\u795e\u793e\"\n          \/>\n          <h3 class=\"card-title\">\u7389\u524d\u795e\u793e<\/h3>\n          <p class=\"card-text\">\n            \u5bcc\u58eb\u5c71\u30fb\u51fa\u96f2\u5927\u793e\u3068\u4e00\u76f4\u7dda\u306b\u4e26\u3076\u300c\u30ec\u30a4\u30e9\u30a4\u30f3\u300d\u306e\u6771\u306e\u8d77\u70b9\u3068\u3057\u3066\u77e5\u3089\u308c\u308b\u3001\u95a2\u6771\u5c48\u6307\u306e\u30d1\u30ef\u30fc\u30b9\u30dd\u30c3\u30c8\u30021200\u5e74\u4ee5\u4e0a\u306e\u6b74\u53f2\u3092\u6301\u3061\u3001\u7e01\u7d50\u3073\u3084\u5b89\u7523\u306e\u3054\u5229\u76ca\u3067\u6709\u540d\u3067\u3059\u3002\u5883\u5185\u306e\u300c\u306f\u3060\u3057\u306e\u9053\u300d\u3092\u88f8\u8db3\u30673\u5468\u3059\u308b\u3068\u6c17\u304c\u6e80\u3061\u308b\u3068\u3055\u308c\u3001\u305c\u3072\u4f53\u9a13\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n\n        <!-- GUIDE 04 -->\n        <div class=\"swiper-slide card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/kankouchi03.jpg\"\n            class=\"card-image\"\n            alt=\"\u4e00\u5bae\u753a\u5468\u8fba\"\n          \/>\n          <h3 class=\"card-title\">\u4e00\u5bae\u753a\u5468\u8fba<\/h3>\n          <p class=\"card-text\">\n            \u30b5\u30fc\u30d5\u30bf\u30a6\u30f3\u306a\u3089\u3067\u306f\u306e\u304a\u3057\u3083\u308c\u306a\u30ab\u30d5\u30a7\u3001\u30b5\u30fc\u30d5\u30b7\u30e7\u30c3\u30d7\u3001\u5730\u5143\u30b0\u30eb\u30e1\u306e\u304a\u5e97\u304c\u70b9\u5728\u3059\u308b\u6d77\u6cbf\u3044\u306e\u753a\u3002\u30ec\u30f3\u30bf\u30b5\u30a4\u30af\u30eb\u3067\u6f6e\u98a8\u3092\u611f\u3058\u306a\u304c\u3089\u5de1\u308b\u306e\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\u91e3\u30f6\u5d0e\u89b3\u5149\u6848\u5185\u6240\u3067\u306f\u30ec\u30f3\u30bf\u30b5\u30a4\u30af\u30eb\uff08500\u5186\/\u65e5\uff09\u3082\u5229\u7528\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n      <button class=\"nav-btn prev\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <polyline\n            points=\"15,4 7,12 15,20\"\n            stroke=\"white\"\n            stroke-width=\"2.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ><\/polyline>\n        <\/svg>\n      <\/button>\n      <button class=\"nav-btn next\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <polyline\n            points=\"9,4 17,12 9,20\"\n            stroke=\"white\"\n            stroke-width=\"2.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ><\/polyline>\n        <\/svg>\n      <\/button>\n      <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"more-btn-container\">\n    <a href=\"https:\/\/umichika.jp\/villa\/surrounding\/\" class=\"more-btn\"\n      >\u4ed6\u306e\u89b3\u5149\u5730\u3082\u898b\u308b<\/a\n    >\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#fafaf8\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"flow-section bg-a\">\n  <div class=\"container\">\n    <div class=\"section-title sub\">\n      <p class=\"st-en\">FLOW<\/p>\n      <h2 class=\"st-ja\">\u3054\u5229\u7528\u306e\u6d41\u308c<\/h2>\n    <\/div>\n\n    <div class=\"flow-container\">\n      <div class=\"flow-item\">\n        <div class=\"flow-number\">01<\/div>\n        <div class=\"flow-content\">\n          <h3>\u3054\u4e88\u7d04<\/h3>\n          <p>\n            \u516c\u5f0f\u30b5\u30a4\u30c8\u307e\u305f\u306f\u5404\u7a2e\u4e88\u7d04\u30b5\u30a4\u30c8\u3088\u308a\u7a7a\u5ba4\u30ab\u30ec\u30f3\u30c0\u30fc\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u3001\u304a\u7533\u3057\u8fbc\u307f\u304f\u3060\u3055\u3044\u3002\u3054\u4e0d\u660e\u306a\u70b9\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"flow-arrow\"><span><\/span><\/div>\n      <div class=\"flow-item\">\n        <div class=\"flow-number\">02<\/div>\n        <div class=\"flow-content\">\n          <h3>\u4e8b\u524d\u306e\u3054\u78ba\u8a8d<\/h3>\n          <p>\n            \u3054\u4e88\u7d04\u5f8c\u3001\u5229\u7528\u898f\u7d04\u30fb\u5bbf\u6cca\u7d04\u6b3e\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u30aa\u30d7\u30b7\u30e7\u30f3\uff08BBQ\u30b0\u30ea\u30eb\u30fb\u304a\u98df\u4e8b\u306a\u3069\uff09\u306e\u3054\u6ce8\u6587\u3082\u3053\u306e\u30bf\u30a4\u30df\u30f3\u30b0\u3067\u3069\u3046\u305e\u3002\u304a\u8377\u7269\u306e\u4e8b\u524d\u767a\u9001\u3082\u627f\u3063\u3066\u304a\u308a\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"flow-arrow\"><span><\/span><\/div>\n      <div class=\"flow-item\">\n        <div class=\"flow-number\">03<\/div>\n        <div class=\"flow-content\">\n          <h3>\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\uff0815:00\u301c\uff09<\/h3>\n          <p>\n            \u5230\u7740\u5f8c\u3001\u30b9\u30bf\u30c3\u30d5\u304c\u65bd\u8a2d\u306e\u3054\u6848\u5185\u3068\u9375\u306e\u53d7\u3051\u6e21\u3057\u3001\u30b5\u30a6\u30ca\u7b49\u306e\u4f7f\u3044\u65b9\u3092\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\u3042\u3068\u306f\u81ea\u7531\u306b\u3001\u601d\u3044\u3063\u304d\u308a\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044\uff01\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"flow-arrow\"><span><\/span><\/div>\n      <div class=\"flow-item\">\n        <div class=\"flow-number\">04<\/div>\n        <div class=\"flow-content\">\n          <h3>\u3054\u6ede\u5728\u3092\u304a\u697d\u3057\u307f\u304f\u3060\u3055\u3044<\/h3>\n          <p>\n            \u30b5\u30a6\u30ca\u30fb\u30b8\u30e3\u30b0\u30b8\u30fc\u30fbBBQ\u30fb\u30d7\u30fc\u30eb\uff086885\u306e\u307f\uff09\u306a\u3069\u3001\u597d\u304d\u306a\u9806\u756a\u3067\u597d\u304d\u306a\u3060\u3051\u3002\u8ab0\u306b\u3082\u6c17\u3092\u4f7f\u308f\u306a\u3044\u3001\u3042\u306a\u305f\u3060\u3051\u306e\u6642\u9593\u3092\u3069\u3046\u305e\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"flow-arrow\"><span><\/span><\/div>\n      <div class=\"flow-item\">\n        <div class=\"flow-number\">05<\/div>\n        <div class=\"flow-content\">\n          <h3>\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\uff08\u301c10:00\uff09<\/h3>\n          <p>\n            10:00\u307e\u3067\u306b\u9375\u3092\u3054\u8fd4\u5374\u304f\u3060\u3055\u3044\u3002\u671d\u306e\u7a7a\u6c17\u3092\u305f\u3063\u3077\u308a\u697d\u3057\u3093\u3067\u304b\u3089\u3001\u307e\u305f\u306e\u304a\u8d8a\u3057\u3092\u304a\u5f85\u3061\u3057\u3066\u304a\u308a\u307e\u3059\uff01\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"faq-section bg-b\">\n  <div class=\"section-title sub\">\n    <p class=\"st-en\">Q&amp;A<\/p>\n    <h2 class=\"st-ja\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/h2>\n  <\/div>\n\n  <div class=\"container\">\n    <div class=\"faq-container\">\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <div class=\"q-left\">\n            <span class=\"q-symbol\">Q<\/span>\n            <span class=\"q-text\"\n              >\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u30fb\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u306e\u6642\u9593\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/span\n            >\n          <\/div>\n          <span class=\"toggle-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer-wrapper\">\n          <div class=\"faq-answer-content\">\n            <p>\n              \u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u306f15:00\u301c20:00\u3001\u30c1\u30a7\u30c3\u30af\u30a2\u30a6\u30c8\u306f10:00\u307e\u3067\u3068\u306a\u308a\u307e\u3059\u3002\u6642\u9593\u5916\u306e\u3054\u5bfe\u5fdc\u306f\u627f\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u306e\u3067\u3001\u4e88\u3081\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <div class=\"q-left\">\n            <span class=\"q-symbol\">Q<\/span>\n            <span class=\"q-text\">\u30ad\u30e3\u30f3\u30bb\u30eb\u30dd\u30ea\u30b7\u30fc\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/span>\n          <\/div>\n          <span class=\"toggle-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer-wrapper\">\n          <div class=\"faq-answer-content\">\n            <p>\n              \u30ad\u30e3\u30f3\u30bb\u30eb\u6599\u306f\u4e0b\u8a18\u306e\u901a\u308a\u3067\u3059\u3002<br \/>\n              \u30fb49\u65e5\u524d\u301c\uff1a\u5bbf\u6cca\u6599\u91d1\u306e30%<br \/>\n              \u30fb30\u65e5\u524d\u301c\uff1a\u5bbf\u6cca\u6599\u91d1\u306e50%<br \/>\n              \u30fb14\u65e5\u524d\u301c\uff1a\u5bbf\u6cca\u6599\u91d1\u306e100%<br \/>\n              \u304a\u65e9\u3081\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <div class=\"q-left\">\n            <span class=\"q-symbol\">Q<\/span>\n            <span class=\"q-text\"\n              >\u8eca\u304c\u306a\u304f\u3066\u3082\u884c\u3051\u307e\u3059\u304b\uff1f\u9001\u8fce\u306a\u3069\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/span\n            >\n          <\/div>\n          <span class=\"toggle-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer-wrapper\">\n          <div class=\"faq-answer-content\">\n            <p>\n              \u306f\u3044\u3001\u96fb\u8eca\u3067\u3082\u304a\u8d8a\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u300c\u96fb\u8eca\u3067\u697d\u3005\uff01\u9001\u8fce\u4ed8\u30d7\u30e9\u30f3\uff08+\u00a52,000\/\u68df\uff09\u300d\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u3068\u3001\u6700\u5bc4\u308a\u99c5\u304b\u3089\u306e\u9001\u8fce\u304c\u53ef\u80fd\u3067\u3059\u3002\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <div class=\"q-left\">\n            <span class=\"q-symbol\">Q<\/span>\n            <span class=\"q-text\">\u98df\u4e8b\u306e\u6301\u3061\u8fbc\u307f\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n          <\/div>\n          <span class=\"toggle-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer-wrapper\">\n          <div class=\"faq-answer-content\">\n            <p>\n              \u306f\u3044\u3001\u98df\u6750\u30fb\u98f2\u307f\u7269\u306e\u6301\u3061\u8fbc\u307f\u306f\u81ea\u7531\u3067\u3059\u3002\u30ad\u30c3\u30c1\u30f3\u3082\u5b8c\u5099\u3057\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u304a\u597d\u304d\u306a\u98df\u6750\u3092\u3054\u6301\u53c2\u304f\u3060\u3055\u3044\u3002BBQ\u30b0\u30ea\u30eb\u306e\u30ec\u30f3\u30bf\u30eb\u3084\u3001\u30aa\u30fc\u30c9\u30d6\u30eb\u30fb\u304a\u523a\u8eab\u306a\u3069\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30e1\u30cb\u30e5\u30fc\u3082\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"faq-item\">\n        <button class=\"faq-question\">\n          <div class=\"q-left\">\n            <span class=\"q-symbol\">Q<\/span>\n            <span class=\"q-text\">\u8377\u7269\u3092\u4e8b\u524d\u306b\u9001\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/span>\n          <\/div>\n          <span class=\"toggle-icon\"><\/span>\n        <\/button>\n        <div class=\"faq-answer-wrapper\">\n          <div class=\"faq-answer-content\">\n            <p>\n              \u306f\u3044\u3001\u4e8b\u524d\u767a\u9001\u304c\u53ef\u80fd\u3067\u3059\u3002\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u65e5\u306b\u5408\u308f\u305b\u3066\u4e0b\u8a18\u5b9b\u306b\u304a\u9001\u308a\u304f\u3060\u3055\u3044\u3002<br \/>\n              \u3012299-4303 \u5343\u8449\u770c\u9577\u751f\u90e1\u4e00\u5bae\u753a\u6771\u6d6a\u898b6886-2 VILLA UMICHIKA<br \/>\n              \u203b\u4f50\u5ddd\u6025\u4fbf\u307e\u305f\u306f\u30e4\u30de\u30c8\u904b\u8f38\u3092\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002\u304a\u8377\u7269\u306e\u304a\u9810\u304b\u308a\u306f\u3067\u304d\u304b\u306d\u307e\u3059\u306e\u3067\u3001\u5fc5\u305a\u30c1\u30a7\u30c3\u30af\u30a4\u30f3\u65e5\u7740\u3067\u304a\u9001\u308a\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Josefin+Sans:wght@300;400;600&#038;family=Noto+Serif+JP:wght@300;400;500&#038;family=Noto+Sans+JP:wght@300;400;500&#038;family=Playfair+Display:ital,wght@0,400;0,600;1,400&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"style.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n<\/head>\n<body>\n\n<!-- ============================================================\n     HERO\n     ============================================================ -->\n\n\n\n\n\n\n\n\n\n\n\n<!-- ============================================================\n     SCRIPTS\n     ============================================================ -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\nwindow.addEventListener('load', () => {\n  \/\/ \u2500\u2500 Swiper\u306e\u8a2d\u5b9a \u2500\u2500\n  document.querySelectorAll('.myCustomSwiper').forEach((container) => {\n    new Swiper(container, {\n      loop: true,\n      slidesPerView: 1, \n      spaceBetween: 16,\n      navigation: {\n        nextEl: container.querySelector('.next'),\n        prevEl: container.querySelector('.prev'),\n      },\n      pagination: {\n        el: container.querySelector('.swiper-pagination'),\n        clickable: true,\n      },\n      breakpoints: {\n        480: {\n          slidesPerView: 2,\n          spaceBetween: 16,\n        },\n        769: {\n          slidesPerView: 3,\n          spaceBetween: 24,\n        }\n      }\n    });\n  });\n\n  \/\/ \u2500\u2500 \u56f3\u9762\u30e2\u30fc\u30c0\u30eb \u2500\u2500\n  const modal       = document.getElementById('zumenModal');\n  const modalImg    = document.getElementById('zumenModalImg');\n  const modalTitle  = document.getElementById('zumenModalTitle');\n  \/\/ \u30a8\u30e9\u30fc\u9632\u6b62\u30ac\u30fc\u30c9\uff1a\u8981\u7d20\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u306e\u307f\u51e6\u7406\u3092\u5b9f\u884c\n  if (modal && modalImg && modalTitle) {\n    const modalClose  = modal.querySelector('.zumen-modal-close');\n    const backdrop    = modal.querySelector('.zumen-modal-backdrop');\n\n    function openModal(src, title) {\n      modalImg.src   = src;\n      modalTitle.textContent = title;\n      modal.classList.add('is-open');\n      document.body.style.overflow = 'hidden';\n      if (modalClose) modalClose.focus();\n    }\n\n    function closeModal() {\n      modal.classList.remove('is-open');\n      document.body.style.overflow = '';\n      modalImg.src = '';\n    }\n\n    document.querySelectorAll('.map-img-btn').forEach(btn => {\n      btn.addEventListener('click', () => {\n        openModal(btn.dataset.src, btn.dataset.title);\n      });\n    });\n\n    if (modalClose) modalClose.addEventListener('click', closeModal);\n    if (backdrop) backdrop.addEventListener('click', closeModal);\n    document.addEventListener('keydown', e => {\n      if (e.key === 'Escape') closeModal();\n    });\n  }\n\n  \/\/ \u2500\u2500 FAQ \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3 \u2500\u2500\n  document.querySelectorAll('.faq-question').forEach(button => {\n    button.addEventListener('click', () => {\n      const faqItem = button.parentElement;\n      document.querySelectorAll('.faq-item.active').forEach(item => {\n        if (item !== faqItem) item.classList.remove('active');\n      });\n      faqItem.classList.toggle('active');\n    });\n  });\n\n  \/\/ \u2500\u2500 Hero Section \u30b9\u30e9\u30a4\u30c0\u30fc \u2500\u2500\n  const slides = document.querySelectorAll('.slide');\n  const dots   = document.querySelectorAll('.dot');\n  if (slides.length > 0) {\n    let current  = 0;\n    let timer;\n   \n    function goTo(n) {\n      slides[current].classList.remove('active');\n      if (dots[current]) dots[current].classList.remove('active');\n      current = n;\n      slides[current].classList.add('active');\n      if (dots[current]) dots[current].classList.add('active');\n      clearInterval(timer);\n      timer = setInterval(next, 5000);\n    }\n   \n    function next() {\n      goTo((current + 1) % slides.length);\n    }\n   \n    window.goTo = goTo;\n    slides[0].classList.add('active');\n    if (dots[0]) dots[0].classList.add('active');\n    timer = setInterval(next, 5000);\n  }\n});\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<style>\n\/* ==========================================================================\n   RESET & ROOT VARIABLES\n   ========================================================================== *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --white:    #FFFFFF;\n  --off-white:#F8F6F2;\n  --light:    #F0EDE7;\n  --beige:    #E4DECE;\n  --tan:      #C8B99A;\n  --brown:    #8B6F47;\n  --dark-br:  #5C4429;\n  --olive:    #6B7355;\n  --dk-olive: #4A5240;\n  --terra:    #A0634A;\n  --charcoal: #3A3530;\n  --gray:     #888078;\n  --lt-gray:  #C5BFB7;\n\n  \/* Brand colors *\/\n  --accent:      #3a9ec0;\n  --accent-lt:   #6ac8e8;\n  --text-head:   #1e6e85;\n  --text-body:   #3a7a90;\n  --text-sub:    #6a9aaa;\n  --border:      #c8e8f4;\n  --new-bg:      #f0fafd;\n  --new-accent:  #2a8aaa;\n\n  --serif:  'Playfair Display', 'Noto Serif JP', serif;\n  --sans:   'Noto Sans JP', sans-serif;\n  --r:  6px;\n  --rl: 12px;\n\n  \/* Spacing scale *\/\n  --sp-xs:  8px;\n  --sp-sm:  16px;\n  --sp-md:  32px;\n  --sp-lg:  56px;\n  --sp-xl:  80px;\n\n  \/* Font scale *\/\n  --fs-xs:   11px;\n  --fs-sm:   13px;\n  --fs-base: 14px;\n  --fs-md:   16px;\n  --fs-lg:   18px;\n  --fs-xl:   22px;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  font-family: 'Noto Sans JP', sans-serif;\n  background: var(--white);\n  color: var(--charcoal);\n  line-height: 1.85;\n  font-weight: 300;\n  overflow-x: hidden;\n}\n\n\/* ==========================================================================\n   SECTION TITLE\uff08\u5171\u901a\uff09\n   ========================================================================== *\/\n.section-title {\n  text-align: center;\n  padding: 0 24px 52px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n}\n\n.st-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 300;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin: 0;\n}\n\n.st-deco {\n  display: flex;\n  align-items: flex-end;\n  gap: 3px;\n  height: 12px;\n}\n\n.st-deco span {\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n}\n\n.st-deco span:nth-child(2) {\n  border-bottom: 9px solid var(--accent);\n  opacity: 0.9;\n}\n\n.st-deco span:nth-child(1),\n.st-deco span:nth-child(3) {\n  border-bottom: 6px solid var(--accent);\n  opacity: 0.4;\n  margin-bottom: 1px;\n}\n\n.st-ja {\n  font-size: 2.25rem;\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.16em;\n  line-height: 1.4;\n  margin: 0;\n}\n\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb\uff08\u30c9\u30c3\u30c8\u306a\u3057\u30fb\u5927\u6587\u5b57\u82f1\u8a9e\uff09 *\/\n.section-title.sub .st-en {\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 300;\n  letter-spacing: 0.4em;\n  color: var(--accent);\n  margin: 0;\n}\n\n.section-title.sub .st-deco {\n  display: none;\n}\n\n.section-title.sub .st-ja {\n  font-size: clamp(14px, 2vw, 18px);\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  color: var(--accent);\n  margin: 4px 0 0;\n}\n\n\n\/* ===========================\n   CONCEPT\n=========================== *\/\n.concept-section {\n  padding: var(--sp-xl) 0;\n}.concept-section {\n    position: relative;\n    overflow: hidden;\n}\n.concept-section::after {\n    content: \"\";\n    position: absolute;\n    top: -60px;\n    right: 0px;\n    width: 360px;\n    height: 360px;\n    background-image: url(https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/leaves2.png);\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: top right;\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.5;\n}\n.concept-content {\n    position: relative;\n    z-index: 1;\n}\n@media (max-width: 767px) {\n    .concept-section::after { display: none; }\n}\n\n.concept-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 40px;\n  text-align: center;\n}\n\n.concept-label-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin-bottom: 12px;\n}\n\n.concept-catch {\nfont-family: 'Noto Sans JP', sans-serif;\n    font-size: clamp(1.75rem, 2.5vw, 1.85rem);\n    font-weight: 500;\n    line-height: 1.9;\n    color: var(--text-head);\n    letter-spacing: 0.04em;\n    margin: 16px 0 32px;\n}\n.concept-body {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: 14px;\n  line-height: 2.4;\n  color: var(--text-body);\n  letter-spacing: 0.05em;\n  margin-bottom: 40px;\n  text-align: center;\n}\n\/* \u68df\u30ab\u30fc\u30c9 *\/\n.concept-villas {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 32px;\n  text-align: center;\n}\n\n.concept-villa-card {\n  display: grid;\n  grid-template-columns: 56px 140px 1fr auto auto;\n  align-items: center;\n  gap: 16px;\n  padding: 20px 24px;\n  border: 1.5px solid var(--border);\n  border-radius: 4px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  color: inherit;\n  min-height: 72px;\n}\n\n.concept-villa-card:hover {\n  border-color: var(--accent);\n  background: #f5fbfd;\n}\n\n.cv-num {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: var(--accent);\n  line-height: 1;\n}\n\n.cv-name {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  letter-spacing: 0.1em;\n  color: var(--text-sub);\n  white-space: nowrap;\n}\n\n.cv-catch {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: var(--fs-xs);\n  color: var(--text-body);\n  line-height: 1.5;\n}\n\n.cv-price {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: var(--fs-xs);\n  color: var(--accent);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.cv-arrow {\n  color: var(--accent);\n  transition: transform 0.2s;\n}\n\n.concept-villa-card:hover .cv-arrow {\n  transform: translateX(4px);\n}\n\n\/* \u4e88\u7d04\u30dc\u30bf\u30f3 *\/\n.concept-btn {\n  display: inline-block;\n  padding: 13px 48px;\n  border: 1.5px solid var(--accent);\n  color: var(--accent);\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n}\n\n.concept-btn:hover {\n  background: var(--accent);\n  color: #fff;\n}\n\n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 768px) {\n  .concept-content {\n    padding: 0 24px;\n  }\n    .concept-section::after {\n        width: 180px;\n        height: 160px;\n        opacity: 0.6;\n    }\n  .concept-villa-card {\n    grid-template-columns: 48px 1fr auto;\n    grid-template-rows: auto auto;\n  }\n\n  .cv-name {\n    display: none;\n  }\n\n  .cv-catch {\n    grid-column: 2;\n    grid-row: 2;\n  }\n\n  .cv-price {\n    grid-column: 3;\n    grid-row: 1;\n  }\n\n  .cv-arrow {\n    grid-column: 3;\n    grid-row: 2;\n    text-align: right;\n  }\n}\n\/* ==========================================================================\n   POINTS\n   ========================================================================== *\/\n.points .section-title {\n  margin-bottom: -55px; \/* gap\u3068\u540c\u3058\u5024\u3092\u6253\u3061\u6d88\u3059 *\/\n}\n.points {\n  max-width: 1000px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 55px;\n  box-sizing: border-box;\n    padding: 20px 20px var(--sp-xl);\n}\n\n.point-card {\n  display: grid;\n  grid-template-columns: 1fr 340px;\n  border: 1px solid var(--border);\n  border-radius: 4px;\n  overflow: hidden;\n  background: var(--white);\n  transition: box-shadow 0.3s ease;\n}\n\n.point-card:hover {\n  box-shadow: 0 6px 28px rgba(58, 158, 192, 0.12);\n}\n\n.card-reverse {\n  grid-template-columns: 340px 1fr;\n}\n\n.point-body {\n  padding: 48px 44px;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  justify-content: center;\n  position: relative;\n}\n\n.point-card:not(.card-reverse) .point-body::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 0; bottom: 0;\n  width: 3px;\n}\n\n.point-label {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  color: var(--accent);\n  text-transform: uppercase;\n}\n\n.point-heading {\n  font-size: clamp(var(--fs-lg), 2.2vw, 24px);\n  font-weight: 700;\n  color: var(--text-head);\n  line-height: 1.6;\n  letter-spacing: 0.04em;\n  margin: 0;\n}\n\n.point-text {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.point-text p {\n  font-size: var(--fs-base);\n  font-weight: 500;\n  line-height: 2;\n  margin: 0;\n}\n.marker {\n  background: linear-gradient(rgba(0, 0, 0, 0) 55%, #f8f8b0 0%);\n  line-height: 1.8;\n}\n.point-media {\n  overflow: hidden;\n  position: relative;\n}\n\n.point-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.point-card:hover .point-media img { transform: scale(1.04); }\n\n.img-placeholder {\n  width: 100%;\n  height: 100%;\n  min-height: 240px;\n}\n\n.ph-sauna { background: linear-gradient(150deg, #1a0e08 0%, #5a2e10 35%, #9a5020 60%, #c87a40 85%, #e0a870 100%); }\n.ph-pool  { background: linear-gradient(150deg, #0a2a3a 0%, #0d5878 35%, #1a90b8 60%, #40b8d8 85%, #80d8f0 100%); }\n.ph-beach { background: linear-gradient(150deg, #0a3050 0%, #1560a0 35%, #4090d0 60%, #80c0e8 80%, #f0d8a0 100%); }\n\n@media (max-width: 860px) {\n  .points { padding: var(--sp-sm) 24px 64px; }\n  .point-card, .card-reverse { grid-template-columns: 1fr; }\n  .point-media { order: -1; height: 220px; }\n  .img-placeholder { min-height: unset; height: 100%; }\n  .point-body { padding: 32px 28px; }\n  .point-card:not(.card-reverse) .point-body::before {\n    top: 0; bottom: auto; left: 0; right: 0;\n    width: auto; height: 3px;\n  }\n}\n\n@media (max-width: 480px) {\n  .points { padding: var(--sp-xs) 16px 48px; gap: 20px; }\n  .point-body { padding: 24px 20px; gap: 14px; }\n  .point-media { height: 180px; }\n}\n\n\/* ============================================================\n   VILLA SECTION - \u30f4\u30a3\u30e9\u306e\u3054\u7d39\u4ecb\uff08\u65e2\u5b58\u306eCSS\u5909\u6570\u3092\u5229\u7528\uff09\n   ============================================================ *\/\n.villa-section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 20px var(--sp-xl);\n}\n \n.villa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n}\n \n.villa-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--white);\n  border-radius: var(--rl);\n  overflow: hidden;\n  border: 1px solid var(--border);\n  transition: box-shadow 0.3s, transform 0.3s;\n}\n \n.villa-card:hover {\n  box-shadow: 0 8px 32px rgba(58, 158, 192, 0.12);\n  transform: translateY(-2px);\n}\n \n\/* \u5199\u771f\u30a8\u30ea\u30a2 *\/\n.villa-img-wrap {\n  position: relative;\n  width: 100%;\n  height: 280px;\n  overflow: hidden;\n}\n \n.villa-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n \n.villa-card:hover .villa-img-wrap img {\n  transform: scale(1.05);\n}\n \n\/* \u30d0\u30c3\u30b8\uff08VILLA\u540d\uff09 *\/\n.villa-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background-color: rgba(58, 158, 192, 0.92);\n  color: var(--white);\n  padding: 6px 14px;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  border-radius: 2px;\n  z-index: 2;\n}\n \n\/* NEW OPEN \u30bf\u30b0 *\/\n.villa-new-tag {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: #fff;\n  color: var(--accent);\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 5px 12px;\n  border-radius: 20px;\n  z-index: 2;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  animation: villa-pulse 2.5s ease-in-out infinite;\n}\n \n@keyframes villa-pulse {\n  0%, 100% { transform: scale(1); }\n  50%      { transform: scale(1.05); }\n}\n \n\/* \u30a4\u30f3\u30d5\u30a9\u30a8\u30ea\u30a2 *\/\n.villa-info {\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n \n.villa-type {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin: 0 0 6px;\n}\n \n.villa-name {\n  font-size: var(--fs-xl);\n  font-weight: 700;\n  color: var(--charcoal);\n  letter-spacing: 0.05em;\n  margin: 0 0 14px;\n}\n \n.villa-concept {\n  font-size: var(--fs-md);\n  color: var(--accent);\n  font-weight: 600;\n  margin: 0 0 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  line-height: 1.5;\n}\n \n.villa-concept::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n  background: var(--accent);\n  opacity: 0.3;\n}\n \n.villa-description p {\n  font-size: var(--fs-base);\n  line-height: 2;\n  color: var(--text-body);\n  margin: 0;\n}\n \n\/* \u57fa\u672c\u60c5\u5831 *\/\n.villa-spec {\n  display: flex;\n  gap: 16px;\n  margin: 24px 0;\n  padding: 16px;\n  background: #f5fbfd;\n  border-radius: var(--r);\n  border: 1px solid var(--border);\n}\n \n.villa-spec-item {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n \n.villa-spec-item:not(:last-child) {\n  border-right: 1px solid var(--border);\n  padding-right: 16px;\n}\n \n.villa-spec-label {\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  letter-spacing: 0.1em;\n  font-weight: 500;\n}\n \n.villa-spec-value {\n  font-size: var(--fs-md);\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.02em;\n}\n \n.villa-spec-unit {\n  font-size: var(--fs-xs);\n  font-weight: 400;\n  color: var(--text-sub);\n  margin-left: 2px;\n}\n \n\/* \u65bd\u8a2d\u30de\u30c3\u30d7 *\/\n.villa-map {\n  margin-top: auto;\n  padding-top: 8px;\n}\n \n.villa-map-label {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  color: var(--accent);\n  margin: 0 0 10px;\n  text-transform: uppercase;\n}\n \n\/* \u30de\u30c3\u30d7\u30dc\u30bf\u30f3\uff08\u65e2\u5b58\u30b9\u30bf\u30a4\u30eb\u8e0f\u8972\uff09 *\/\n.villa-map .map-img-btn {\n  position: relative;\n  display: block;\n  width: 100%;\n  background: #f8f8f8;\n  border: 1px solid var(--border);\n  padding: 0;\n  cursor: pointer;\n  overflow: hidden;\n  transition: border-color 0.25s;\n  border-radius: var(--r);\n}\n \n.villa-map .map-img-btn:hover {\n  border-color: var(--accent);\n}\n \n.villa-map .map-zumen {\n  display: block;\n  width: 100%;\n  height: 200px;\n  object-fit: contain;\n  object-position: center;\n  padding: 12px;\n  transition: opacity 0.25s;\n}\n \n.villa-map .map-img-btn:hover .map-zumen {\n  opacity: 0.88;\n}\n \n.villa-map .map-zoom-hint {\n  position: absolute;\n  bottom: 10px;\n  right: 10px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  background: rgba(58, 158, 192, 0.92);\n  color: #fff;\n  font-size: var(--fs-xs);\n  font-family: 'Josefin Sans', sans-serif;\n  letter-spacing: 0.08em;\n  padding: 5px 10px;\n  border-radius: 2px;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0.25s, transform 0.25s;\n  pointer-events: none;\n}\n \n.villa-map .map-img-btn:hover .map-zoom-hint {\n  opacity: 1;\n  transform: translateY(0);\n}\n \n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 960px) {\n  .villa-grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .villa-card {\n    max-width: 600px;\n    margin: 0 auto;\n    width: 100%;\n  }\n}\n \n@media (max-width: 600px) {\n  .villa-img-wrap { height: 220px; }\n  .villa-info { padding: 22px 20px; }\n  .villa-name { font-size: var(--fs-lg); }\n  .villa-concept { font-size: var(--fs-base); }\n  .villa-spec { padding: 12px; }\n  .villa-spec-value { font-size: var(--fs-base); }\n  .villa-map .map-zumen { height: 160px; }\n}\n \n \n\/* ============================================================\n   COMPARE - \u6bd4\u8f03\u8868\n   ============================================================ *\/\n.compare-new-section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 20px var(--sp-xl);\n}\n \n.cn-wrap {\n  background: var(--white);\n  border-radius: var(--rl);\n  overflow: hidden;\n  border: 1px solid var(--border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n \n.cn-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--sans);\n  min-width: 520px;\nmargin: 0 !important;\n}\n \n\/* \u30c6\u30fc\u30d6\u30eb\u30d8\u30c3\u30c0\u30fc *\/\n.cn-table thead tr {\n  background: #f5fbfd;\n}\n \n.cn-th {\n  padding: 24px 20px 20px;\n  text-align: center;\n  vertical-align: middle;\n  border-bottom: 2px solid var(--accent);\n  position: relative;\n}\n \n.cn-th-empty {\n  width: 22%;\n  background: var(--white);\n  border-bottom: 2px solid var(--border);\n}\n \n.cn-th-type {\n  display: block;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin-bottom: 4px;\n  font-weight: 500;\n}\n \n.cn-th-name {\n  display: block;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 26px;\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.04em;\n}\n \n\/* NEW\u5217 *\/\n.cn-th-new {\n  background: var(--new-bg);\n  position: relative;\n}\n \n.cn-th-new .cn-th-type {\n  color: var(--new-accent);\n}\n \n.cn-th-new .cn-th-name {\n  color: var(--new-accent);\n}\n \n.cn-th-new-tag {\n  display: inline-block;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 3px 10px;\n  border-radius: 12px;\n  margin-bottom: 8px;\n  animation: villa-pulse 2.5s ease-in-out infinite;\n}\n \n\/* \u30c6\u30fc\u30d6\u30eb\u672c\u4f53 *\/\n.cn-table tbody tr {\n  border-top: 1px solid var(--border);\n}\n \n.cn-table tbody tr:nth-child(even) td:not(.cn-cell-new):not(.cn-label) {\n  background: #fafeff;\n}\n \n.cn-label {\n  padding: 18px 20px;\n  text-align: left;\n  background: #fafafa;\n  color: var(--text-sub);\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  border-right: 1px solid var(--border);\n  vertical-align: middle;\n}\n \n.cn-cell {\n  padding: 18px 20px;\n  text-align: center;\n  vertical-align: middle;\n  font-size: var(--fs-base);\n  color: var(--text-body);\n  font-weight: 500;\n}\n \n.cn-cell-new {\n  background: var(--new-bg) !important;\n  color: var(--new-accent);\n}\n \n.cn-cell-unit {\n  font-size: var(--fs-xs);\n  font-weight: 400;\n  color: var(--text-sub);\n  margin-left: 2px;\n}\n \n.cn-cell-sub {\n  display: block;\n  font-size: 11px;\n  color: var(--text-sub);\n  font-weight: 400;\n  margin-top: 2px;\n}\n \n\/* \u30c1\u30a7\u30c3\u30af\u30fb\u306a\u3057 *\/\n.cn-yes {\n  font-size: 0;\n}\n \n.cn-yes svg {\n  vertical-align: middle;\n}\n \n.cn-yes-note {\n  display: inline-block;\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  margin-left: 8px;\n  vertical-align: middle;\n  font-weight: 400;\n}\n \n.cn-none {\n  color: var(--lt-gray);\n  font-size: var(--fs-md);\n}\n \n\/* \u304a\u3059\u3059\u3081\u30bf\u30a4\u30d7 *\/\n.cn-target ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n  display: inline-block;\n}\n \n.cn-target li {\n  font-size: var(--fs-sm);\n  color: var(--text-body);\n  line-height: 1.8;\n  padding-left: 14px;\n  position: relative;\n  font-weight: 400;\n}\n \n.cn-target li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 12px;\n  width: 6px;\n  height: 1px;\n  background: var(--accent);\n}\n \n.cn-cell-new.cn-target li {\n  color: var(--new-accent);\n}\n \n.cn-cell-new.cn-target li::before {\n  background: var(--new-accent);\n}\n \n\/* CTA\u30dc\u30bf\u30f3 *\/\n.cn-cta-row td {\n  padding: 24px 20px;\n  background: var(--white) !important;\n}\n \n.cn-cta-row .cn-cell-new {\n  background: var(--new-bg) !important;\n}\n \n.cn-btn {\n  display: inline-block;\n  width: 100%;\n  max-width: 240px;\n  padding: 14px 24px;\n  background: var(--white);\n  color: var(--accent);\n  border: 1.5px solid var(--accent);\n  border-radius: var(--r);\n  text-decoration: none;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n \n.cn-btn:hover {\n  background: var(--accent);\n  color: var(--white);\n}\n \n.cn-btn-primary {\n  background: var(--accent);\n  color: var(--white) !important;\n}\n \n.cn-btn-primary:hover {\n  background: var(--text-head);\n  border-color: var(--text-head);\n}\n \n\/* \u30a2\u30af\u30bb\u30b9\u60c5\u5831 *\/\n.cn-access {\n  text-align: center;\n  font-size: var(--fs-sm);\n  color: var(--text-sub);\n  margin: 24px 0 0;\n  letter-spacing: 0.04em;\n}\n \n\/* SP\u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8 *\/\n.cn-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  letter-spacing: 0.1em;\n  margin: 12px 0 0;\n}\n \n\/* ============================================================\n   \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n   ============================================================ *\/\n@media (max-width: 768px) {\n  .compare-new-section {\n    padding: 20px 16px var(--sp-lg);\n  }\n \n  .cn-table {\n    font-size: var(--fs-sm);\n  }\n \n  .cn-th {\n    padding: 18px 12px 14px;\n  }\n \n  .cn-th-name {\n    font-size: 22px;\n  }\n \n  .cn-label,\n  .cn-cell {\n    padding: 14px 12px;\n  }\n \n  .cn-btn {\n    font-size: var(--fs-xs);\n    padding: 12px 12px;\n    letter-spacing: 0.06em;\n  }\n \n  .cn-scroll-hint {\n    display: block;\n  }\n}\n  \/* ===========================\n     \u8a2d\u5099\u30ea\u30b9\u30c8\n  =========================== *\/\n  .feat-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .feat-list li {\n    padding-left: 14px;\n    position: relative;\n    font-size: var(--fs-sm);\n    color: var(--text-body);\n    border-bottom: 1px dashed var(--border);\n    padding-bottom: 4px;\n  }\n\n  .feat-list li:last-child {\n    border-bottom: none;\n  }\n\n  .feat-list li::before {\n    content: '\u2014';\n    position: absolute;\n    left: 0;\n    color: var(--accent);\n    font-size: var(--fs-xs);\n    top: 2px;\n  }\n\n  .feat-highlight {\n    color: var(--accent);\n    font-weight: 600;\n  }\n\n  \/* ===========================\n     \u304a\u3059\u3059\u3081\u30b7\u30fc\u30f3\n  =========================== *\/\n  .scene-title {\n    font-size: var(--fs-xs);\n    font-weight: 700;\n    color: var(--accent);\n    letter-spacing: 0.08em;\n    margin-bottom: 8px;\n  }\n\n  .scene-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .scene-list li {\n    font-size: var(--fs-sm);\n    color: var(--text-body);\n    padding: 4px 0;\n    line-height: 1.6;\n  }\n\n  .scene-note {\n    display: block;\n    font-size: var(--fs-xs);\n    color: var(--text-sub);\n    margin-top: 4px;\n  }\n\n  \/* ===========================\n     \u4e88\u7d04\u30dc\u30bf\u30f3\n  =========================== *\/\n  .btn-reserve {\n    display: block;\n    width: calc(100% - 32px);\n    margin: 16px auto;\n    padding: 14px 24px;\n    border-radius: 4px;\n    font-size: var(--fs-sm);\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-sizing: border-box;\n    white-space: nowrap;\n    background-color: var(--accent);\n    color: var(--white);\n    border: 2px solid var(--accent);\n  }\n\n  .btn-reserve:hover {\n    background-color: var(--white);\n    color: var(--accent);\n  }\n\n  \/* ===========================\n     \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n  =========================== *\/\n  @media (max-width: 600px) {\n    .compare-section {\n      padding: 0 16px var(--sp-xl);\n    }\n\n    .compare-table tbody td {\n      padding: 12px 12px;\n    }\n\n    .btn-reserve {\n      font-size: var(--fs-xs);\n      padding: 12px 16px;\n    }\n  }\n\/* ==========================================================================\n   ACCESS\n   ========================================================================== *\/\n  .access {\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 96px 24px;\n  }\n \n  \/* ===== \u898b\u51fa\u3057 ===== *\/\n  .access__head {\n    text-align: center;\n    margin-bottom: 64px;\n  }\n  .access__label {\n    font-family: \"Georgia\", \"Times New Roman\", serif;\n    font-size: 30px;\n    letter-spacing: 0.32em;\n    font-weight: 400;\n    color: var(--accent);\n    \/* letter-spacing \u3067\u53f3\u306b\u5bc4\u308b\u5206\u3092\u8996\u899a\u7684\u306b\u4e2d\u592e\u3078 *\/\n    text-indent: 0.32em;\n  }\n  .access__sub {\n    margin-top: 14px;\n    font-size: 13px;\n    letter-spacing: 0.28em;\n    color: var(--ink-soft);\n    text-indent: 0.28em;\n  }\n \n  \/* ===== \u672c\u4f53\u30b0\u30ea\u30c3\u30c9 ===== *\/\n  .access__grid {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    overflow: hidden;\n    \/* \u5de6\u53f3\u3092\u5fc5\u305a\u540c\u3058\u9ad8\u3055\u306b\u63c3\u3048\u308b *\/\n    align-items: stretch;\n  }\n \n  \/* ===== \u5de6\uff1a\u60c5\u5831\u30d1\u30cd\u30eb ===== *\/\n  .access__info {\n    background: #f7fafb;\n    padding: 56px 48px;\n    display: flex;\n    flex-direction: column;\n  }\n  .access__info-title {\n    font-size: 14px;\n    letter-spacing: 0.18em;\n    color: var(--accent-deep);\n    font-weight: 600;\n    padding-bottom: 18px;\n    margin-bottom: 28px;\n    border-bottom: 1px solid #4f93b3;\n  }\n \n  .access__address {\n    margin-bottom: 36px;\n  }\n  .access__zip {\n    font-size: 13px;\n    color: var(--ink-soft);\n    letter-spacing: 0.08em;\n  }\n  .access__addr {\n    font-size: 17px;\n    letter-spacing: 0.04em;\n    margin-top: 4px;\n    line-height: 1.7;\n  }\n \n  \/* \u30a2\u30af\u30bb\u30b9\u624b\u6bb5\u30ea\u30b9\u30c8 *\/\n  .access__routes {\n    display: flex;\n    flex-direction: column;\n    gap: 22px;\n    flex-grow: 1;\n  }\n  .route {\n    display: grid;\n    grid-template-columns: 64px 1fr;\n    gap: 16px;\n    align-items: baseline;\n  }\n  .route__tag {\n    font-size: 12px;\n    letter-spacing: 0.1em;\n    color: #fff;\n    background: var(--accent);\n    padding: 4px 0;\n    text-align: center;\n    border-radius: 2px;\n    white-space: nowrap;\n    \/* \u7e26\u6298\u308c\u9632\u6b62\uff1a\u6a2a\u4e00\u5217\u3067\u56fa\u5b9a *\/\n  }\n  .route__text {\n    font-size: 14.5px;\n    color: var(--ink);\n    line-height: 1.7;\n  }\n \n  \/* \u30dc\u30bf\u30f3 *\/\n  .access__btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 40px;\n    padding: 15px 24px;\n    font-size: 14px;\n    letter-spacing: 0.12em;\n    color: var(--accent-deep);\n    background: transparent;\n    border: 1px solid var(--accent);\n    border-radius: 2px;\n    text-decoration: none;\n    transition: all .35s ease;\n  }\n  .access__btn:hover {\n    background: var(--accent);\n    color: #fff;\n  }\n  .access__btn .arrow {\n    transition: transform .35s ease;\n  }\n  .access__btn:hover .arrow {\n    transform: translateX(4px);\n  }\n \n  \/* ===== \u53f3\uff1a\u5730\u56f3 ===== *\/\n  .access__map {\n    position: relative;\n    min-height: 440px;\n  }\n  .access__map iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n    \/* \u5730\u56f3\u306e\u30d3\u30d3\u30c3\u30c9\u3055\u3092\u5c11\u3057\u6291\u3048\u3066\u30c8\u30fc\u30f3\u3092\u63c3\u3048\u308b *\/\n    filter: saturate(0.85) contrast(0.96);\n  }\n \n  \/* ===== \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 ===== *\/\n  @media (max-width: 820px) {\n    .access {\n      padding: 72px 20px;\n    }\n    .access__head {\n      margin-bottom: 44px;\n    }\n    .access__label { font-size: 26px; }\n \n    .access__grid {\n      grid-template-columns: 1fr;   \/* \u7e26\u7a4d\u307f *\/\n    }\n    .access__info {\n      padding: 40px 28px;\n    }\n    .access__map {\n      min-height: 320px;\n      \/* \u7e26\u7a4d\u307f\u6642\u3001\u4e0a\u306b\u8584\u3044\u7f6b\u7dda\u3067\u533a\u5207\u308b *\/\n      border-top: 1px solid var(--line);\n    }\n  }\n \n  @media (max-width: 420px) {\n    .access__label { font-size: 22px; letter-spacing: 0.24em; }\n    .access__addr { font-size: 16px; }\n    .route {\n      grid-template-columns: 56px 1fr;\n      gap: 12px;\n    }\n    .access__btn { width: 100%; }\n  }\n\/* ==========================================================================\n   SLIDER\uff08\u5171\u901a\uff1a\u5171\u901a\u8a2d\u5099 \/ \u5468\u8fba\u89b3\u5149\uff09\n   ========================================================================== *\/\n.slider-section {\npadding: var(--sp-md) 30px var(--sp-xl);\n}\n\n.slider-outer-container {\n    position: relative;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n\/* Swiper\u672c\u4f53\uff1a\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u4e0b\u4f59\u767d\u306e\u307f *\/\n.swiper.myCustomSwiper {\n  padding-bottom: 40px !important;\n}\n\n.swiper.myCustomSwiper .swiper-pagination {\n  bottom: 4px !important;\n}\n\n\/* \u30ab\u30fc\u30c9 *\/\n.card {\n  display: flex;\n  flex-direction: column;\n  background: var(--white);\n}\n\n.card-image-wrap {\n  position: relative;\n  width: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n\n.card-image {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n.card-title {\n    font-size: var(--fs-md);\n    font-weight: 700;\n    color: var(--charcoal);\n    margin: 16px 10px 0px;\n    letter-spacing: 0.04em;\n}\n\n.card-text {\n  font-size: var(--fs-sm);\n  line-height: 1.8;\n  margin: 0;\n  flex-grow: 1;\n}\n\n\/* \u30ca\u30d3\u30dc\u30bf\u30f3\uff1a\u30b7\u30a7\u30d6\u30ed\u30f3\u77e2\u5370\u30b9\u30bf\u30a4\u30eb *\/\n.nav-btn {\n  position: absolute;\n  top: calc(50% - 20px);\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  opacity: 0.85;\n  transition: opacity 0.25s, transform 0.25s;\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n}\n\n\/* \u30b7\u30a7\u30d6\u30ed\u30f3\u672c\u4f53\uff08SVG\u3067\u306f\u306a\u304fborder\u3067\u63cf\u304f\uff09 *\/\n.nav-btn::before,\n.nav-btn::after { display: none; } \/* \u65e7\u30b9\u30bf\u30a4\u30eb\u30ea\u30bb\u30c3\u30c8 *\/\n\n.nav-btn svg {\n  width: 32px;\n  height: 32px;\n  display: block;\n  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));\n}\n\n.nav-btn.prev { left: 8px; }\n.nav-btn.next { right: 8px; }\n\n.nav-btn:hover {\n  opacity: 1;\n  transform: translateY(-50%) scale(1.12);\n}\n\n.more-btn-container {\n  text-align: center;\n  margin-top: 40px;\n}\n.more-btn {\n  display: inline-block;\n  padding: 12px 40px;\n  border-radius: 4px;\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  color: var(--accent);\n  border: 1.5px solid var(--accent);\n}\na.more-btn {\n    color: #3a9ec0!important\n;\n}\n\n.more-btn:hover {\n  background-color: var(--accent);\n  color: #fff!important;\n}\na.more-btn:hover {\n  color: #fff;\n}\n\n\/* \u767d\u30dc\u30bf\u30f3\uff08OFFERS\u30bb\u30af\u30b7\u30e7\u30f3\u5185\uff09 *\/\n.plans-section .more-btn.wh {\n  background-color: #fff;\n  color: var(--accent);\n  border: 2px solid #fff;\n  padding: 12px 40px;\n  border-radius: 4px;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n\n.plans-section .more-btn.wh:hover {\n  opacity: 0.8;\n}\n@media (max-width: 768px) {\n  .nav-btn { display: none; }\n}\n\n\/* ==========================================================================\n   PLAN\uff08\u30d7\u30e9\u30f3\u30ab\u30fc\u30c9\uff09\n   ========================================================================== *\/\n.plan {\n  background: transparent;\n  display: flex;\n  flex-direction: column;\n}\n\n.plan-content {\n  background: var(--white);\n  padding: 20px;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.plan-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: auto;\n  padding-top: 16px;\n}\n\n.price-tag {\n  border: 1px solid var(--lt-gray);\n  padding: 5px 10px;\n  font-size: var(--fs-base);\n  color: var(--charcoal);\n}\n\n.arrow {\n  color: var(--lt-gray);\n  font-size: var(--fs-lg);\n}\n\n\/* \u68df\u540d\u30e9\u30d9\u30eb\uff08\u753b\u50cf\u4e0a\uff09 *\/\n.building-tag {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;          \/* \u5c0f\u3055\u304f *\/\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  padding: 3px 8px;         \/* \u4f59\u767d\u3082\u5c0f\u3055\u304f *\/\n  background: rgba(255,255,255,0.9);\n  color: var(--accent);\n  border-radius: 2px;\n  white-space: nowrap;      \/* \u6298\u308a\u8fd4\u3057\u9632\u6b62 *\/\n  max-width: calc(100% - 24px); \/* \u306f\u307f\u51fa\u3057\u9632\u6b62 *\/\n  overflow: hidden;\n  text-overflow: ellipsis;  \/* \u9577\u3044\u5834\u5408\u306f\u2026\u3067\u7701\u7565 *\/\n}\n\n\/* ==========================================================================\n   OFFERS\uff08\u304a\u3059\u3059\u3081\u30d7\u30e9\u30f3\uff09\n   ========================================================================== *\/\n\n\n  .plans-section .st-en,\n  .plans-section .st-ja {\n    color: #fff;\n  }\n   .plans-section {\n  padding: 56px 32px 72px;\n  box-sizing: border-box;\n}\n.plans-header {\n  text-align: center;\n  padding: 60px 40px 40px;\n}\n\n.plans-header-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: clamp(2.5rem, 6vw, 4rem);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  color: #fff;\n  margin: 0 0 8px;\n}\n\n.plans-header-deco {\n  margin: 8px auto 16px;\n}\n\n.plans-header-ja {\n  font-size: var(--fs-base);\n  font-weight: 300;\n  letter-spacing: 0.12em;\n  color: #fff;\n  margin: 0;\n}\n.plans-group {\n    margin-bottom: 80px;\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.more-btn-container {\n  text-align: center;\n  margin: 40px 0 60px;\n}\n\/* ===========================\n   \u68df\u30b0\u30eb\u30fc\u30d7\u30bf\u30a4\u30c8\u30eb \u5b58\u5728\u611f\u30a2\u30c3\u30d7\n=========================== *\/\n.plans-group-title {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 1.5rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  color: #fff;\n  text-align: center;\n  margin: 0 auto 24px;\n  padding: 0 0 16px;\n  border-bottom: 1px solid rgba(255,255,255,0.3);\n  max-width: 900px;\n  position: relative;\n}\n\n.plans-group-title::before,\n.plans-group-title::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  width: 40px;\n  height: 2px;\n  background: #fff;\n}\n\n.plans-group-title::before { left: 0; }\n.plans-group-title::after  { right: 0; }\n\/* ===========================\n   \u30ab\u30fc\u30c9\u3092\u30ea\u30f3\u30af\u5316\n=========================== *\/\n.card-link {\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  height: 100%;\n}\n\n.card-link:hover .arrow {\n  transform: translateX(4px);\n  transition: transform 0.2s ease;\n}\n\/* ==========================================================================\n   FLOW\uff08\u3054\u5229\u7528\u306e\u6d41\u308c\uff09\n   ========================================================================== *\/\n.flow-section {\n  padding: var(--sp-xl) 20px;\n  background: var(--white);\n}\n\n.flow-section .container {\n  max-width: 1000px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.flow-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-top: 0;\n}\n\n.flow-item {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.flow-number {\n  font-size: var(--fs-lg);\n  font-weight: 700;\n  color: var(--text-head);\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 20px;\n  border: 1px solid var(--border);\n  background: var(--white);\n}\n\n.flow-content h3 {\n  font-size: var(--fs-lg);\n  color: var(--text-head);\n  margin-bottom: 15px;\n  font-weight: 700;\n}\n\n.flow-content p {\n  font-size: var(--fs-base);\n  line-height: 1.8;\n  text-align: left;\n\n}\n\n.flow-arrow {\n  display: flex;\n  align-items: center;\n  padding-top: 30px;\n}\n\n.flow-arrow span {\n  width: 15px;\n  height: 15px;\n  border-top: 2px solid var(--border);\n  border-right: 2px solid var(--border);\n  transform: rotate(45deg);\n}\n\n@media (max-width: 768px) {\n  .flow-section { padding: 40px 20px; }\n\n  .flow-container {\n    flex-direction: column;\n    gap: 0;\n  }\n\n  .flow-item {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 20px;\n    width: 100%;\n    text-align: left;\n    position: relative;\n    padding-bottom: 30px;\n  }\n\n  .flow-item:last-child { padding-bottom: 0; }\n\n  .flow-number {\n    width: 45px; height: 45px; min-width: 45px;\n    font-size: var(--fs-md);\n    margin-bottom: 0;\n    z-index: 2;\n  }\n\n  .flow-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 45px; left: 22px;\n    width: 1px;\n    height: calc(100% - 35px);\n    border-left: 1px dotted var(--border);\n    z-index: 1;\n  }\n\n  .flow-content h3 { margin-top: 8px; font-size: var(--fs-md); }\n  .flow-arrow { display: none; }\n}\n\n\/* ==========================================================================\n   FAQ\n   ========================================================================== *\/\n.faq-section {\n  padding: var(--sp-xl) 20px;\n  background: var(--white);\npadding-top: 0 !important;\n}\n\n.faq-section .container {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.faq-container {\n  border-top: 1px solid var(--border);\n}\n\n.faq-item {\n  border-bottom: 1px solid var(--border);\n}\n\n.faq-question {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 28px 10px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: none;\n}\n\n.q-left {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.q-symbol {\n  font-size: 1.8rem;\n  font-family: serif;\n  color: var(--accent);\n  line-height: 1;\n  font-weight: 300;\n  flex-shrink: 0;\n}\n\n.q-text {\n  font-size: var(--fs-md);\n  color: var(--charcoal);\n  text-align: left;\n  font-weight: 600;\n}\n\n.toggle-icon {\n  position: relative;\n  width: 20px; height: 20px;\n  flex-shrink: 0;\n  margin-left: 16px;\n}\n\n.toggle-icon::before,\n.toggle-icon::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--gray);\n  transition: transform 0.4s ease, opacity 0.4s ease;\n}\n\n.toggle-icon::before {\n  top: 50%; left: 0;\n  width: 100%; height: 1px;\n  transform: translateY(-50%);\n}\n\n.toggle-icon::after {\n  top: 0; left: 50%;\n  width: 1px; height: 100%;\n  transform: translateX(-50%);\n}\n\n.faq-item.active .toggle-icon::after {\n  transform: translateX(-50%) rotate(90deg);\n  opacity: 0;\n}\n\n.faq-answer-wrapper {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  visibility: hidden;\n}\n\n.faq-item.active .faq-answer-wrapper {\n  grid-template-rows: 1fr;\n  visibility: visible;\n}\n\n.faq-answer-content { overflow: hidden; }\n\n.faq-answer-content p {\n  padding: 0 10px 28px 56px;\n  margin: 0;\n  line-height: 1.8;\n  font-size: var(--fs-base);\n  text-align: left;\n}\n\n.n2-section-smartslider {\n    padding-bottom: 0px !important;\n}\n\nbutton:hover, button:focus, input[type=\"button\"]:hover, input[type=\"button\"]:focus, input[type=\"reset\"]:hover, input[type=\"reset\"]:focus, input[type=\"submit\"]:hover, input[type=\"submit\"]:focus {\n    background-color: #ffff;\n}\n\/* ==========================================================================\n   SCENE\n   ========================================================================== *\/\n.scene-section {\n  padding: 20px 20px var(--sp-xl);\n  max-width: 1000px;\n  margin: 0 auto;\n}\n \n.scene-section .section-title {\n  padding: 0 20px;\n  margin-bottom: var(--sp-lg);\n}\n \n\/* \u30b0\u30ea\u30c3\u30c9\uff08PC\uff1a2\u5217\uff09 *\/\n.sg-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n \n\/* \u30ab\u30fc\u30c9 *\/\n.sg-card {\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  border-radius: 8px;\n}\n \n.sg-card img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s ease;\n}\n \n.sg-card:hover img {\n  transform: scale(1.05);\n}\n \n\/* \u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\n.sg-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0) 30%,\n    rgba(0, 0, 0, 0.35) 55%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n}\n \n\/* \u30c6\u30ad\u30b9\u30c8\u672c\u4f53 *\/\n.sg-body {\n  position: relative;\n  padding: 28px 28px 32px;\n}\n \n.sg-num {\n  font-size: 13px;\n  letter-spacing: 3px;\n  color: rgba(255, 255, 255, 0.85);\n  margin: 0 0 8px;\n  font-weight: 300;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);\n}\n \n.sg-title {\n  font-size: 22px;\n  font-weight: 600;\n  color: #fff;\n  margin: 0 0 10px;\n  line-height: 1.4;\n  letter-spacing: 1px;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.9);\n}\n \n.sg-catch {\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.98);\n  margin: 0 0 12px;\n  letter-spacing: 1px;\n  font-weight: 500;\n  line-height: 1.5;\n  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.9);\n}\n \n.sg-text {\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.95);\n  line-height: 1.7;\n  letter-spacing: 0.3px;\n  margin: 0;\n  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85), 0 1px 2px rgba(0, 0, 0, 0.9);\n}\n \n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8\uff08PC\u3067\u306f\u975e\u8868\u793a\uff09 *\/\n.sg-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: var(--text-sub, #6a9aaa);\n  letter-spacing: 0.1em;\n  margin: 12px 0 0;\n}\n \n \n\/* ============================================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n   ============================================================ *\/\n@media (max-width: 768px) {\n  .sg-grid {\n    gap: 16px;\n  }\n}\n \n \n\/* ============================================================\n   \u30b9\u30de\u30db\uff1a\u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\n   ============================================================ *\/\n@media (max-width: 600px) {\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u306e\u5de6\u53f3padding\u3092\u6d88\u3057\u3066\u753b\u9762\u7aef\u307e\u3067\u4f7f\u3046 *\/\n  .scene-section {\n    padding: 20px 0 var(--sp-xl);\n  }\n \n  .scene-section .section-title {\n    padding: 0 20px;\n  }\n \n  \/* \u30b0\u30ea\u30c3\u30c9 \u2192 \u6a2a\u4e26\u3073\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u5909\u66f4 *\/\n  .sg-grid {\n    display: flex;\n    grid-template-columns: none;\n    gap: 14px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    \/* \u5de6\u53f3\u306b\u4f59\u767d\u3092\u78ba\u4fdd *\/\n    padding: 0 20px 8px;\n    \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u975e\u8868\u793a *\/\n    scrollbar-width: none;\n  }\n \n  .sg-grid::-webkit-scrollbar {\n    display: none;\n  }\n \n  \/* \u30ab\u30fc\u30c9\u3092\u56fa\u5b9a\u5e45\u306b *\/\n  .sg-card {\n    flex: 0 0 80vw;\n    max-width: 320px;\n    scroll-snap-align: center;\n    aspect-ratio: 4 \/ 3;\n  }\n \n  .sg-body {\n    padding: 22px 20px 26px;\n  }\n \n  .sg-title {\n    font-size: 19px;\n  }\n \n  .sg-catch {\n    font-size: 14px;\n  }\n \n  .sg-text {\n    font-size: 12px;\n    line-height: 1.65;\n  }\n \n  \/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8\u3092\u8868\u793a *\/\n  .sg-scroll-hint {\n    display: block;\n  }\n}\n \n\/* WordPress\u8abf\u6574 *\/\n.wp-block-cover {\n  margin-bottom: 0 !important;\n}\n \np.card-text {\n  margin: 10px;\n}\n\/* ==========================================================================\n   \u4e88\u7d04\u30dc\u30bf\u30f3\n   ========================================================================== *\/\n\n\/* HERO \u30dc\u30bf\u30f3 *\/\n.hero-btn {\n  display: inline-block;\n  padding: 14px 48px;\n  background: var(--accent);\n  color: #fff;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: var(--r);\n  transition: opacity 0.3s;\n  align-self: flex-start;\n  margin-top: 30px;\n}\n\n.hero-btn:hover { opacity: 0.85; }\n\n\/* \u5171\u901a\u5927\u30dc\u30bf\u30f3 *\/\n.btn-reserve-lg {\n  display: inline-block;\n  padding: 16px 64px;\n  background: var(--accent);\n  color: #fff;\n  font-size: var(--fs-md);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: var(--r);\n  transition: opacity 0.3s;\n}\n\n.btn-reserve-lg:hover { opacity: 0.85; }\n\n\/* \u6bd4\u8f03\u8868\u4e0b *\/\n.compare-reserve {\n  text-align: center;\n  margin-top: 40px;\n}\n\n\/* Q&A\u4e0b \u6700\u7d42CTA *\/\n.final-cta {\n  text-align: center;\n  padding: var(--sp-xl) 20px;\n}\n\n.final-cta-text {\n  font-size: var(--fs-base);\n  color: var(--text-sub);\n  margin-bottom: 24px;\n}\n\n@media (max-width: 480px) {\n  .hero-btn {\n    padding: 12px 32px;\n    font-size: var(--fs-xs);\n  }\n  .btn-reserve-lg {\n    padding: 14px 40px;\n    font-size: var(--fs-base);\n  }\n}\n\na, a:visited, a:hover, a:active {\n  color: inherit;\n  text-decoration: none;\n}\n\n.hero-btn,\n.hero-btn:visited,\n.hero-btn:hover,\n.hero-btn:active {\n  color: #fff;\n}\n\n.btn-reserve-lg,\n.btn-reserve-lg:visited,\n.btn-reserve-lg:hover,\n.btn-reserve-lg:active {\n  color: #fff;\n}\n\n\/* ---- UMICHIKA Instagram Feed Section ---- *\/\n \n.umichika-ig-section {\n  padding: 80px 0;\n  background: #FAFAF8;\n  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', sans-serif;\n}\n \n.umichika-ig-inner {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n \n\/* \u30d8\u30c3\u30c0\u30fc *\/\n.umichika-ig-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n \n.umichika-ig-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  letter-spacing: 0.14em;\n  color: #C13584;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin-bottom: 14px;\n}\n \n.umichika-ig-title {\n  font-size: clamp(22px, 4vw, 30px);\n  font-weight: 500;\n  color: #1a1a1a;\n  line-height: 1.55;\n  margin: 0 0 14px;\n  letter-spacing: 0.02em;\n}\n \n.umichika-ig-desc {\n  font-size: 14px;\n  color: #666;\n  line-height: 1.9;\n  margin: 0 0 16px;\n}\n \n.umichika-ig-handle {\n  display: inline-block;\n  font-size: 13px;\n  color: #C13584;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(193, 53, 132, 0.3);\n  padding-bottom: 2px;\n  transition: border-color 0.2s;\n  letter-spacing: 0.03em;\n}\n \n.umichika-ig-handle:hover {\n  border-color: #C13584;\n}\n \n\/* \u30d5\u30a3\u30fc\u30c9\u30e9\u30c3\u30d1\u30fc *\/\n.umichika-ig-feed-wrap {\n  \/* Smash Balloon \u306e\u30b0\u30ea\u30c3\u30c9\u3092\u5c11\u3057\u89d2\u4e38\u30fb\u30ae\u30e3\u30c3\u30d7\u8abf\u6574\u3067\u4e0a\u66f8\u304d *\/\n  --sb-gap: 4px;\n}\n \n\/* Smash Balloon \u30c7\u30d5\u30a9\u30eb\u30c8 UI \u306e\u5fae\u8abf\u6574\uff08\u30d7\u30e9\u30b0\u30a4\u30f3\u51fa\u529b\u306b\u5e72\u6e09\u3057\u306a\u3044\u6700\u4f4e\u9650\uff09 *\/\n.umichika-ig-feed-wrap .sbi_photo_wrap img,\n.umichika-ig-feed-wrap .sbi_photo img {\n  border-radius: 6px;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n \n.umichika-ig-feed-wrap .sbi_photo_wrap:hover img,\n.umichika-ig-feed-wrap .sbi_photo:hover img {\n  transform: scale(1.03);\n  opacity: 0.92;\n}\n \n\/* \u30d5\u30c3\u30bf\u30fc *\/\n.umichika-ig-footer {\n  text-align: center;\n  margin-top: 36px;\n}\n \n.umichika-ig-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 32px;\n  border: 1.5px solid #C13584;\n  border-radius: 40px;\n  color: #C13584;\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n  letter-spacing: 0.05em;\n  transition: background 0.2s, color 0.2s;\n}\n \n.umichika-ig-btn:hover {\n  background: #C13584;\n  color: #fff;\n}\n \n\/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n@media (max-width: 640px) {\n  .umichika-ig-section {\n    padding: 56px 0;\n  }\n  .umichika-ig-header {\n    margin-bottom: 28px;\n  }\n}\n\/*\u30ec\u30d3\u30e5\u30fc*\/\n.um-rv-section {\n  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n}\n \n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30e9\u30c3\u30d1\u30fc *\/\n.um-rv-scroll-wrap {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding: 8px 24px 12px;\n}\n.um-rv-scroll-wrap::-webkit-scrollbar { display: none; }\n \n\/* \u30b0\u30ea\u30c3\u30c9 \u2014 PC: 3\u5217 *\/\n.um-rv-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  max-width: 1040px;\n  margin: 0 auto;\n}\n \n\/* \u30ab\u30fc\u30c9 *\/\n.um-rc {\n  background: #faf9f6;\n  border: 0.5px solid #e4ddd3;\n  border-radius: 12px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  transition: box-shadow 0.25s, transform 0.25s;\n  min-width: 0;\n}\n.um-rc:hover {\n  box-shadow: 0 6px 24px rgba(0,0,0,0.07);\n  transform: translateY(-2px);\n}\n \n.um-rc-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n \n.um-rc-avatar {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #d6cfc4;\n  color: #6b6058;\n  font-size: 15px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n \n.um-rc-meta {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n \n.um-rc-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #2d2820;\n  letter-spacing: 0.02em;\n}\n \n.um-rc-sub {\n  font-size: 11px;\n  color: #a09080;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n \n.um-rc-stars {\n  font-size: 13px;\n  color: #c8963c;\n  letter-spacing: 1px;\n  flex-shrink: 0;\n}\n \n.um-rc-text {\n  font-size: 13px;\n  line-height: 1.9;\n  color: #4a4038;\n  margin: 0;\n  flex: 1;\n}\n \n.um-rc-src {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 11px;\n  color: #a09080;\n  border-top: 0.5px solid #e4ddd3;\n  padding-top: 12px;\n  margin-top: auto;\n}\n \n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8 \u2014 SP \u306e\u307f\u8868\u793a *\/\n.um-rv-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: #b0a090;\n  letter-spacing: 0.08em;\n  margin: 6px 0 0;\n}\n \n\/* ===== SP: \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb ===== *\/\n@media (max-width: 768px) {\n  .um-rv-scroll-wrap {\n    padding: 8px 20px 16px;\n  }\n \n  .um-rv-grid {\n    grid-template-columns: repeat(3, 82vw);\n    max-width: none;\n    gap: 14px;\n    \/* \u5de6\u7aef\u30fb\u53f3\u7aef\u306b\u4f59\u767d\u3092\u78ba\u4fdd *\/\n    padding: 4px 0 8px;\n  }\n \n  .um-rv-hint { display: block; }\n}\n\/*\u6bd4\u8f03\u30bb\u30af\u30b7\u30e7\u30f3*\/\n\/* ===== Villa Compare Section ===== *\/\n.vc-section {\n  padding: 0 0 72px;\n  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n}\n \n\/* \u30d8\u30c3\u30c0\u30fc *\/\n.vc-header {\n  text-align: center;\n  margin-bottom: 48px;\n  padding: 0 24px;\n}\n \n.vc-eyebrow {\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  color: #5ba3b0;\n  margin-bottom: 14px;\n}\n \n.vc-title {\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 500;\n  color: #2d2820;\n  line-height: 1.55;\n  margin: 0;\n  letter-spacing: 0.05em;\n}\n \n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30e9\u30c3\u30d1\u30fc *\/\n.vc-scroll-wrap {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding: 16px 24px 16px;\n}\n \n.vc-scroll-wrap::-webkit-scrollbar { display: none; }\n \n\/* \u30b0\u30ea\u30c3\u30c9 *\/\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  max-width: 840px;\n  margin: 0 auto;\n}\n \n\/* \u30ab\u30fc\u30c9\u5171\u901a *\/\n.vc-card {\n  background: #ffffff;\n  border: 1px solid #e4ddd3;\n  border-radius: 16px;\n  padding: 32px 28px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  position: relative;\n  transition: box-shadow 0.3s, transform 0.3s;\n}\n \n.vc-card:hover {\n  box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n  transform: translateY(-3px);\n}\n \n\/* \u6ce8\u76ee\u30ab\u30fc\u30c9 *\/\n.vc-card--featured {\n  border-color: #5ba3b0;\n  border-width: 1.5px;\n}\n \n\/* NEW\u30d0\u30c3\u30b8 *\/\n.vc-new-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: #5ba3b0;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  padding: 4px 14px;\n  border-radius: 20px;\n  white-space: nowrap;\n}\n \n\/* \u30ab\u30fc\u30c9\u30d8\u30c3\u30c0\u30fc *\/\n.vc-card-head { text-align: center; }\n \n.vc-tag {\n  display: inline-block;\n  font-size: 10px;\n  letter-spacing: 0.14em;\n  color: #5ba3b0;\n  margin-bottom: 8px;\n}\n \n.vc-card-name {\n  font-size: 36px;\n  font-weight: 300;\n  color: #2d2820;\n  margin: 0 0 8px;\n  letter-spacing: 0.05em;\n  line-height: 1;\n}\n \n.vc-card-catch {\n  font-size: 12px;\n  color: #8a7e74;\n  margin: 0;\n  line-height: 1.6;\n}\n \n\/* \u4fa1\u683c *\/\n.vc-price-block {\n  text-align: center;\n  padding: 16px 0;\n  border-top: 0.5px solid #ede8e2;\n  border-bottom: 0.5px solid #ede8e2;\n}\n \n.vc-price {\n  font-size: 26px;\n  font-weight: 600;\n  color: #2d2820;\n  letter-spacing: -0.01em;\n}\n \n.vc-price-unit {\n  font-size: 13px;\n  font-weight: 400;\n  color: #8a7e74;\n  margin-left: 2px;\n}\n \n.vc-price-per {\n  font-size: 12px;\n  color: #8a7e74;\n  margin-top: 4px;\n}\n \n\/* \u5b9a\u54e1 *\/\n.vc-capacity {\n  text-align: center;\n  font-size: 13px;\n  color: #5a4e44;\n  letter-spacing: 0.04em;\n}\n \n.vc-capacity strong {\n  font-size: 20px;\n  font-weight: 600;\n  color: #2d2820;\n  margin: 0 2px;\n}\n \n\/* \u8a2d\u5099\u30ea\u30b9\u30c8 *\/\n.vc-features {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n \n.vc-feature-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: #4a4038;\n  padding-bottom: 10px;\n  border-bottom: 0.5px solid #f0ebe4;\n}\n \n.vc-feature-item:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n \n.vc-feature-item--highlight {\n  color: #2d7a87;\n  font-weight: 600;\n}\n \n.vc-check {\n  width: 16px;\n  height: 16px;\n  color: #5ba3b0;\n  flex-shrink: 0;\n}\n \n.vc-feature-item--highlight .vc-check {\n  color: #2d7a87;\n}\n \n\/* \u304a\u3059\u3059\u3081 *\/\n.vc-for {\n  background: #f5f2ee;\n  border-radius: 10px;\n  padding: 16px 18px;\n}\n \n.vc-for-label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  color: #8a7e74;\n  margin: 0 0 10px;\n}\n \n.vc-for-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n \n.vc-for-list li {\n  font-size: 12.5px;\n  color: #4a4038;\n  padding-left: 14px;\n  position: relative;\n  line-height: 1.5;\n}\n \n.vc-for-list li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 8px;\n  width: 5px;\n  height: 1px;\n  background: #5ba3b0;\n}\n \n\/* \u30dc\u30bf\u30f3 *\/\n.vc-btn {\n  display: block;\n  text-align: center;\n  padding: 14px;\n  border-radius: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-decoration: none;\n  border: 1.5px solid #2d2820;\n  color: #2d2820;\n  background: transparent;\n  transition: background 0.25s, color 0.25s;\n  margin-top: auto;\n}\n \n.vc-btn:hover {\n  background: #2d2820;\n  color: #fff;\n}\n \n.vc-btn--primary {\n  background: #5ba3b0;\n  border-color: #5ba3b0;\n  color: #fff;\n}\n \n.vc-btn--primary:hover {\n  background: #4a8f9c;\n  border-color: #4a8f9c;\n  color: #fff;\n}\n \n\/* \u30a2\u30af\u30bb\u30b9\u5171\u901a\u30c6\u30ad\u30b9\u30c8 *\/\n.vc-access {\n  text-align: center;\n  font-size: 12px;\n  color: #a09080;\n  margin: 24px 0 0;\n  letter-spacing: 0.04em;\n}\n \n\/* SP\u30b9\u30af\u30ed\u30fc\u30eb\u30d2\u30f3\u30c8 *\/\n.vc-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: #b0a090;\n  letter-spacing: 0.08em;\n  margin: 8px 0 0;\n}\n \n\/* ===== \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 ===== *\/\n@media (max-width: 680px) {\n  .vc-section { padding: 56px 0 48px; }\n \n  .vc-scroll-wrap {\n    padding: 8px 20px 20px;\n  }\n \n  \/* SP: \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb \u2014 \u30ab\u30fc\u30c9\u3092\u56fa\u5b9a\u5e45\u3067\u6a2a\u4e26\u3073 *\/\n  .vc-grid {\n    grid-template-columns: repeat(2, 80vw);\n    max-width: none;\n    gap: 14px;\n    \/* \u30b9\u30af\u30ed\u30fc\u30eb\u7aef\u306b\u4f59\u767d *\/\n    padding: 12px 4px 4px;\n  }\n \n  .vc-card {\n    padding: 28px 20px 22px;\n    min-width: 0;\n  }\n \n  .vc-scroll-hint { display: block; }\n}\n\n\/*new open *\/\n\n.um-newopen {\n    background: #f0f9ff;\n    border-top: 2px solid #4ca6e3;\n    border-bottom: 0.5px solid #f0f9ff;\n    padding: 18px 24px;\n    font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    box-sizing: border-box;\n}\n \n.um-newopen-inner {\n  max-width: 1040px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  flex-wrap: wrap;\n  text-align: center;\n}\n \n\/* \u30d0\u30c3\u30b8 *\/\n.um-newopen-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #4ca6e3;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 5px 14px;\n  border-radius: 20px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n \n.um-newopen-badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #fff;\n  opacity: 0.85;\n  animation: um-pulse 1.8s ease-in-out infinite;\n  flex-shrink: 0;\n}\n \n@keyframes um-pulse {\n  0%, 100% { opacity: 0.85; transform: scale(1); }\n  50%       { opacity: 0.4;  transform: scale(0.7); }\n}\n \n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n.um-newopen-text {\n  font-size: 13px;\n  color: #3a6e78;\n  margin: 0;\n  line-height: 1.6;\n  min-width: 200px;\n}\n \n.um-newopen-text strong {\n  font-weight: 700;\n  color: #2d5f6a;\n}\n \n \n \n\/* SP *\/\n@media (max-width: 600px) {\n  .um-newopen { padding: 14px 16px; }\n  .um-newopen-inner { gap: 10px; }\n  .um-newopen-text { font-size: 12px; }\n}\n\nspan.small-text {\n  display: block;     \n  font-size: 8px;     \n  color: #888888;      \n  margin-top: 8px;  \n  letter-spacing: 0.05em;\n}\n\/* ===== \u56f3\u9762\u30e2\u30fc\u30c0\u30eb\uff08\u5fc5\u305a\u96a0\u3059\uff09 ===== *\/\n.zumen-modal{\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n.zumen-modal.is-open{ display: flex; }\n\n.zumen-modal-backdrop{\n  position: absolute;\n  inset: 0;\n  background:rgb(229 229 229 \/ 70%);\n  cursor: zoom-out;\n}\n\n\/* \u67a0\uff1a\u3053\u306e\u4e2d\u306e\u53f3\u4e0a\u306b\u30dc\u30bf\u30f3\u3092\u56fa\u5b9a\u3059\u308b *\/\n.zumen-modal-inner{\n  position: relative;\n  z-index: 1;\n  max-width: 92vw;\n  max-height: 92vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.zumen-modal-title{\n  color: #fff;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: .06em;\n  margin: 0 0 12px;\n  padding-right: 52px;   \/* \u30dc\u30bf\u30f3\u3068\u91cd\u306a\u3089\u306a\u3044\u3088\u3046\u306b\u53f3\u5074\u3092\u7a7a\u3051\u308b *\/\n}\n\n.zumen-modal-body{\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 0;\n}\n.zumen-modal-img{\n  max-width: 100%;\n  max-height: 80vh;\n  width: auto;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 20px 60px rgba(0,0,0,.5);\n  background: #fff;\n}\n\n\/* \u2605\u9589\u3058\u30dc\u30bf\u30f3\uff1a\u67a0\u306e\u53f3\u4e0a\u306b\u5e38\u306b\u56fa\u5b9a\u2605 *\/\n.zumen-modal-close{\n  position: absolute;\n  top: -20px;\n  right: 0;\n  width: 44px;\n  height: 44px;\n  border: 2px solid rgba(255,255,255,.9);\n  border-radius: 50%;\n  background: rgba(20,30,34,.85);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  z-index: 3;\n  transition: background .2s ease, transform .2s ease;\n}\n.zumen-modal-close:hover{\n  background: #2c3e44;\n  transform: rotate(90deg);\n}\n.zumen-modal-close svg{ display: block; }\n \n@media (max-width: 600px){\n  .zumen-modal{ padding: 16px; }\n  .zumen-modal-close{ top: -42px; }\n}\n\n.zumen-modal-close svg{ display: block; }\n.zumen-modal-close svg line{ stroke: #ffffff; }\n\n<\/style>\n\n\n\n<style>\n\/* ==========================================================================\n   VILLA UMICHIKA - \u7d71\u5408\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\n   \u69cb\u6210:\n     0. RESET & ROOT VARIABLES\n     1. HERO\uff08\u30b9\u30e9\u30a4\u30c0\u30fc\uff09\n     2. NEW OPEN \u5e2f\n     3. SECTION TITLE\uff08\u5171\u901a\u898b\u51fa\u3057\uff09\n     4. CONCEPT\n     5. POINTS\n     6. VILLA SECTION\n     7. COMPARE\uff08\u65e7\u30fb\u6bd4\u8f03\u8868\uff09\n     8. \u8a2d\u5099\u30ea\u30b9\u30c8 \/ \u30b7\u30fc\u30f3 \/ \u4e88\u7d04\u30dc\u30bf\u30f3\uff08compare\u88dc\u52a9\uff09\n     9. ACCESS\n    10. SLIDER\uff08Swiper\u5171\u901a\uff09\n    11. PLAN \/ OFFERS\n    12. FLOW\n    13. FAQ\n    14. SCENE\n    15. \u4e88\u7d04\u30dc\u30bf\u30f3\uff08\u5171\u901aCTA\uff09\n    16. INSTAGRAM\n    17. REVIEW\n    18. VILLA COMPARE\uff08vc-\uff09\n    19. \u56f3\u9762\u30e2\u30fc\u30c0\u30eb\n    20. \u65e7\u30ec\u30a4\u30a2\u30a6\u30c8\uff08.villa-lp \u7cfb \/ \u4fdd\u6301\uff09\n   ========================================================================== *\/\n\n\n\/* ==========================================================================\n   0. RESET & ROOT VARIABLES\n   ========================================================================== *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --white:    #FFFFFF;\n  --off-white:#F8F6F2;\n  --light:    #F0EDE7;\n  --beige:    #E4DECE;\n  --tan:      #C8B99A;\n  --brown:    #8B6F47;\n  --dark-br:  #5C4429;\n  --olive:    #6B7355;\n  --dk-olive: #4A5240;\n  --terra:    #A0634A;\n  --charcoal: #3A3530;\n  --gray:     #888078;\n  --lt-gray:  #C5BFB7;\n\n  \/* Brand colors *\/\n  --accent:      #3a9ec0;\n  --accent-lt:   #6ac8e8;\n  --text-head:   #1e6e85;\n  --text-body:   #3a7a90;\n  --text-sub:    #6a9aaa;\n  --border:      #c8e8f4;\n  --new-bg:      #f0fafd;\n  --new-accent:  #2a8aaa;\n\n  --serif:  'Playfair Display', 'Noto Serif JP', serif;\n  --sans:   'Noto Sans JP', sans-serif;\n  --r:  6px;\n  --rl: 12px;\n\n  \/* Spacing scale *\/\n  --sp-xs:  8px;\n  --sp-sm:  16px;\n  --sp-md:  32px;\n  --sp-lg:  56px;\n  --sp-xl:  80px;\n\n  \/* Font scale *\/\n  --fs-xs:   11px;\n  --fs-sm:   13px;\n  --fs-base: 14px;\n  --fs-md:   16px;\n  --fs-lg:   18px;\n  --fs-xl:   22px;\n}\n\nhtml { scroll-behavior: smooth; }\n\nbody {\n  font-family: 'Noto Sans JP', sans-serif;\n  background: var(--white);\n  color: var(--charcoal);\n  line-height: 1.85;\n  font-weight: 300;\n  overflow-x: hidden;\n}\n\n\/* \u30ea\u30f3\u30af\u5171\u901a\u30ea\u30bb\u30c3\u30c8 *\/\na, a:visited, a:hover, a:active {\n  color: inherit;\n  text-decoration: none;\n}\n\n\/* SP\u5c02\u7528\u6539\u884c *\/\nbr.sp-only { display: none; }\n@media (max-width: 600px) {\n  br.sp-only { display: inline; }\n}\n\n\n\/* ==========================================================================\n   1. HERO\uff08\u30b9\u30e9\u30a4\u30c0\u30fc\uff09\n   ========================================================================== *\/\n.hero {\n  position: relative;\n  width: 100vw;\n  height: 50vh;\n  min-height: 650px;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n}\n\n.hero-slides {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.slide {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background-size: cover;\n  background-position: center;\n  opacity: 0;\n  transition: opacity 1.2s ease;\n}\n\n.slide.active { opacity: 1; }\n\n\/* \u5199\u771f\u306f\u5b9f\u969b\u306eURL\u306b\u5dee\u3057\u66ff\u3048 *\/\n.slide-1 { background-image: url('https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-103.jpg'); }\n.slide-2 { background-image: url('https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-6.jpg'); }\n.slide-3 { background-image: url('https:\/\/umichika.jp\/villa\/wp-content\/uploads\/2026\/05\/260512-100.jpg'); }\n\n.hero-overlay {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8\uff1a\u5de6\u4e0b *\/\n.hero-text {\n  position: absolute;\n  bottom: 120px;\n  padding: 0 60px;\n}\n\n.hero-catch {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: clamp(24px, 3vw, 38px);\n  font-weight: 500;\n  line-height: 1.75;\n  color: #fff;\n  text-shadow: 0 1px 10px rgba(0,0,0,0.3);\n  margin-bottom: 32px;\n}\n\n\/* HERO\u5185CTA\uff08hero-cta\uff09 *\/\n.hero-cta {\n  display: inline-block;\n  background: #3a8daa;\n  color: #fff;\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  padding: 16px 48px;\n  text-decoration: none;\n  border-radius: 2px;\n  transition: background 0.2s;\n}\n.hero-cta:hover { background: #2a6d87; }\n\n\/* \u30c9\u30c3\u30c8 *\/\n.hero-dots {\n  position: absolute;\n  bottom: 40px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  gap: 10px;\n}\n\n.dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.4);\n  cursor: pointer;\n  transition: background 0.3s;\n}\n.dot.active { background: #fff; }\n\n\/* Smart Slider \/ \u30d5\u30eb\u30d6\u30ea\u30fc\u30c9\u5bfe\u7b56 *\/\n.n2-ss-slider-wrapper,\n.n2-ss-slider,\n.n2-ss-section-main-content {\n  max-width: 100% !important;\n  width: 100% !important;\n  left: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.hero,\n.home .hero,\nsection.n2-ss-slider-wrapper {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n}\n\n@media (max-width: 600px) {\n  .hero {\n    height: 50vh;\n    min-height: 450px;\n    max-height: 700px;\n  }\n  .hero-text {\n    padding: 0 24px;\n    bottom: 100px;\n  }\n}\n\n\n\/* ==========================================================================\n   2. NEW OPEN \u5e2f\n   ========================================================================== *\/\n.um-newopen {\n  background: #f0f9ff;\n  border-top: 2px solid #4ca6e3;\n  border-bottom: 0.5px solid #f0f9ff;\n  padding: 18px 24px;\n  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  box-sizing: border-box;\n}\n\n.um-newopen-inner {\n  max-width: 1040px;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  flex-wrap: wrap;\n  text-align: center;\n}\n\n\/* \u30d0\u30c3\u30b8 *\/\n.um-newopen-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #4ca6e3;\n  color: #fff;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 5px 14px;\n  border-radius: 20px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.um-newopen-badge-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #fff;\n  opacity: 0.85;\n  animation: um-pulse 1.8s ease-in-out infinite;\n  flex-shrink: 0;\n}\n\n@keyframes um-pulse {\n  0%, 100% { opacity: 0.85; transform: scale(1); }\n  50%      { opacity: 0.4;  transform: scale(0.7); }\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n.um-newopen-text {\n  font-size: 13px;\n  color: #3a6e78;\n  margin: 0;\n  line-height: 1.6;\n  min-width: 200px;\n}\n\n.um-newopen-text strong {\n  font-weight: 700;\n  color: #2d5f6a;\n}\n\n@media (max-width: 600px) {\n  .um-newopen { padding: 14px 16px; }\n  .um-newopen-inner { gap: 10px; }\n  .um-newopen-text { font-size: 12px; }\n}\n\n\/* small-text\uff08\u6ce8\u91c8\u30fb\u6539\u884c\u8868\u793a\uff09 *\/\nspan.small-text {\n  display: block;\n  font-size: 8px;\n  color: #888888;\n  margin-top: 8px;\n  letter-spacing: 0.05em;\n}\n\n\n\/* ==========================================================================\n   3. SECTION TITLE\uff08\u5171\u901a\u898b\u51fa\u3057\uff09\n   ========================================================================== *\/\n.section-title {\n  text-align: center;\n  padding: 0 24px 52px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n}\n\n.st-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 300;\n  letter-spacing: 0.28em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin: 0;\n}\n\n.st-deco {\n  display: flex;\n  align-items: flex-end;\n  gap: 3px;\n  height: 12px;\n}\n\n.st-deco span {\n  display: block;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n}\n\n.st-deco span:nth-child(2) {\n  border-bottom: 9px solid var(--accent);\n  opacity: 0.9;\n}\n\n.st-deco span:nth-child(1),\n.st-deco span:nth-child(3) {\n  border-bottom: 6px solid var(--accent);\n  opacity: 0.4;\n  margin-bottom: 1px;\n}\n\n.st-ja {\n  font-size: 2.25rem;\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.16em;\n  line-height: 1.4;\n  margin: 0;\n}\n\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb\uff08\u30c9\u30c3\u30c8\u306a\u3057\u30fb\u5927\u6587\u5b57\u82f1\u8a9e\uff09 *\/\n.section-title.sub .st-en {\n  font-size: clamp(28px, 5vw, 40px);\n  font-weight: 300;\n  letter-spacing: 0.4em;\n  color: var(--accent);\n  margin: 0;\n}\n.section-title.sub .st-deco { display: none; }\n.section-title.sub .st-ja {\n  font-size: clamp(14px, 2vw, 18px);\n  font-weight: 400;\n  letter-spacing: 0.1em;\n  color: var(--accent);\n  margin: 4px 0 0;\n}\n\n\n\/* ==========================================================================\n   4. CONCEPT\n   ========================================================================== *\/\n.concept-section {\n  padding: var(--sp-xl) 0;\n}\n\n.concept-content {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 0 40px;\n  text-align: center;\n}\n\n.concept-label-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin-bottom: 12px;\n}\n\n.concept-catch {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: clamp(1.75rem, 2.5vw, 1.85rem);\n  font-weight: 500;\n  line-height: 1.9;\n  color: var(--text-head);\n  letter-spacing: 0.04em;\n  margin: 16px 0 32px;\n}\n\n.concept-body {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: 14px;\n  line-height: 2.4;\n  color: var(--text-body);\n  letter-spacing: 0.05em;\n  margin-bottom: 40px;\n  text-align: center;\n}\n\n\/* \u68df\u30ab\u30fc\u30c9 *\/\n.concept-villas {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 32px;\n  text-align: center;\n}\n\n.concept-villa-card {\n  display: grid;\n  grid-template-columns: 56px 140px 1fr auto auto;\n  align-items: center;\n  gap: 16px;\n  padding: 20px 24px;\n  border: 1.5px solid var(--border);\n  border-radius: 4px;\n  text-decoration: none;\n  transition: all 0.3s ease;\n  color: inherit;\n  min-height: 72px;\n}\n\n.concept-villa-card:hover {\n  border-color: var(--accent);\n  background: #f5fbfd;\n}\n\n.cv-num {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: var(--accent);\n  line-height: 1;\n}\n\n.cv-name {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  letter-spacing: 0.1em;\n  color: var(--text-sub);\n  white-space: nowrap;\n}\n\n.cv-catch {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: var(--fs-xs);\n  color: var(--text-body);\n  line-height: 1.5;\n}\n\n.cv-price {\n  font-family: 'Noto Sans JP', sans-serif;\n  font-size: var(--fs-xs);\n  color: var(--accent);\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.cv-arrow {\n  color: var(--accent);\n  transition: transform 0.2s;\n}\n\n.concept-villa-card:hover .cv-arrow {\n  transform: translateX(4px);\n}\n\n\/* \u4e88\u7d04\u30dc\u30bf\u30f3 *\/\n.concept-btn {\n  display: inline-block;\n  padding: 13px 48px;\n  border: 1.5px solid var(--accent);\n  color: var(--accent);\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: 4px;\n  transition: all 0.3s ease;\n}\n\n.concept-btn:hover {\n  background: var(--accent);\n  color: #fff;\n}\n\n@media (max-width: 768px) {\n  .concept-content { padding: 0 24px; }\n  .concept-villa-card {\n    grid-template-columns: 48px 1fr auto;\n    grid-template-rows: auto auto;\n  }\n  .cv-name { display: none; }\n  .cv-catch { grid-column: 2; grid-row: 2; }\n  .cv-price { grid-column: 3; grid-row: 1; }\n  .cv-arrow { grid-column: 3; grid-row: 2; text-align: right; }\n}\n\n\n\/* ==========================================================================\n   5. POINTS\n   ========================================================================== *\/\n.points .section-title {\n  margin-bottom: -55px; \/* gap\u3068\u540c\u3058\u5024\u3092\u6253\u3061\u6d88\u3059 *\/\n}\n\n.points {\n  max-width: 1000px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 55px;\n  box-sizing: border-box;\n  padding: 20px 20px var(--sp-xl);\n}\n\n.point-card {\n  display: grid;\n  grid-template-columns: 1fr 340px;\n  border: 1px solid var(--border);\n  border-radius: 4px;\n  overflow: hidden;\n  background: var(--white);\n  transition: box-shadow 0.3s ease;\n}\n\n.point-card:hover {\n  box-shadow: 0 6px 28px rgba(58, 158, 192, 0.12);\n}\n\n.card-reverse { grid-template-columns: 340px 1fr; }\n\n.point-body {\n  padding: 48px 44px;\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  justify-content: center;\n  position: relative;\n}\n\n.point-card:not(.card-reverse) .point-body::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 0; bottom: 0;\n  width: 3px;\n}\n\n.point-label {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.22em;\n  color: var(--accent);\n  text-transform: uppercase;\n}\n\n.point-heading {\n  font-size: clamp(var(--fs-lg), 2.2vw, 24px);\n  font-weight: 700;\n  color: var(--text-head);\n  line-height: 1.6;\n  letter-spacing: 0.04em;\n  margin: 0;\n}\n\n.point-text {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.point-text p {\n  font-size: var(--fs-base);\n  font-weight: 500;\n  line-height: 2;\n  margin: 0;\n}\n\n.marker {\n  background: linear-gradient(rgba(0, 0, 0, 0) 55%, #f8f8b0 0%);\n  line-height: 1.8;\n}\n\n.point-media {\n  overflow: hidden;\n  position: relative;\n}\n\n.point-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n.point-card:hover .point-media img { transform: scale(1.04); }\n\n.img-placeholder {\n  width: 100%;\n  height: 100%;\n  min-height: 240px;\n}\n\n.ph-sauna { background: linear-gradient(150deg, #1a0e08 0%, #5a2e10 35%, #9a5020 60%, #c87a40 85%, #e0a870 100%); }\n.ph-pool  { background: linear-gradient(150deg, #0a2a3a 0%, #0d5878 35%, #1a90b8 60%, #40b8d8 85%, #80d8f0 100%); }\n.ph-beach { background: linear-gradient(150deg, #0a3050 0%, #1560a0 35%, #4090d0 60%, #80c0e8 80%, #f0d8a0 100%); }\n\n@media (max-width: 860px) {\n  .points { padding: var(--sp-sm) 24px 64px; }\n  .point-card, .card-reverse { grid-template-columns: 1fr; }\n  .point-media { order: -1; height: 220px; }\n  .img-placeholder { min-height: unset; height: 100%; }\n  .point-body { padding: 32px 28px; }\n  .point-card:not(.card-reverse) .point-body::before {\n    top: 0; bottom: auto; left: 0; right: 0;\n    width: auto; height: 3px;\n  }\n}\n\n@media (max-width: 480px) {\n  .points { padding: var(--sp-xs) 16px 48px; gap: 20px; }\n  .point-body { padding: 24px 20px; gap: 14px; }\n  .point-media { height: 180px; }\n}\n\n\n\/* ==========================================================================\n   6. VILLA SECTION\uff08\u30f4\u30a3\u30e9\u306e\u3054\u7d39\u4ecb\uff09\n   ========================================================================== *\/\n.villa-section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 20px var(--sp-xl);\n}\n\n.villa-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n}\n\n.villa-card {\n  display: flex;\n  flex-direction: column;\n  background: var(--white);\n  border-radius: var(--rl);\n  overflow: hidden;\n  border: 1px solid var(--border);\n  transition: box-shadow 0.3s, transform 0.3s;\n}\n\n.villa-card:hover {\n  box-shadow: 0 8px 32px rgba(58, 158, 192, 0.12);\n  transform: translateY(-2px);\n}\n\n\/* \u5199\u771f\u30a8\u30ea\u30a2 *\/\n.villa-img-wrap {\n  position: relative;\n  width: 100%;\n  height: 280px;\n  overflow: hidden;\n}\n\n.villa-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.villa-card:hover .villa-img-wrap img { transform: scale(1.05); }\n\n\/* \u30d0\u30c3\u30b8\uff08VILLA\u540d\uff09 *\/\n.villa-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background-color: rgba(58, 158, 192, 0.92);\n  color: var(--white);\n  padding: 6px 14px;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  border-radius: 2px;\n  z-index: 2;\n}\n\n\/* NEW OPEN \u30bf\u30b0 *\/\n.villa-new-tag {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  background: #fff;\n  color: var(--accent);\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 5px 12px;\n  border-radius: 20px;\n  z-index: 2;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  animation: villa-pulse 2.5s ease-in-out infinite;\n}\n\n@keyframes villa-pulse {\n  0%, 100% { transform: scale(1); }\n  50%      { transform: scale(1.05); }\n}\n\n\/* \u30a4\u30f3\u30d5\u30a9\u30a8\u30ea\u30a2 *\/\n.villa-info {\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.villa-type {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin: 0 0 6px;\n}\n\n.villa-name {\n  font-size: var(--fs-xl);\n  font-weight: 700;\n  color: var(--charcoal);\n  letter-spacing: 0.05em;\n  margin: 0 0 14px;\n}\n\n.villa-concept {\n  font-size: var(--fs-md);\n  color: var(--accent);\n  font-weight: 600;\n  margin: 0 0 16px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  line-height: 1.5;\n}\n\n.villa-concept::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n  background: var(--accent);\n  opacity: 0.3;\n}\n\n.villa-description p {\n  font-size: var(--fs-base);\n  line-height: 2;\n  color: var(--text-body);\n  margin: 0;\n}\n\n\/* \u57fa\u672c\u60c5\u5831 *\/\n.villa-spec {\n  display: flex;\n  gap: 16px;\n  margin: 24px 0;\n  padding: 16px;\n  background: #f5fbfd;\n  border-radius: var(--r);\n  border: 1px solid var(--border);\n}\n\n.villa-spec-item {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.villa-spec-item:not(:last-child) {\n  border-right: 1px solid var(--border);\n  padding-right: 16px;\n}\n\n.villa-spec-label {\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  letter-spacing: 0.1em;\n  font-weight: 500;\n}\n\n.villa-spec-value {\n  font-size: var(--fs-md);\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.02em;\n}\n\n.villa-spec-unit {\n  font-size: var(--fs-xs);\n  font-weight: 400;\n  color: var(--text-sub);\n  margin-left: 2px;\n}\n\n\/* \u65bd\u8a2d\u30de\u30c3\u30d7 *\/\n.villa-map {\n  margin-top: auto;\n  padding-top: 8px;\n}\n\n.villa-map-label {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: var(--fs-xs);\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  color: var(--accent);\n  margin: 0 0 10px;\n  text-transform: uppercase;\n}\n\n.villa-map .map-img-btn {\n  position: relative;\n  display: block;\n  width: 100%;\n  background: #f8f8f8;\n  border: 1px solid var(--border);\n  padding: 0;\n  cursor: pointer;\n  overflow: hidden;\n  transition: border-color 0.25s;\n  border-radius: var(--r);\n}\n\n.villa-map .map-img-btn:hover { border-color: var(--accent); }\n\n.villa-map .map-zumen {\n  display: block;\n  width: 100%;\n  height: 200px;\n  object-fit: contain;\n  object-position: center;\n  padding: 12px;\n  transition: opacity 0.25s;\n}\n\n.villa-map .map-img-btn:hover .map-zumen { opacity: 0.88; }\n\n.villa-map .map-zoom-hint {\n  position: absolute;\n  bottom: 10px;\n  right: 10px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  background: rgba(58, 158, 192, 0.92);\n  color: #fff;\n  font-size: var(--fs-xs);\n  font-family: 'Josefin Sans', sans-serif;\n  letter-spacing: 0.08em;\n  padding: 5px 10px;\n  border-radius: 2px;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0.25s, transform 0.25s;\n  pointer-events: none;\n}\n\n.villa-map .map-img-btn:hover .map-zoom-hint {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 960px) {\n  .villa-grid { grid-template-columns: 1fr; gap: 32px; }\n  .villa-card { max-width: 600px; margin: 0 auto; width: 100%; }\n}\n\n@media (max-width: 600px) {\n  .villa-img-wrap { height: 220px; }\n  .villa-info { padding: 22px 20px; }\n  .villa-name { font-size: var(--fs-lg); }\n  .villa-concept { font-size: var(--fs-base); }\n  .villa-spec { padding: 12px; }\n  .villa-spec-value { font-size: var(--fs-base); }\n  .villa-map .map-zumen { height: 160px; }\n}\n\n\n\/* ==========================================================================\n   7. COMPARE\uff08\u65e7\u30fb\u6bd4\u8f03\u8868 cn-\uff09\n   ========================================================================== *\/\n.compare-new-section {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 20px 20px var(--sp-xl);\n}\n\n.cn-wrap {\n  background: var(--white);\n  border-radius: var(--rl);\n  overflow: hidden;\n  border: 1px solid var(--border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.cn-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--sans);\n  min-width: 520px;\n  margin: 0 !important;\n}\n\n.cn-table thead tr { background: #f5fbfd; }\n\n.cn-th {\n  padding: 24px 20px 20px;\n  text-align: center;\n  vertical-align: middle;\n  border-bottom: 2px solid var(--accent);\n  position: relative;\n}\n\n.cn-th-empty {\n  width: 22%;\n  background: var(--white);\n  border-bottom: 2px solid var(--border);\n}\n\n.cn-th-type {\n  display: block;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  letter-spacing: 0.2em;\n  color: var(--text-sub);\n  margin-bottom: 4px;\n  font-weight: 500;\n}\n\n.cn-th-name {\n  display: block;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 26px;\n  font-weight: 700;\n  color: var(--text-head);\n  letter-spacing: 0.04em;\n}\n\n.cn-th-new { background: var(--new-bg); position: relative; }\n.cn-th-new .cn-th-type { color: var(--new-accent); }\n.cn-th-new .cn-th-name { color: var(--new-accent); }\n\n.cn-th-new-tag {\n  display: inline-block;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  padding: 3px 10px;\n  border-radius: 12px;\n  margin-bottom: 8px;\n  animation: villa-pulse 2.5s ease-in-out infinite;\n}\n\n.cn-table tbody tr { border-top: 1px solid var(--border); }\n\n.cn-table tbody tr:nth-child(even) td:not(.cn-cell-new):not(.cn-label) {\n  background: #fafeff;\n}\n\n.cn-label {\n  padding: 18px 20px;\n  text-align: left;\n  background: #fafafa;\n  color: var(--text-sub);\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  border-right: 1px solid var(--border);\n  vertical-align: middle;\n}\n\n.cn-cell {\n  padding: 18px 20px;\n  text-align: center;\n  vertical-align: middle;\n  font-size: var(--fs-base);\n  color: var(--text-body);\n  font-weight: 500;\n}\n\n.cn-cell-new {\n  background: var(--new-bg) !important;\n  color: var(--new-accent);\n}\n\n.cn-cell-unit {\n  font-size: var(--fs-xs);\n  font-weight: 400;\n  color: var(--text-sub);\n  margin-left: 2px;\n}\n\n.cn-cell-sub {\n  display: block;\n  font-size: 11px;\n  color: var(--text-sub);\n  font-weight: 400;\n  margin-top: 2px;\n}\n\n.cn-yes { font-size: 0; }\n.cn-yes svg { vertical-align: middle; }\n\n.cn-yes-note {\n  display: inline-block;\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  margin-left: 8px;\n  vertical-align: middle;\n  font-weight: 400;\n}\n\n.cn-none { color: var(--lt-gray); font-size: var(--fs-md); }\n\n.cn-target ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  text-align: left;\n  display: inline-block;\n}\n\n.cn-target li {\n  font-size: var(--fs-sm);\n  color: var(--text-body);\n  line-height: 1.8;\n  padding-left: 14px;\n  position: relative;\n  font-weight: 400;\n}\n\n.cn-target li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 12px;\n  width: 6px;\n  height: 1px;\n  background: var(--accent);\n}\n\n.cn-cell-new.cn-target li { color: var(--new-accent); }\n.cn-cell-new.cn-target li::before { background: var(--new-accent); }\n\n.cn-cta-row td { padding: 24px 20px; background: var(--white) !important; }\n.cn-cta-row .cn-cell-new { background: var(--new-bg) !important; }\n\n.cn-btn {\n  display: inline-block;\n  width: 100%;\n  max-width: 240px;\n  padding: 14px 24px;\n  background: var(--white);\n  color: var(--accent);\n  border: 1.5px solid var(--accent);\n  border-radius: var(--r);\n  text-decoration: none;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n\n.cn-btn:hover { background: var(--accent); color: var(--white); }\n\n.cn-btn-primary { background: var(--accent); color: var(--white) !important; }\n.cn-btn-primary:hover { background: var(--text-head); border-color: var(--text-head); }\n\n.cn-access {\n  text-align: center;\n  font-size: var(--fs-sm);\n  color: var(--text-sub);\n  margin: 24px 0 0;\n  letter-spacing: 0.04em;\n}\n\n.cn-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  letter-spacing: 0.1em;\n  margin: 12px 0 0;\n}\n\n@media (max-width: 768px) {\n  .compare-new-section { padding: 20px 16px var(--sp-lg); }\n  .cn-table { font-size: var(--fs-sm); }\n  .cn-th { padding: 18px 12px 14px; }\n  .cn-th-name { font-size: 22px; }\n  .cn-label, .cn-cell { padding: 14px 12px; }\n  .cn-btn { font-size: var(--fs-xs); padding: 12px 12px; letter-spacing: 0.06em; }\n  .cn-scroll-hint { display: block; }\n}\n\n\n\/* ==========================================================================\n   8. \u8a2d\u5099\u30ea\u30b9\u30c8 \/ \u30b7\u30fc\u30f3 \/ \u4e88\u7d04\u30dc\u30bf\u30f3\uff08compare\u88dc\u52a9\uff09\n   ========================================================================== *\/\n.feat-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.feat-list li {\n  padding-left: 14px;\n  position: relative;\n  font-size: var(--fs-sm);\n  color: var(--text-body);\n  border-bottom: 1px dashed var(--border);\n  padding-bottom: 4px;\n}\n\n.feat-list li:last-child { border-bottom: none; }\n\n.feat-list li::before {\n  content: '\u2014';\n  position: absolute;\n  left: 0;\n  color: var(--accent);\n  font-size: var(--fs-xs);\n  top: 2px;\n}\n\n.feat-highlight { color: var(--accent); font-weight: 600; }\n\n.scene-title {\n  font-size: var(--fs-xs);\n  font-weight: 700;\n  color: var(--accent);\n  letter-spacing: 0.08em;\n  margin-bottom: 8px;\n}\n\n.scene-list { list-style: none; padding: 0; margin: 0; }\n\n.scene-list li {\n  font-size: var(--fs-sm);\n  color: var(--text-body);\n  padding: 4px 0;\n  line-height: 1.6;\n}\n\n.scene-note {\n  display: block;\n  font-size: var(--fs-xs);\n  color: var(--text-sub);\n  margin-top: 4px;\n}\n\n.btn-reserve {\n  display: block;\n  width: calc(100% - 32px);\n  margin: 16px auto;\n  padding: 14px 24px;\n  border-radius: 4px;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.08em;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n  white-space: nowrap;\n  background-color: var(--accent);\n  color: var(--white);\n  border: 2px solid var(--accent);\n}\n\n.btn-reserve:hover { background-color: var(--white); color: var(--accent); }\n\n@media (max-width: 600px) {\n  .compare-section { padding: 0 16px var(--sp-xl); }\n  .compare-table tbody td { padding: 12px 12px; }\n  .btn-reserve { font-size: var(--fs-xs); padding: 12px 16px; }\n}\n\n\n\/* ==========================================================================\n   9. ACCESS\n   ========================================================================== *\/\n.access {\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 96px 24px;\n}\n\n.access__head {\n  text-align: center;\n  margin-bottom: 64px;\n}\n\n.access__label {\n  font-family: \"Georgia\", \"Times New Roman\", serif;\n  font-size: 30px;\n  letter-spacing: 0.32em;\n  font-weight: 400;\n  color: var(--accent);\n  text-indent: 0.32em;\n}\n\n.access__sub {\n  margin-top: 14px;\n  font-size: 13px;\n  letter-spacing: 0.28em;\n  color: var(--ink-soft);\n  text-indent: 0.28em;\n}\n\n.access__grid {\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  border: 1px solid var(--line);\n  border-radius: var(--radius);\n  overflow: hidden;\n  align-items: stretch;\n}\n\n.access__info {\n  background: #f7fafb;\n  padding: 56px 48px;\n  display: flex;\n  flex-direction: column;\n}\n\n.access__info-title {\n  font-size: 14px;\n  letter-spacing: 0.18em;\n  color: var(--accent-deep);\n  font-weight: 600;\n  padding-bottom: 18px;\n  margin-bottom: 28px;\n  border-bottom: 1px solid #4f93b3;\n}\n\n.access__address { margin-bottom: 36px; }\n\n.access__zip {\n  font-size: 13px;\n  color: var(--ink-soft);\n  letter-spacing: 0.08em;\n}\n\n.access__addr {\n  font-size: 17px;\n  letter-spacing: 0.04em;\n  margin-top: 4px;\n  line-height: 1.7;\n}\n\n.access__routes {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n  flex-grow: 1;\n}\n\n.route {\n  display: grid;\n  grid-template-columns: 64px 1fr;\n  gap: 16px;\n  align-items: baseline;\n}\n\n.route__tag {\n  font-size: 12px;\n  letter-spacing: 0.1em;\n  color: #fff;\n  background: var(--accent);\n  padding: 4px 0;\n  text-align: center;\n  border-radius: 2px;\n  white-space: nowrap;\n}\n\n.route__text {\n  font-size: 14.5px;\n  color: var(--ink);\n  line-height: 1.7;\n}\n\n.access__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  margin-top: 40px;\n  padding: 15px 24px;\n  font-size: 14px;\n  letter-spacing: 0.12em;\n  color: var(--accent-deep);\n  background: transparent;\n  border: 1px solid var(--accent);\n  border-radius: 2px;\n  text-decoration: none;\n  transition: all .35s ease;\n}\n\n.access__btn:hover { background: var(--accent); color: #fff; }\n.access__btn .arrow { transition: transform .35s ease; }\n.access__btn:hover .arrow { transform: translateX(4px); }\n\n.access__map { position: relative; min-height: 440px; }\n\n.access__map iframe {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  filter: saturate(0.85) contrast(0.96);\n}\n\n@media (max-width: 820px) {\n  .access { padding: 72px 20px; }\n  .access__head { margin-bottom: 44px; }\n  .access__label { font-size: 26px; }\n  .access__grid { grid-template-columns: 1fr; }\n  .access__info { padding: 40px 28px; }\n  .access__map { min-height: 320px; border-top: 1px solid var(--line); }\n}\n\n@media (max-width: 420px) {\n  .access__label { font-size: 22px; letter-spacing: 0.24em; }\n  .access__addr { font-size: 16px; }\n  .route { grid-template-columns: 56px 1fr; gap: 12px; }\n  .access__btn { width: 100%; }\n}\n\n\n\/* ==========================================================================\n   10. SLIDER\uff08Swiper\u5171\u901a\uff1a\u5171\u901a\u8a2d\u5099 \/ \u5468\u8fba\u89b3\u5149\uff09\n   ========================================================================== *\/\n.slider-section {\n  padding: var(--sp-md) 30px var(--sp-xl);\n}\n\n.slider-outer-container {\n  position: relative;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.swiper.myCustomSwiper { padding-bottom: 40px !important; }\n.swiper.myCustomSwiper .swiper-pagination { bottom: 4px !important; }\n\n.card {\n  display: flex;\n  flex-direction: column;\n  background: var(--white);\n}\n\n.card-image-wrap {\n  position: relative;\n  width: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n\n.card-image {\n  width: 100%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.card-title {\n  font-size: var(--fs-md);\n  font-weight: 700;\n  color: var(--charcoal);\n  margin: 16px 10px 0px;\n  letter-spacing: 0.04em;\n}\n\n.card-text {\n  font-size: var(--fs-sm);\n  line-height: 1.8;\n  margin: 0;\n  flex-grow: 1;\n}\n\n\/* card-text \u306e WP \u8abf\u6574\uff08\u65e7 p.card-text\uff09 *\/\np.card-text { margin: 10px; }\n\n\/* \u30ca\u30d3\u30dc\u30bf\u30f3 *\/\n.nav-btn {\n  position: absolute;\n  top: calc(50% - 20px);\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  opacity: 0.85;\n  transition: opacity 0.25s, transform 0.25s;\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n}\n\n.nav-btn::before,\n.nav-btn::after { display: none; }\n\n.nav-btn svg {\n  width: 32px;\n  height: 32px;\n  display: block;\n  filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));\n}\n\n.nav-btn.prev { left: 8px; }\n.nav-btn.next { right: 8px; }\n\n.nav-btn:hover { opacity: 1; transform: translateY(-50%) scale(1.12); }\n\n.more-btn {\n  display: inline-block;\n  padding: 12px 40px;\n  border-radius: 4px;\n  font-size: var(--fs-sm);\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  background-color: transparent;\n  color: var(--accent);\n  border: 1.5px solid var(--accent);\n}\n\na.more-btn { color: #3a9ec0 !important; }\n.more-btn:hover { background-color: var(--accent); color: #fff !important; }\na.more-btn:hover { color: #fff; }\n\n\/* \u767d\u30dc\u30bf\u30f3\uff08OFFERS\u30bb\u30af\u30b7\u30e7\u30f3\u5185\uff09 *\/\n.plans-section .more-btn.wh {\n  background-color: #fff;\n  color: var(--accent);\n  border: 2px solid #fff;\n  padding: 12px 40px;\n  border-radius: 4px;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-decoration: none;\n  display: inline-block;\n  transition: all 0.3s ease;\n}\n\n.plans-section .more-btn.wh:hover { opacity: 0.8; }\n\n@media (max-width: 768px) {\n  .nav-btn { display: none; }\n}\n\n\n\/* ==========================================================================\n   11. PLAN \/ OFFERS\n   ========================================================================== *\/\n.plan {\n  background: transparent;\n  display: flex;\n  flex-direction: column;\n}\n\n.plan-content {\n  background: var(--white);\n  padding: 20px;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.plan-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: auto;\n  padding-top: 16px;\n}\n\n.price-tag {\n  border: 1px solid var(--lt-gray);\n  padding: 5px 10px;\n  font-size: var(--fs-base);\n  color: var(--charcoal);\n}\n\n\/* PLAN\u30ab\u30fc\u30c9\u5185\u306e\u77e2\u5370\uff08CONCEPT\u306e cv-arrow \u3068\u306f\u5225\u7528\u9014\uff09 *\/\n.arrow {\n  color: var(--lt-gray);\n  font-size: var(--fs-lg);\n}\n\n\/* \u68df\u540d\u30e9\u30d9\u30eb\uff08\u753b\u50cf\u4e0a\uff09 *\/\n.building-tag {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  padding: 3px 8px;\n  background: rgba(255,255,255,0.9);\n  color: var(--accent);\n  border-radius: 2px;\n  white-space: nowrap;\n  max-width: calc(100% - 24px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\/* OFFERS *\/\n.plans-section .st-en,\n.plans-section .st-ja { color: #fff; }\n\n.plans-section {\n  padding: 56px 32px 72px;\n  box-sizing: border-box;\n}\n\n.plans-header {\n  text-align: center;\n  padding: 60px 40px 40px;\n}\n\n.plans-header-en {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: clamp(2.5rem, 6vw, 4rem);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  color: #fff;\n  margin: 0 0 8px;\n}\n\n.plans-header-deco { margin: 8px auto 16px; }\n\n.plans-header-ja {\n  font-size: var(--fs-base);\n  font-weight: 300;\n  letter-spacing: 0.12em;\n  color: #fff;\n  margin: 0;\n}\n\n.plans-group {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n\/* more-btn-container\uff08\u91cd\u89072\u4ef6\u3092\u7d71\u5408\uff09 *\/\n.more-btn-container {\n  text-align: center;\n  margin: 40px 0 60px;\n}\n\n\/* \u68df\u30b0\u30eb\u30fc\u30d7\u30bf\u30a4\u30c8\u30eb *\/\n.plans-group-title {\n  font-family: 'Josefin Sans', sans-serif;\n  font-size: 1.5rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  color: #fff;\n  text-align: center;\n  margin: 0 auto 24px;\n  padding: 0 0 16px;\n  border-bottom: 1px solid rgba(255,255,255,0.3);\n  max-width: 900px;\n  position: relative;\n}\n\n.plans-group-title::before,\n.plans-group-title::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  width: 40px;\n  height: 2px;\n  background: #fff;\n}\n\n.plans-group-title::before { left: 0; }\n.plans-group-title::after  { right: 0; }\n\n\/* \u30ab\u30fc\u30c9\u3092\u30ea\u30f3\u30af\u5316 *\/\n.card-link {\n  display: block;\n  text-decoration: none;\n  color: inherit;\n  height: 100%;\n}\n\n.card-link:hover .arrow {\n  transform: translateX(4px);\n  transition: transform 0.2s ease;\n}\n\n\n\/* ==========================================================================\n   12. FLOW\uff08\u3054\u5229\u7528\u306e\u6d41\u308c\uff09\n   ========================================================================== *\/\n.flow-section {\n  padding: var(--sp-xl) 20px;\n  background: var(--white);\n}\n\n.flow-section .container {\n  max-width: 1000px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.flow-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-top: 0;\n}\n\n.flow-item {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.flow-number {\n  font-size: var(--fs-lg);\n  font-weight: 700;\n  color: var(--text-head);\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 20px;\n  border: 1px solid var(--border);\n  background: var(--white);\n}\n\n.flow-content h3 {\n  font-size: var(--fs-lg);\n  color: var(--text-head);\n  margin-bottom: 15px;\n  font-weight: 700;\n}\n\n.flow-content p {\n  font-size: var(--fs-base);\n  line-height: 1.8;\n  text-align: left;\n}\n\n.flow-arrow {\n  display: flex;\n  align-items: center;\n  padding-top: 30px;\n}\n\n.flow-arrow span {\n  width: 15px;\n  height: 15px;\n  border-top: 2px solid var(--border);\n  border-right: 2px solid var(--border);\n  transform: rotate(45deg);\n}\n\n@media (max-width: 768px) {\n  .flow-section { padding: 40px 20px; }\n  .flow-container { flex-direction: column; gap: 0; }\n  .flow-item {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 20px;\n    width: 100%;\n    text-align: left;\n    position: relative;\n    padding-bottom: 30px;\n  }\n  .flow-item:last-child { padding-bottom: 0; }\n  .flow-number {\n    width: 45px; height: 45px; min-width: 45px;\n    font-size: var(--fs-md);\n    margin-bottom: 0;\n    z-index: 2;\n  }\n  .flow-item:not(:last-child)::after {\n    content: \"\";\n    position: absolute;\n    top: 45px; left: 22px;\n    width: 1px;\n    height: calc(100% - 35px);\n    border-left: 1px dotted var(--border);\n    z-index: 1;\n  }\n  .flow-content h3 { margin-top: 8px; font-size: var(--fs-md); }\n  .flow-arrow { display: none; }\n}\n\n\n\/* ==========================================================================\n   13. FAQ\n   ========================================================================== *\/\n.faq-section {\n  padding: var(--sp-xl) 20px;\n  background: var(--white);\n  padding-top: 0 !important;\n}\n\n.faq-section .container {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.faq-container { border-top: 1px solid var(--border); }\n.faq-item { border-bottom: 1px solid var(--border); }\n\n.faq-question {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 28px 10px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: none;\n}\n\n.q-left {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n\n.q-symbol {\n  font-size: 1.8rem;\n  font-family: serif;\n  color: var(--accent);\n  line-height: 1;\n  font-weight: 300;\n  flex-shrink: 0;\n}\n\n.q-text {\n  font-size: var(--fs-md);\n  color: var(--charcoal);\n  text-align: left;\n  font-weight: 600;\n}\n\n.toggle-icon {\n  position: relative;\n  width: 20px; height: 20px;\n  flex-shrink: 0;\n  margin-left: 16px;\n}\n\n.toggle-icon::before,\n.toggle-icon::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--gray);\n  transition: transform 0.4s ease, opacity 0.4s ease;\n}\n\n.toggle-icon::before {\n  top: 50%; left: 0;\n  width: 100%; height: 1px;\n  transform: translateY(-50%);\n}\n\n.toggle-icon::after {\n  top: 0; left: 50%;\n  width: 1px; height: 100%;\n  transform: translateX(-50%);\n}\n\n.faq-item.active .toggle-icon::after {\n  transform: translateX(-50%) rotate(90deg);\n  opacity: 0;\n}\n\n.faq-answer-wrapper {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  visibility: hidden;\n}\n\n.faq-item.active .faq-answer-wrapper {\n  grid-template-rows: 1fr;\n  visibility: visible;\n}\n\n.faq-answer-content { overflow: hidden; }\n\n.faq-answer-content p {\n  padding: 0 10px 28px 56px;\n  margin: 0;\n  line-height: 1.8;\n  font-size: var(--fs-base);\n  text-align: left;\n}\n\n.n2-section-smartslider { padding-bottom: 0px !important; }\n\nbutton:hover, button:focus,\ninput[type=\"button\"]:hover, input[type=\"button\"]:focus,\ninput[type=\"reset\"]:hover, input[type=\"reset\"]:focus,\ninput[type=\"submit\"]:hover, input[type=\"submit\"]:focus {\n  background-color: #ffff;\n}\n\n\n\/* ==========================================================================\n   14. SCENE\n   ========================================================================== *\/\n.scene-section {\n  padding: 20px 20px var(--sp-xl);\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.scene-section .section-title {\n  padding: 0 20px;\n  margin-bottom: var(--sp-lg);\n}\n\n.sg-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.sg-card {\n  position: relative;\n  overflow: hidden;\n  aspect-ratio: 4 \/ 3;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  border-radius: 8px;\n}\n\n.sg-card img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s ease;\n}\n\n.sg-card:hover img { transform: scale(1.05); }\n\n.sg-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0) 30%,\n    rgba(0, 0, 0, 0.35) 55%,\n    rgba(0, 0, 0, 0.85) 100%\n  );\n}\n\n.sg-body {\n  position: relative;\n  padding: 28px 28px 32px;\n}\n\n.sg-num {\n  font-size: 13px;\n  letter-spacing: 3px;\n  color: rgba(255, 255, 255, 0.85);\n  margin: 0 0 8px;\n  font-weight: 300;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);\n}\n\n.sg-title {\n  font-size: 22px;\n  font-weight: 600;\n  color: #fff;\n  margin: 0 0 10px;\n  line-height: 1.4;\n  letter-spacing: 1px;\n  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.9);\n}\n\n.sg-catch {\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.98);\n  margin: 0 0 12px;\n  letter-spacing: 1px;\n  font-weight: 500;\n  line-height: 1.5;\n  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.9);\n}\n\n.sg-text {\n  font-size: 13px;\n  color: rgba(255, 255, 255, 0.95);\n  line-height: 1.7;\n  letter-spacing: 0.3px;\n  margin: 0;\n  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.85), 0 1px 2px rgba(0, 0, 0, 0.9);\n}\n\n.sg-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: var(--text-sub, #6a9aaa);\n  letter-spacing: 0.1em;\n  margin: 12px 0 0;\n}\n\n@media (max-width: 768px) {\n  .sg-grid { gap: 16px; }\n}\n\n@media (max-width: 600px) {\n  .scene-section { padding: 20px 0 var(--sp-xl); }\n  .scene-section .section-title { padding: 0 20px; }\n  .sg-grid {\n    display: flex;\n    grid-template-columns: none;\n    gap: 14px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scroll-snap-type: x mandatory;\n    padding: 0 20px 8px;\n    scrollbar-width: none;\n  }\n  .sg-grid::-webkit-scrollbar { display: none; }\n  .sg-card {\n    flex: 0 0 80vw;\n    max-width: 320px;\n    scroll-snap-align: center;\n    aspect-ratio: 4 \/ 3;\n  }\n  .sg-body { padding: 22px 20px 26px; }\n  .sg-title { font-size: 19px; }\n  .sg-catch { font-size: 14px; }\n  .sg-text { font-size: 12px; line-height: 1.65; }\n  .sg-scroll-hint { display: block; }\n}\n\n\/* WordPress\u8abf\u6574 *\/\n.wp-block-cover { margin-bottom: 0 !important; }\n.wp-block-cover.alignfull.is-light { padding: 0 !important; }\n\n\n\/* ==========================================================================\n   15. \u4e88\u7d04\u30dc\u30bf\u30f3\uff08\u5171\u901aCTA\uff09\n   ========================================================================== *\/\n.hero-btn {\n  display: inline-block;\n  padding: 14px 48px;\n  background: var(--accent);\n  color: #fff;\n  font-size: var(--fs-sm);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: var(--r);\n  transition: opacity 0.3s;\n  align-self: flex-start;\n  margin-top: 30px;\n}\n\n.hero-btn:hover { opacity: 0.85; }\n\n.btn-reserve-lg {\n  display: inline-block;\n  padding: 16px 64px;\n  background: var(--accent);\n  color: #fff;\n  font-size: var(--fs-md);\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-decoration: none;\n  border-radius: var(--r);\n  transition: opacity 0.3s;\n}\n\n.btn-reserve-lg:hover { opacity: 0.85; }\n\n.compare-reserve { text-align: center; margin-top: 40px; }\n\n.final-cta { text-align: center; padding: var(--sp-xl) 20px; }\n\n.final-cta-text {\n  font-size: var(--fs-base);\n  color: var(--text-sub);\n  margin-bottom: 24px;\n}\n\n\/* \u30dc\u30bf\u30f3\u306e\u6587\u5b57\u8272\u56fa\u5b9a *\/\n.hero-btn,\n.hero-btn:visited,\n.hero-btn:hover,\n.hero-btn:active { color: #fff; }\n\n.btn-reserve-lg,\n.btn-reserve-lg:visited,\n.btn-reserve-lg:hover,\n.btn-reserve-lg:active { color: #fff; }\n\n@media (max-width: 480px) {\n  .hero-btn { padding: 12px 32px; font-size: var(--fs-xs); }\n  .btn-reserve-lg { padding: 14px 40px; font-size: var(--fs-base); }\n}\n\n\n\/* ==========================================================================\n   16. INSTAGRAM\n   ========================================================================== *\/\n.umichika-ig-section {\n  padding: 80px 0;\n  background: #FAFAF8;\n  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP', sans-serif;\n}\n\n.umichika-ig-inner {\n  max-width: 960px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n.umichika-ig-header { text-align: center; margin-bottom: 40px; }\n\n.umichika-ig-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  letter-spacing: 0.14em;\n  color: #C13584;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin-bottom: 14px;\n}\n\n.umichika-ig-title {\n  font-size: clamp(22px, 4vw, 30px);\n  font-weight: 500;\n  color: #1a1a1a;\n  line-height: 1.55;\n  margin: 0 0 14px;\n  letter-spacing: 0.02em;\n}\n\n.umichika-ig-desc {\n  font-size: 14px;\n  color: #666;\n  line-height: 1.9;\n  margin: 0 0 16px;\n}\n\n.umichika-ig-handle {\n  display: inline-block;\n  font-size: 13px;\n  color: #C13584;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(193, 53, 132, 0.3);\n  padding-bottom: 2px;\n  transition: border-color 0.2s;\n  letter-spacing: 0.03em;\n}\n\n.umichika-ig-handle:hover { border-color: #C13584; }\n\n.umichika-ig-feed-wrap { --sb-gap: 4px; }\n\n.umichika-ig-feed-wrap .sbi_photo_wrap img,\n.umichika-ig-feed-wrap .sbi_photo img {\n  border-radius: 6px;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n.umichika-ig-feed-wrap .sbi_photo_wrap:hover img,\n.umichika-ig-feed-wrap .sbi_photo:hover img {\n  transform: scale(1.03);\n  opacity: 0.92;\n}\n\n.umichika-ig-footer { text-align: center; margin-top: 36px; }\n\n.umichika-ig-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 32px;\n  border: 1.5px solid #C13584;\n  border-radius: 40px;\n  color: #C13584;\n  font-size: 13px;\n  font-weight: 600;\n  text-decoration: none;\n  letter-spacing: 0.05em;\n  transition: background 0.2s, color 0.2s;\n}\n\n.umichika-ig-btn:hover { background: #C13584; color: #fff; }\n\n@media (max-width: 640px) {\n  .umichika-ig-section { padding: 56px 0; }\n  .umichika-ig-header { margin-bottom: 28px; }\n}\n\n\n\/* ==========================================================================\n   17. REVIEW\n   ========================================================================== *\/\n.um-rv-section {\n  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n}\n\n.um-rv-scroll-wrap {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding: 8px 24px 12px;\n}\n\n.um-rv-scroll-wrap::-webkit-scrollbar { display: none; }\n\n.um-rv-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n  max-width: 1040px;\n  margin: 0 auto;\n}\n\n.um-rc {\n  background: #faf9f6;\n  border: 0.5px solid #e4ddd3;\n  border-radius: 12px;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  transition: box-shadow 0.25s, transform 0.25s;\n  min-width: 0;\n}\n\n.um-rc:hover {\n  box-shadow: 0 6px 24px rgba(0,0,0,0.07);\n  transform: translateY(-2px);\n}\n\n.um-rc-head { display: flex; align-items: center; gap: 10px; }\n\n.um-rc-avatar {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #d6cfc4;\n  color: #6b6058;\n  font-size: 15px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.um-rc-meta {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.um-rc-name {\n  font-size: 13px;\n  font-weight: 600;\n  color: #2d2820;\n  letter-spacing: 0.02em;\n}\n\n.um-rc-sub {\n  font-size: 11px;\n  color: #a09080;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.um-rc-stars {\n  font-size: 13px;\n  color: #c8963c;\n  letter-spacing: 1px;\n  flex-shrink: 0;\n}\n\n.um-rc-text {\n  font-size: 13px;\n  line-height: 1.9;\n  color: #4a4038;\n  margin: 0;\n  flex: 1;\n}\n\n.um-rc-src {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  font-size: 11px;\n  color: #a09080;\n  border-top: 0.5px solid #e4ddd3;\n  padding-top: 12px;\n  margin-top: auto;\n}\n\n.um-rv-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: #b0a090;\n  letter-spacing: 0.08em;\n  margin: 6px 0 0;\n}\n\n@media (max-width: 768px) {\n  .um-rv-scroll-wrap { padding: 8px 20px 16px; }\n  .um-rv-grid {\n    grid-template-columns: repeat(3, 82vw);\n    max-width: none;\n    gap: 14px;\n    padding: 4px 0 8px;\n  }\n  .um-rv-hint { display: block; }\n}\n\n\n\/* ==========================================================================\n   18. VILLA COMPARE\uff08vc-\uff09\n   ========================================================================== *\/\n.vc-section {\n  padding: 0 0 72px;\n  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;\n}\n\n.vc-header {\n  text-align: center;\n  margin-bottom: 48px;\n  padding: 0 24px;\n}\n\n.vc-eyebrow {\n  display: block;\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  color: #5ba3b0;\n  margin-bottom: 14px;\n}\n\n.vc-title {\n  font-size: clamp(22px, 4vw, 32px);\n  font-weight: 500;\n  color: #2d2820;\n  line-height: 1.55;\n  margin: 0;\n  letter-spacing: 0.05em;\n}\n\n.vc-scroll-wrap {\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding: 16px 24px 16px;\n}\n\n.vc-scroll-wrap::-webkit-scrollbar { display: none; }\n\n.vc-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  max-width: 840px;\n  margin: 0 auto;\n}\n\n.vc-card {\n  background: #ffffff;\n  border: 1px solid #e4ddd3;\n  border-radius: 16px;\n  padding: 32px 28px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  position: relative;\n  transition: box-shadow 0.3s, transform 0.3s;\n}\n\n.vc-card:hover {\n  box-shadow: 0 8px 32px rgba(0,0,0,0.08);\n  transform: translateY(-3px);\n}\n\n.vc-card--featured { border-color: #5ba3b0; border-width: 1.5px; }\n\n.vc-new-badge {\n  position: absolute;\n  top: -12px;\n  left: 50%;\n  transform: translateX(-50%);\n  background: #5ba3b0;\n  color: #fff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  padding: 4px 14px;\n  border-radius: 20px;\n  white-space: nowrap;\n}\n\n.vc-card-head { text-align: center; }\n\n.vc-tag {\n  display: inline-block;\n  font-size: 10px;\n  letter-spacing: 0.14em;\n  color: #5ba3b0;\n  margin-bottom: 8px;\n}\n\n.vc-card-name {\n  font-size: 36px;\n  font-weight: 300;\n  color: #2d2820;\n  margin: 0 0 8px;\n  letter-spacing: 0.05em;\n  line-height: 1;\n}\n\n.vc-card-catch {\n  font-size: 12px;\n  color: #8a7e74;\n  margin: 0;\n  line-height: 1.6;\n}\n\n.vc-price-block {\n  text-align: center;\n  padding: 16px 0;\n  border-top: 0.5px solid #ede8e2;\n  border-bottom: 0.5px solid #ede8e2;\n}\n\n.vc-price {\n  font-size: 26px;\n  font-weight: 600;\n  color: #2d2820;\n  letter-spacing: -0.01em;\n}\n\n.vc-price-unit {\n  font-size: 13px;\n  font-weight: 400;\n  color: #8a7e74;\n  margin-left: 2px;\n}\n\n.vc-price-per { font-size: 12px; color: #8a7e74; margin-top: 4px; }\n\n.vc-capacity {\n  text-align: center;\n  font-size: 13px;\n  color: #5a4e44;\n  letter-spacing: 0.04em;\n}\n\n.vc-capacity strong {\n  font-size: 20px;\n  font-weight: 600;\n  color: #2d2820;\n  margin: 0 2px;\n}\n\n.vc-features {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.vc-feature-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  color: #4a4038;\n  padding-bottom: 10px;\n  border-bottom: 0.5px solid #f0ebe4;\n}\n\n.vc-feature-item:last-child { border-bottom: none; padding-bottom: 0; }\n\n.vc-feature-item--highlight { color: #2d7a87; font-weight: 600; }\n\n.vc-check { width: 16px; height: 16px; color: #5ba3b0; flex-shrink: 0; }\n\n.vc-feature-item--highlight .vc-check { color: #2d7a87; }\n\n.vc-for { background: #f5f2ee; border-radius: 10px; padding: 16px 18px; }\n\n.vc-for-label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  color: #8a7e74;\n  margin: 0 0 10px;\n}\n\n.vc-for-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.vc-for-list li {\n  font-size: 12.5px;\n  color: #4a4038;\n  padding-left: 14px;\n  position: relative;\n  line-height: 1.5;\n}\n\n.vc-for-list li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 8px;\n  width: 5px;\n  height: 1px;\n  background: #5ba3b0;\n}\n\n.vc-btn {\n  display: block;\n  text-align: center;\n  padding: 14px;\n  border-radius: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-decoration: none;\n  border: 1.5px solid #2d2820;\n  color: #2d2820;\n  background: transparent;\n  transition: background 0.25s, color 0.25s;\n  margin-top: auto;\n}\n\n.vc-btn:hover { background: #2d2820; color: #fff; }\n\n.vc-btn--primary { background: #5ba3b0; border-color: #5ba3b0; color: #fff; }\n.vc-btn--primary:hover { background: #4a8f9c; border-color: #4a8f9c; color: #fff; }\n\n.vc-access {\n  text-align: center;\n  font-size: 12px;\n  color: #a09080;\n  margin: 24px 0 0;\n  letter-spacing: 0.04em;\n}\n\n.vc-scroll-hint {\n  display: none;\n  text-align: center;\n  font-size: 11px;\n  color: #b0a090;\n  letter-spacing: 0.08em;\n  margin: 8px 0 0;\n}\n\n@media (max-width: 680px) {\n  .vc-section { padding: 56px 0 48px; }\n  .vc-scroll-wrap { padding: 8px 20px 20px; }\n  .vc-grid {\n    grid-template-columns: repeat(2, 80vw);\n    max-width: none;\n    gap: 14px;\n    padding: 12px 4px 4px;\n  }\n  .vc-card { padding: 28px 20px 22px; min-width: 0; }\n  .vc-scroll-hint { display: block; }\n}\n\n\n\/* ==========================================================================\n   19. \u56f3\u9762\u30e2\u30fc\u30c0\u30eb\n   ========================================================================== *\/\n.zumen-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.zumen-modal.is-open { display: flex; }\n\n.zumen-modal-backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgb(229 229 229 \/ 70%);\n  cursor: zoom-out;\n}\n\n.zumen-modal-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 92vw;\n  max-height: 92vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.zumen-modal-title {\n  color: #fff;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: .06em;\n  margin: 0 0 12px;\n  padding-right: 52px;\n}\n\n.zumen-modal-body {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 0;\n}\n\n.zumen-modal-img {\n  max-width: 100%;\n  max-height: 80vh;\n  width: auto;\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 20px 60px rgba(0,0,0,.5);\n  background: #fff;\n}\n\n.zumen-modal-close {\n  position: absolute;\n  top: -20px;\n  right: 0;\n  width: 44px;\n  height: 44px;\n  border: 2px solid rgba(255,255,255,.9);\n  border-radius: 50%;\n  background: rgba(20,30,34,.85);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  z-index: 3;\n  transition: background .2s ease, transform .2s ease;\n}\n\n.zumen-modal-close:hover { background: #2c3e44; transform: rotate(90deg); }\n\n.zumen-modal-close svg { display: block; }\n.zumen-modal-close svg line { stroke: #ffffff; }\n\n@media (max-width: 600px) {\n  .zumen-modal { padding: 16px; }\n  .zumen-modal-close { top: -42px; }\n}\n\n\n\/* ==========================================================================\n   20. \u65e7\u30ec\u30a4\u30a2\u30a6\u30c8\uff08.villa-lp \u7cfb \/ \u4f7f\u7528\u5224\u65ad\u3064\u304b\u306a\u3044\u305f\u3081\u4fdd\u6301\uff09\n   ========================================================================== *\/\n.bg-wh {\n  background: #ffffff;\n  box-shadow: 0 2px 10px rgba(42,111,142,.08);\n  -webkit-box-decoration-break: clone;\n  box-decoration-break: clone;\n  padding: .18em .5em;\n  border-radius: 4px;\n}\n\n.villa-lp {\n  position: relative;\n  line-height: 1.9;\n  letter-spacing: .04em;\n  color: var(--text);\n  overflow-x: hidden;\n  --blue-deep: #2a6f8e;\n  --blue: #4a93b5;\n  --blue-light: #7fb8d4;\n  --bg-pale: #e8f4fa;\n  --bg-card: #ffffff;\n  --text: #3a4a55;\n  --text-soft: #5a6b76;\n  --accent: #1f5d78;\n  --shadow: 0 14px 40px rgba(42,111,142,.12);\n  --shadow-soft: 0 6px 22px rgba(42,111,142,.08);\n}\n\n.villa-lp * { margin: 0; padding: 0; box-sizing: border-box; }\n.villa-lp img { display: block; width: 100%; height: 100%; object-fit: cover; }\n\n\/* \u304a\u77e5\u3089\u305b\u30d0\u30fc *\/\n.villa-lp .vl-notice {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 12px 20px;\n  background: #fff;\n  flex-wrap: wrap;\n}\n\n.villa-lp .vl-tag {\n  flex-shrink: 0;\n  background: var(--blue-deep);\n  color: #fff;\n  font-size: 12px;\n  letter-spacing: .1em;\n  padding: 7px 16px;\n  border-radius: 30px;\n}\n\n.villa-lp .vl-tag::before {\n  content: \"\";\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #9fd6ec;\n  margin-right: 7px;\n  vertical-align: middle;\n}\n\n.villa-lp .vl-notice p { font-size: 12.5px; color: var(--text-soft); }\n\n\/* \u30d2\u30fc\u30ed\u30fc *\/\n.villa-lp .vl-hero { position: relative; }\n.villa-lp .vl-hero-img { height: 520px; }\n\n.villa-lp .vl-hero-img::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(90deg, rgba(20,50,65,.45) 0%, rgba(20,50,65,.1) 45%, transparent 70%);\n}\n\n.villa-lp .vl-hero-copy {\n  position: absolute;\n  left: 6%;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #fff;\n  z-index: 2;\n  max-width: 560px;\n  text-shadow: 0 2px 12px rgba(0,0,0,.3);\n}\n\n.villa-lp .vl-hero-copy .wave { display: block; width: 36px; margin-bottom: 14px; }\n\n.villa-lp .vl-hero-copy h1 {\n  font-size: 38px;\n  font-weight: 700;\n  line-height: 1.55;\n  letter-spacing: .06em;\n  margin-bottom: 22px;\n}\n\n.villa-lp .vl-hero-copy p { font-size: 14px; line-height: 2; letter-spacing: .05em; }\n\n\/* \u30b5\u30f3\u30bb\u30c3\u30c8\u5e2f *\/\n.villa-lp .vl-band { height: 240px; }\n\n\/* \u30b3\u30f3\u30bb\u30d7\u30c8 *\/\n.villa-lp .vl-concept { position: relative; padding: 70px 20px 80px; overflow: hidden; }\n\n.villa-lp .vl-concept .vl-side {\n  position: absolute;\n  top: -52px;\n  border-radius: 50%;\n  width: 450px;\n  height: 450px;\n  box-shadow: var(--shadow);\n}\n\n.villa-lp .vl-concept .vl-side.left { left: -90px; }\n.villa-lp .vl-concept .vl-side.right { right: -70px; width: 400px; height: 400px; }\n.villa-lp .vl-concept .vl-side.right.lower { top: 230px; right: -40px; width: 330px; height: 330px; }\n.villa-lp .vl-concept .vl-side img { border-radius: 50%; }\n\n.villa-lp .vl-concept-inner {\n  position: relative;\n  z-index: 3;\n  max-width: 640px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.villa-lp .vl-label { font-size: 14px; letter-spacing: .4em; color: var(--blue); text-indent: .4em; }\n.villa-lp .vl-label-wave { display: block; width: 34px; margin: 8px auto 22px; }\n\n.villa-lp .vl-concept-inner h2 {\n  font-size: 26px;\n  font-weight: 700;\n  color: var(--accent);\n  letter-spacing: .06em;\n  margin-bottom: 26px;\n  line-height: 1.9;\n}\n\n.villa-lp .vl-concept-inner p { font-size: 14px; color: var(--text-soft); line-height: 2.3; }\n\n\/* POINT\uff08\u6a2a\u9577\u30fb\u4ea4\u4e92\u30ec\u30a4\u30a2\u30a6\u30c8\uff09 *\/\n.villa-lp .vl-points2 { padding: 64px 20px 80px; }\n.villa-lp .vl-points2 .vl-point-head { background: none; padding: 0 0 48px; }\n\n.villa-lp .vl-row {\n  max-width: 1080px;\n  margin: 0 auto 56px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  background: #fff;\n  border-radius: 6px;\n  overflow: hidden;\n  box-shadow: 0 10px 34px rgba(42,111,142,.10);\n  align-items: stretch;\n}\n\n.villa-lp .vl-row:last-child { margin-bottom: 0; }\n.villa-lp .vl-row.rev .vl-row-txt { order: 2; }\n.villa-lp .vl-row.rev .vl-row-img { order: 1; }\n\n.villa-lp .vl-row-txt { padding: 54px 56px; display: flex; flex-direction: column; justify-content: center; }\n.villa-lp .vl-row-img { min-height: 340px; }\n.villa-lp .vl-row-img img { width: 100%; height: 100%; object-fit: cover; }\n\n.villa-lp .vl-pnum {\n  font-family: \"Cormorant Garamond\", serif;\n  font-size: 15px;\n  letter-spacing: .3em;\n  color: var(--blue);\n  font-weight: 500;\n  margin-bottom: 18px;\n}\n\n.villa-lp .vl-row-txt h3 {\n  font-size: 25px;\n  font-weight: 700;\n  color: var(--accent);\n  line-height: 1.7;\n  letter-spacing: .04em;\n  margin-bottom: 26px;\n}\n\n.villa-lp .vl-mark {\n  background: linear-gradient(transparent 58%, #ffe98a 58%, #ffe98a 92%, transparent 92%);\n  padding: 0 2px;\n}\n\n.villa-lp .vl-row-txt p { font-size: 13.5px; color: var(--text-soft); line-height: 2.15; margin-bottom: 18px; }\n.villa-lp .vl-note { font-size: 11.5px; color: #9aa8b0; margin-bottom: 0 !important; }\n\n@media (max-width: 760px) {\n  .villa-lp .vl-points2 { padding: 44px 16px 56px; }\n  .villa-lp .vl-row { grid-template-columns: 1fr; margin-bottom: 36px; }\n  .villa-lp .vl-row .vl-row-img { order: 1 !important; min-height: 220px; }\n  .villa-lp .vl-row .vl-row-txt { order: 2 !important; padding: 34px 26px; }\n  .villa-lp .vl-row-txt h3 { font-size: 20px; margin-bottom: 18px; }\n  .villa-lp .vl-row-txt p { font-size: 13px; line-height: 2; }\n}\n\n@media (max-width: 900px) {\n  .villa-lp .vl-hero-copy h1 { font-size: 30px; }\n  .villa-lp .vl-concept .vl-side.right.lower { display: none; }\n  .villa-lp .vl-concept .vl-side.left { width: 300px; height: 300px; left: -70px; top: -50px; }\n  .villa-lp .vl-concept .vl-side.right { width: 300px; height: 300px; right: -60px; top: auto; bottom: -50px; }\n}\n\n@media (max-width: 600px) {\n  .villa-lp .vl-hero-img { height: 380px; }\n  .villa-lp .vl-hero-copy { left: 5%; max-width: 88%; }\n  .villa-lp .vl-hero-copy h1 { font-size: 23px; }\n  .villa-lp .vl-hero-copy p { font-size: 12.5px; }\n  .villa-lp .vl-band { height: 160px; }\n  .villa-lp .vl-concept { padding: 130px 16px 150px; overflow: hidden; }\n  .villa-lp .vl-concept .vl-side.left { width: 280px; height: 280px; left: -46px; top: -50px; }\n  .villa-lp .vl-concept .vl-side.right { width: 280px; height: 280px; right: -46px; left: auto; top: auto; bottom: -50px; }\n  .villa-lp .vl-concept .vl-side.right.lower { display: none; }\n  .villa-lp .vl-concept .vl-side { opacity: .9; box-shadow: 0 8px 24px rgba(42,111,142,.18); }\n  .villa-lp .vl-concept-inner {\n    background: rgba(255,255,255,.82);\n    -webkit-backdrop-filter: blur(2px);\n    backdrop-filter: blur(2px);\n    border-radius: 16px;\n    padding: 26px 18px;\n    box-shadow: 0 6px 24px rgba(42,111,142,.10);\n  }\n  .villa-lp .vl-concept-inner h2 { font-size: 19px; line-height: 2; }\n  .villa-lp .vl-concept-inner p { font-size: 13px; line-height: 2.1; }\n  .villa-lp .vl-point-head h2 { font-size: 24px; }\n  .villa-lp .vl-point-head h2::before { left: -34px; }\n  .villa-lp .vl-point-head h2::after { right: -34px; }\n}\n<\/style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6d77\u306e\u305d\u3070\u3067\u3001\u4f55\u3082\u3057\u306a\u3044\u8d05\u6ca2\u3092\u3002 \u30b5\u30a6\u30ca\u30fb\u30b8\u30e3\u30b0\u30b8\u30fc\u3092\u5099\u3048\u305f\u30011\u65e51\u7d44\u9650\u5b9a\u306e\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u30f4\u30a3\u30e9\u3002 NEW OPEN 2\u68df\u306b\u62e1\u5927\u3002\u30b5\u30a6\u30ca\u30f4\u30a3\u30e9\u300c6886\u300d\u306b\u52a0\u3048\u3001\u30d7\u30fc\u30eb\u4ed8\u304d\u30e9\u30b0\u30b8\u30e5\u30a2\u30ea\u30fc\u30f4\u30a3\u30e9\u300c6885\u300d\u304c\u65b0\u767b\u5834\u3002 CONC&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1650","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/pages\/1650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/comments?post=1650"}],"version-history":[{"count":856,"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/pages\/1650\/revisions"}],"predecessor-version":[{"id":3010,"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/pages\/1650\/revisions\/3010"}],"wp:attachment":[{"href":"https:\/\/umichika.jp\/villa\/wp-json\/wp\/v2\/media?parent=1650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}