{"id":1250,"date":"2024-02-21T11:47:11","date_gmt":"2024-02-21T11:47:11","guid":{"rendered":"https:\/\/withcode.tech\/media\/?p=1250"},"modified":"2024-02-25T12:55:42","modified_gmt":"2024-02-25T12:55:42","slug":"pet_page_code","status":"publish","type":"post","link":"https:\/\/withcode.tech\/media\/pet_page_code\/","title":{"rendered":"\u3010\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u3011\u5165\u9580\u7de8\uff1a\u30da\u30c3\u30c8\u30da\u30fc\u30b8"},"content":{"rendered":"\n

\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u9020<\/h2>\n\n\n\n
site1\n \u251c\u2500img\n \u2502  \u2514\u2500\u753b\u50cf\u30d5\u30a1\u30a4\u30eb etc...\n \u2502\n \u251c\u2500css\n \u2502  \u251c\u2500reset.css\n \u2502  \u2514\u2500style.css\n \u2502\n \u2514\u2500index.html<\/code><\/pre><\/div>\n\n\n\n
HTML<\/h2>\n\n\n\n
index.html<\/h3>\n\n\n\n
<!DOCTYPE html>\n<html lang="ja">\n  <head>\n    <meta charset="UTF-8">\n    <title>FlyingPaws<\/title>\n    <meta name="description" content="FlyingPaws-\u30da\u30c3\u30c8\u306e\u6d77\u5916\u6e21\u822a\u30b5\u30dd\u30fc\u30c8">\n    <meta name="keywords" content="Pet,service,airplane">\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <meta name="robots" content="noindex">\n    <!-- OGP -->\n    <meta property="og:url" content="">\n    <meta property="og:type" content="website">\n    <meta property="og:title" content="FlyingPaws">\n    <meta property="og:description" content="FlyingPaws-\u30da\u30c3\u30c8\u306e\u6d77\u5916\u6e21\u822a\u30b5\u30dd\u30fc\u30c8">\n    <meta property="og:site_name" content="FlyingPaws">\n    <meta property="og:image" content="..\/img\/logo.png">\n    <!-- CSS -->\n    <link rel="stylesheet" type="text\/css" href="css\/reset.css">\n    <link rel="stylesheet" type="text\/css" href="css\/style.css">\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=Noto+Sans+JP:wght@400;500;600;700&display=swap" rel="stylesheet">\n    <link rel="stylesheet" href="https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.1.1\/css\/all.min.css">\n  <\/head>\n  <body>\n    <main>\n      <section class="top" id="top">\n        <div class="top-wrap">\n          <div class="top-wrap__txt">\n            <p>\u30da\u30c3\u30c8\u3068\u306e\u6d77\u5916\u6e21\u822a\u3092<span>\u5b8c\u5168<\/span>\u30b5\u30dd\u30fc\u30c8<\/p>\n          <\/div>\n          <div class="top-wrap__logo">\n            <img src="img\/fv-logo.png" alt="\u30ed\u30b4\u753b\u50cf">\n          <\/div>\n          <div class="top-wrap__btn">\n            <a class="cta-btn" href="#con">\n              \u7121\u6599\u76f8\u8ac7\u306f\u3053\u3061\u3089\u304b\u3089\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/section>\n      <section class="wor" id="wor">\n        <div class="wor-wrap">\n          <div class="wor-wrap__ttl">\n            <p>\u30da\u30c3\u30c8\u3068\u306e\u6d77\u5916\u6e21\u822a <span>\u304a\u56f0\u308a\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span><\/p>\n          <\/div>\n          <div class="wor-wrap__con">\n            <div class="wor-wrap__con__block">\n              <img src="img\/worries_1.png" alt="\u753b\u50cf">\n              <p>\u6d77\u5916\u3078\u5f15\u3063\u8d8a\u3057\u305f\u3044<br>\n              \u3069\u3046\u3084\u3063\u3066\u30da\u30c3\u30c8\u3092<br>\n              \u9023\u308c\u3066\u3044\u304f\u306e\uff1f<\/p>\n            <\/div>\n            <div class="wor-wrap__con__block">\n              <img class="img__2" src="img\/worries_2.png" alt="\u753b\u50cf">\n              <p>\u6025\u306a\u6d77\u5916\u8d74\u4efb<br>\n              \u30da\u30c3\u30c8\u306e\u6e21\u822a\u6e96\u5099<br>\n              \u9593\u306b\u5408\u3046\u304b\u5fc3\u914d<\/p>\n            <\/div>\n            <div class="wor-wrap__con__block">\n              <img class="img__3" src="img\/worries_3.png" alt="\u753b\u50cf">\n              <p>\u6e21\u822a\u5148\u304b\u3089\u6c42\u3081\u3089\u308c\u305f<br>\n              \u8907\u96d1\u306a\u82f1\u6587\u66f8\u985e<br>\n              \u3069\u3046\u3084\u3063\u3066\u7528\u610f\u3059\u308b\u306e\uff1f<\/p>\n            <\/div>\n          <\/div>\n          <div class="wor-wrap__arrow">\n            <img src="img\/Polygon2.svg" alt="\u77e2\u5370">\n          <\/div>\n        <\/div>\n      <\/section>\n      <section class="service" id="service">\n        <div class="service-wrap">\n          <div class="service-wrap__ttl">\n            <p>\u30da\u30c3\u30c8\u306e\u6d77\u5916\u6e21\u822a\u30b9\u30da\u30b7\u30e3\u30ea\u30b9\u30c8<br>\n            <span>FlyingPaws<\/span>\u306b\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\uff01<\/p>\n          <\/div>\n          <div class="service-wrap__con">\n            <div class="service-wrap__con__block">\n              <div class="service-wrap__con__block__txt">\n                <div class="service-wrap__con__block__txt__sub">\n                  <p>\u7279\u5fb4<\/p>\n                <\/div>\n                <div class="service-wrap__con__block__txt__main">\n                  <div class="service-wrap__con__block__txt__main__no">\n                    <p>01<\/p>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__main__ttl">\n                  <p>\u6e21\u822a\u524d\u6e96\u5099\u3092\u5b8c\u5168\u30b5\u30dd\u30fc\u30c8<\/p>\n                  <\/div>\n                <\/div>\n                <div class="service-wrap__con__block__txt__txt">\n                  <p>\u6e21\u822a\u306e\u305f\u3081\u306e\u691c\u75ab\u6e96\u5099\u30fb\u7533\u8acb\u30fb\u653f\u5e9c\u6a5f\u95a2\u3078\u306e\u554f\u3044\u5408\u308f\u305b\u2026<br>\u6642\u9593\u304c\u304b\u304b\u308b\u306e\u306b\u4e0d\u5099\u304c\u3042\u308c\u3070\u51fa\u5165\u56fd\u304c\u3067\u304d\u306a\u3044\u3053\u3068\u3082\u3002<br>FlyingPaws\u306f\u6e21\u822a\u306b\u95a2\u308f\u308b\u5168\u3066\u306e\u624b\u7d9a\u304d\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\uff01<br><br>\n                  \u2776  \u611b\u72ac\u30fb\u611b\u732b\u306e\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u3001\u6700\u9069\u306a\u30b9\u30b1\u30b8\u30e5\u30fc\u30eb\u3092\u4f5c\u6210<br>\n                  \u2777 \u6d77\u5916\u6e21\u822a\u306b\u5fc5\u8981\u306a\u5404\u7a2e\u8a3c\u660e\u66f8\u306e\u53d6\u5f97\u3092\u30b5\u30dd\u30fc\u30c8<br>\n                  \u2778 \u51fa\u5165\u56fd\u4e88\u5b9a\u306e\u7a7a\u6e2f\u52d5\u7269\u691c\u75ab\u6240\u30fb\u822a\u7a7a\u4f1a\u793e\u3068\u306e\u3084\u308a\u53d6\u308a\u3092\u4ee3\u884c<br>\n                  \u2779 \u304b\u304b\u308a\u3064\u3051\u7363\u533b\u69d8\u3068\u3082\u9023\u643a\u3057\u3001\u5186\u6ed1\u306a\u6e21\u822a\u6e96\u5099\u3092\u5b9f\u73fe<\/p>\n                <\/div>\n              <\/div>\n              <div class="service-wrap__con__block__img">\n                <img class="service-img-1" src="img\/service_01.png" alt="\u30b5\u30fc\u30d3\u30b9\u753b\u50cf">\n              <\/div>\n            <\/div>\n            <div class="service-wrap__con__block __rev">\n              <div class="service-wrap__con__block__img __rev">\n                <img class="service-img-3" src="img\/service_3.png" alt="\u30b5\u30fc\u30d3\u30b9\u753b\u50cf">\n              <\/div>\n              <div class="service-wrap__con__block__txt">\n                <div class="service-wrap__con__block__txt__sub">\n                  <p>\u7279\u5fb4<\/p>\n                <\/div>\n                <div class="service-wrap__con__block__txt__main">\n                  <div class="service-wrap__con__block__txt__main__no">\n                    <p>02<\/p>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__main__ttl">\n                    <p>\u6e21\u822a\u5148\u306e\u7a7a\u6e2f\u3067\u306e\u691c\u75ab\u30b5\u30dd\u30fc\u30c8<\/p>\n                  <\/div>\n                <\/div>\n                <div class="service-wrap__con__block__txt__txt">\n                  <p>\n                    \u6e21\u822a\u5148\u306e\u8f38\u5165\u691c\u75ab\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u304c\u3042\u308b\u304b\u3089\u5165\u56fd\u307e\u3067\u5b89\u5fc3\uff01<br><br>            \n                    \u65e5\u672c\u8a9e\u3092\u8a71\u305b\u308b\u30b9\u30bf\u30c3\u30d5\u304c\u5165\u56fd\u307e\u3067\u5b8c\u5168\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<br>\n                    \u8a00\u8a9e\u304c\u4e0d\u5b89\u2026\u5e30\u56fd\u7528\u306e\u66f8\u985e\u3092\u767a\u884c\u3057\u3066\u304f\u308c\u308b\u304b\u4e0d\u5b89\u2026<br>\n                    \u5230\u7740\u5f8c\u3059\u3050\u306b\u5bfe\u5fdc\u3057\u3066\u304f\u308c\u308b\u304b\u4e0d\u5b89\u2026\u3068\u3044\u3063\u305f\u304a\u60a9\u307f\u3082<br>\n                    \u77e5\u8b58\u306e\u3042\u308b\u30b9\u30bf\u30c3\u30d5\u304c\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u306e\u3067\u3001\u5b89\u5fc3\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class="service-wrap__con__block">\n              <div class="service-wrap__con__block__txt">\n                <div class="service-wrap__con__block__txt__sub">\n                  <p>\u7279\u5fb4<\/p>\n                <\/div>\n                <div class="service-wrap__con__block__txt__main">\n                  <div class="service-wrap__con__block__txt__main__no">\n                    <p>03<\/p>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__main__ttl">\n                    <p>17\u30f6\u56fd\u306b\u5bfe\u5fdc\u30fb\u904e\u53bb50\u4ef6\u306e\u5b9f\u7e3e<\/p>\n                  <\/div>\n                <\/div>\n                <div class="service-wrap__con__block__txt__txt">\n                  <p>\n                    \u3053\u308c\u307e\u3067\u306b50\u4ef6\u4ee5\u4e0a\u3001\u6bce\u5e7420\u4ef6\u306e\u30b5\u30dd\u30fc\u30c8\u5b9f\u7e3e\uff01<br>\n                    \u4e0b\u8a18\u4ee5\u5916\u306e\u56fd\u306b\u3064\u3044\u3066\u3082\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<br><br><\/p>\n                  <div class="service-wrap__con__block__txt__txt__block">\n                    <div class="service-wrap__con__block__txt__txt__left">\n                      <p>\u30a2\u3000\u30b8\u3000\u30a2<\/p>\n                    <\/div>\n                    <div class="service-wrap__con__block__txt__txt__right">\n                      <p>\u4e2d\u56fd\u30fb\u97d3\u56fd\u30fb\u9999\u6e2f\u30fb\u53f0\u6e7e\u30fb\u30e2\u30f3\u30b4\u30eb<\/p>\n                    <\/div>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__txt__block">\n                    <div class="service-wrap__con__block__txt__txt__left">\n                      <p>\u6771\u5357\u30a2\u30b8\u30a2<\/p>\n                    <\/div>\n                    <div class="service-wrap__con__block__txt__txt__right">\n                      <p>\u30d9\u30c8\u30ca\u30e0\u30fb\u30bf\u30a4\u30fb\u30de\u30ec\u30fc\u30b7\u30a2\u30fb\u30b7\u30f3\u30ac\u30dd\u30fc\u30eb<\/p>\n                    <\/div>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__txt__block">\n                    <div class="service-wrap__con__block__txt__txt__left">\n                      <p>\u30aa\u30bb\u30a2\u30cb\u30a2<\/p>\n                    <\/div>\n                    <div class="service-wrap__con__block__txt__txt__right">\n                      <p>\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\u30fb\u30cb\u30e5\u30fc\u30b8\u30fc\u30e9\u30f3\u30c9<\/p>\n                    <\/div>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__txt__block">\n                    <div class="service-wrap__con__block__txt__txt__left">\n                      <p>\u30e8\u30fc\u30ed\u30c3\u30d1<\/p>\n                    <\/div>\n                    <div class="service-wrap__con__block__txt__txt__right">\n                      <p>\u30b9\u30da\u30a4\u30f3\u30fb\u30d5\u30e9\u30f3\u30b9\u30fb\u30a4\u30bf\u30ea\u30a2\u30fb\u30a4\u30ae\u30ea\u30b9<\/p>\n                    <\/div>\n                  <\/div>\n                  <div class="service-wrap__con__block__txt__txt__block">\n                    <div class="service-wrap__con__block__txt__txt__left">\n                      <p>\u5317\u3000\u3000\u3000\u7c73<\/p>\n                    <\/div>\n                    <div class="service-wrap__con__block__txt__txt__right">\n                      <p>\u30a2\u30e1\u30ea\u30ab(\u30cf\u30ef\u30a4\u4ee5\u5916)\u30fb\u30ab\u30ca\u30c0<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n              <div class="service-wrap__con__block__img">\n                <img class="service-img-4" src="img\/service_4.png" alt="\u30b5\u30fc\u30d3\u30b9\u753b\u50cf">\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n      <section class="voice" id="voice">\n        <div class="voice-wrap">\n          <div class="voice-wrap__ttl">\n            <p>\\<span>\u304a\u5ba2\u69d8\u306e<b>\u58f0<\/b><\/span>\/<\/p>\n          <\/div>\n          <div class="voice-wrap__con">\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_1.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u611b\u72ac\u3068\u30bf\u30a4\u306b\u5f15\u3063\u8d8a\u3057\u307e\u3057\u305f\u3002\u7121\u4e8b\u5165\u56fd\u3067\u304d\u307e\u3057\u305f\uff01\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002M\u3055\u3093(2020.05)\n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_2.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u9999\u6e2f\u306b\u7121\u4e8b\u5230\u7740\u3057\u307e\u3057\u305f\u3002\u5230\u7740\u3057\u305f\u7a7a\u6e2f\u3067\u306e\u691c\u75ab\u307e\u3067\u30b5\u30dd\u30fc\u30c8\u9802\u304d\u52a9\u304b\u308a\u307e\u3057\u305f\u3002S\u3055\u3093(2020.06)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_3.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u7a81\u7136\u7c73\u56fd\u8d74\u4efb\u304c\u6c7a\u307e\u308a\u7126\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u3067\u7121\u4e8b\u5165\u56fd\u3067\u304d\u307e\u3057\u305f\u3002R\u3055\u3093(2020.08)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_4.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u81ea\u529b\u3067\u306e\u6e96\u5099\u306b\u9650\u754c\u3092\u611f\u3058\u3001\u4f9d\u983c\u3057\u307e\u3057\u305f\u3002\u7121\u4e8b\u30d9\u30c8\u30ca\u30e0\u306b\u5230\u7740\u3057\u307e\u3057\u305f\uff01\u3000\u3000H\u3055\u3093(2020.11)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_5.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u611b\u732b2\u5339\u3068\u53f0\u6e7e\u306b\u79fb\u4f4f\u3059\u308b\u306b\u3042\u305f\u308a\u3001\u4f55\u304b\u3089\u59cb\u3081\u308b\u3079\u304d\u304b\u5206\u304b\u3089\u305a\u4f9d\u983c\u3057\u307e\u3057\u305f\u3002E\u3055\u3093(2021.3)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_6.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u30b9\u30da\u30a4\u30f3\u306b\u5f15\u3063\u8d8a\u3057\u307e\u3057\u305f\u3002\u8f38\u9001\u74b0\u5883\u3082\u5341\u5206\u78ba\u8a8d\u3044\u305f\u3060\u304d\u5b89\u5fc3\u3057\u3066\u6e21\u822a\u3067\u304d\u307e\u3057\u305f\u3002N\u3055\u3093(2021.7)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_7.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u5165\u56fd\u5148\u306e\u6761\u4ef6\u304c\u5206\u304b\u3089\u305a\u56f0\u308a\u679c\u3066\u3066\u3044\u305f\u6642\u306b\u3053\u3061\u3089\u3092\u767a\u898b\u3002\u304a\u9858\u3044\u3057\u3066\u6b63\u89e3\u3067\u3057\u305f\u3002F\u3055\u3093(2021.10)          \n                <\/p>\n              <\/div>\n            <\/div>\n            <div class="voice-wrap__con__block">\n              <div class="voice-wrap__con__block__img">\n                <img src="img\/voice_8.jpg" alt="\u304a\u5ba2\u69d8\u304b\u3089\u306e\u5199\u771f">\n              <\/div>\n              <div class="voice-wrap__con__block__txt">\n                <p>\u4e2d\u56fd\u306b\u7121\u4e8b\u5230\u7740\u3057\u307e\u3057\u305f\u3002\u4e2d\u56fd\u8a9e\u304c\u8a71\u305b\u306a\u3044\u306e\u3067\u3001\u8f38\u5165\u691c\u75ab\u30b5\u30dd\u30fc\u30c8\u52a9\u304b\u308a\u307e\u3057\u305f\uff01M\u3055\u3093(2022.3)          \n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class="voice-wrap__btn">\n            <a class="cta-btn" href="#con">\u7121\u6599\u76f8\u8ac7\u306f\u3053\u3061\u3089\u304b\u3089<\/a>\n          <\/div> \n        <\/div>\n      <\/section>\n      <section class="fee" id="fee">\n        <div class="fee-wrap">\n          <div class="fee-wrap__ttl">\n            <p>\u30da\u30c3\u30c8\u6d77\u5916\u6e21\u822a\u30b5\u30dd\u30fc\u30c8\u8cbb\u7528<\/p>\n          <\/div>\n          <div class="fee-wrap__con">\n            <div class="fee-wrap__con__block">\n              <div class="fee-wrap__con__block__item">\n                <p>\u72c2\u72ac\u75c5\u6e05\u6d44\u56fd\u30fb\u6307\u5b9a\u5730\u57df\u4ee5\u5916<\/p>\n              <\/div>\n              <div class="fee-wrap__con__block__price">\n                <p>88,000\u5186<span>(\u7a0e\u8fbc)<\/span><\/p>\n              <\/div>\n            <\/div>\n            <div class="fee-wrap__con__block">\n              <div class="fee-wrap__con__block__item">\n                <p>\u72c2\u72ac\u75c5\u6e05\u6d44\u56fd\u30fb\u6307\u5b9a\u5730\u57df<\/p>\n              <\/div>\n              <div class="fee-wrap__con__block__price">\n                <p>66,000\u5186<span>(\u7a0e\u8fbc)<\/span><\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class="fee-wrap__txt">\n            <p>\u72c2\u72ac\u75c5\u6e05\u6d44\u56fd\u30fb\u6307\u5b9a\u5730\u57df\uff082023\u5e749\u6708\u73fe\u5728\uff09<br>\n            \u30a2\u30a4\u30b9\u30e9\u30f3\u30c9\u3001\u30aa\u30fc\u30b9\u30c8\u30e9\u30ea\u30a2\u3001\u30cb\u30e5\u30fc\u30b8\u30fc\u30e9\u30f3\u30c9\u3001\u30d5\u30a3\u30b8\u30fc\u8af8\u5cf6\u3001\u30cf\u30ef\u30a4\u3001\u30b0\u30a2\u30e0<\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n      <section class="con" id="con">\n        <div class="con-wrap">\n          <div class="con-wrap__ttl">\n            <div class="con-wrap__ttl__main">\n              <p>\u304a\u554f\u3044\u5408\u308f\u305b<\/p>\n            <\/div>\n            <div class="con-wrap__ttl__txt">\n              <p>\u30da\u30c3\u30c8\u3068\u306e\u6d77\u5916\u6e21\u822a\u306b\u3064\u3044\u3066\u3001\u4f55\u3067\u3082\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<br>\n              \u304a\u554f\u3044\u5408\u305b\u5185\u5bb9\u78ba\u8a8d\u5f8c\u3001\u30e1\u30fc\u30eb\u307e\u305f\u306f\u96fb\u8a71\u306b\u3066\u9023\u7d61\u3055\u305b\u3066\u9802\u304d\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n          <div class="con-wrap__con">\n            <form class="con-wrap__con__form" method="post">\n              <div class="con-wrap__con__form__block">\n                <label class="con-wrap__con__form__block__left">\u304a\u540d\u524d<\/label>\n                <div class="con-wrap__con__form__block__right">\n                  <input type="text" id="name" name="name" placeholder="\u5c71\u7530 \u82b1\u5b50">\n                <\/div>\n              <\/div>\n              <div class="con-wrap__con__form__block">\n                <label class="con-wrap__con__form__block__left">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/label>\n                <div class="con-wrap__con__form__block__right">\n                  <input type="email" id="email" name="email" placeholder="flyingpaws@gmail.com">\n                <\/div>\n              <\/div>\n              <div class="con-wrap__con__form__block">\n                <label class="con-wrap__con__form__block__left">\n                  \u96fb\u8a71\u756a\u53f7<\/label>\n                <div class="con-wrap__con__form__block__right">\n                  <input type="tel" id="tel" name="tel" placeholder="080-1234-5678">\n                <\/div>\n              <\/div>\n              <div class="con-wrap__con__form__block">\n                <label class="con-wrap__con__form__block__left">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9<\/label>\n                <div class="con-wrap__con__form__block__right">\n                  <textarea id="text" name="text" placeholder="\u6e21\u822a\u5148\u3084\u6e21\u822a\u6642\u671f\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3089\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\u307e\u305f\u3001\u5f53\u793e\u304b\u3089\u306e\u9023\u7d61\u65b9\u6cd5(\u30e1\u30fc\u30eb\u304b\u96fb\u8a71)\u306b\u3054\u5e0c\u671b\u3054\u3056\u3044\u307e\u3057\u305f\u3089\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002"><\/textarea>\n                <\/div>\n              <\/div>\n              <div class="con-wrap__con__form__block__btn">\n                <button type="submit">\u9001\u4fe1\u3059\u308b<\/button>\n              <\/div>\n            <\/form>\n          <\/div>\n        <\/div>\n      <\/section>\n    <\/main>\n    <footer class="footer" id="footer">\n      <div class="footer-wrap">\n        <p>\u00a92024 FLYINGPAWS ALL RIGHTS RESERVED<\/p>\n      <\/div>\n    <\/footer>\n  <\/body>\n<\/html><\/code><\/pre><\/div>\n\n\n\n
CSS<\/h2>\n\n\n\n
reset.css<\/h3>\n\n\n\n
@charset "UTF-8";\n\nhtml,\nbody,\ndiv,\nspan,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nabbr,\naddress,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\nsamp,\nsmall,\nstrong,\nsub,\nsup,\nvar,\nb,\ni,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  font-size: 100%;\n  vertical-align: baseline;\n  background: transparent;\n}\nbody {\n  line-height: 1;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\nnav ul {\n  list-style: none;\n}\nblockquote,\nq {\n  quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n  content: '';\n  content: none;\n}\na {\n  margin: 0;\n  padding: 0;\n  font-size: 100%;\n  vertical-align: baseline;\n  background: transparent;\n}\n\/* change colors to suit your needs *\/\nins {\n  background-color: #ff9;\n  color: #000;\n  text-decoration: none;\n}\n\/* change colors to suit your needs *\/\nmark {\n  background-color: #ff9;\n  color: #000;\n  font-style: italic;\n  font-weight: bold;\n}\ndel {\n  text-decoration: line-through;\n}\nabbr[title],\ndfn[title] {\n  border-bottom: 1px dotted;\n  cursor: help;\n}\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\/* change border color to suit your needs *\/\nhr {\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid #cccccc;\n  margin: 1em 0;\n  padding: 0;\n}\ninput,\nselect {\n  vertical-align: middle;\n}<\/code><\/pre><\/div>\n\n\n\n
CSS<\/h2>\n\n\n\n
style.css<\/h3>\n\n\n\n
@charset "UTF-8";\n\nhtml {\n  font-size: 62.5%;\n}\nbody {\n  line-height: 1.8;\n  word-break: break-all;\n  background-color: #fbf7f1;\n  color: #000;\n  font-family: "Noto Sans JP", sans-serif;\n  font-weight: 400;\n}\n.top {\n  background-image: url(..\/img\/fv-bg.jpg);\n  background-size: cover;\n  background-position: 50%;\n  width: 100%;\n  height: 694px;\n  position: relative;\n}\n.top-wrap {\n  width: 500px;\n  position: absolute;\n  left: 103px;\n  top: 183px;\n  text-align: center;\n}\n.top-wrap__txt p {\n  font-size: 28px;\n  letter-spacing: 1.6px;\n}\n.top-wrap__txt span {\n  color: #ff7714;\n  font-size: 35px;\n  font-weight: bold;\n  letter-spacing: 4.5px;\n}\n.top-wrap__logo img {\n  width: 300px;\n  margin-top: 59px;\n}\n.top-wrap__btn {\n  width: 320px;\n  margin: 125px auto 0;\n}\n.cta-btn {\n  display: block;\n  color: #fff;\n  letter-spacing: 1.7px;\n  font-weight: 600;\n  font-size: 20px;\n  padding: 5% 0;\n  text-decoration: none;\n  background-color: #ff7714;\n  border-radius: 50px;\n  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  transition: all 0.3s;\n}\n.top-wrap__btn a:hover {\n  opacity: 0.7;\n}\n.wor-wrap {\n  width: 880px;\n  margin: 40px auto 0;\n  text-align: center;\n}\n.wor-wrap__ttl p {\n  font-size: 25px;\n  letter-spacing: 0.9px;\n}\n.wor-wrap__ttl p span {\n  font-size: 30px;\n  letter-spacing: 1.75px;\n}\n.wor-wrap__con {\n  display: flex;\n  justify-content: space-around;\n  margin-top: 50px;\n}\n.wor-wrap__con__block {\n  width: 250px;\n}\n.wor-wrap__con__block p {\n  font-size: 16px;\n  letter-spacing: 0.63px;\n  margin-top: 30px;\n}\n.wor-wrap__con__block img {\n  width: 185px;\n}\n.wor-wrap__con__block img.img__2 {\n  width: 112px;\n  height: 140px;\n}\n.wor-wrap__con__block img.img__3 {\n  width: 168px;\n  height: 140px;\n}\n.wor-wrap__arrow {\n  text-align: center;\n  margin-top: 40px;\n}\n.wor-wrap__arrow img {\n  width: 35px;\n  height: 58px;\n}\n.service {\n  clip-path: polygon(0 0, 50% 4%, 100% 0, 100% 100%, 0 100%);\n  background-color: #ff7714;\n  padding-top: 100px;\n  padding-bottom: 30px;\n}\n.service-wrap {\n  width: 900px;\n  margin: 0 auto;\n}\n.service-wrap__ttl p {\n  color: #fff;\n  font-size: 25px;\n  letter-spacing: 1.75px;\n  text-align: center;\n}\n.service-wrap__ttl p span {\n  font-size: 25px;\n  font-weight: 600;\n  letter-spacing: 2px;\n}\n.service-wrap__con {\n  margin: 40px auto;\n}\n.service-wrap__con__block {\n  background-color: #fbf7f1;\n  border-radius: 60px;\n  margin-bottom: 40px;\n  padding: 3% 10%;\n  height: 320px;\n  display: flex;\n  justify-content: space-between;\n}\n.service-wrap__con__block.__rev {\n  height: 260px;\n}\n.service-wrap__con__block__txt {\n  width: 70%;\n}\n.service-wrap__con__block__txt__main {\n  display: flex;\n  align-items: center;\n}\n.service-wrap__con__block__txt__main__no {\n  line-height: 0;\n  width: 55px;\n  color: #ff7714;\n  font-size: 40px;\n  font-weight: 700;\n  letter-spacing: 3px;\n}\n.service-wrap__con__block__txt__main__ttl {\n  font-weight: 500;\n  letter-spacing: 1.05px;\n  font-size: 25px;\n  margin-left: 20px;\n}\n.service-wrap__con__block__txt__sub {\n  width: 55px;\n  line-height: 1;\n  text-align: center;\n  color: #ff7714;\n  font-size: 16px;\n  font-weight: 600;\n  letter-spacing: 0.6px;\n}\n.service-wrap__con__block__txt__txt {\n  font-size: 16px;\n  line-height: 27px;\n  margin-top: 20px;\n  letter-spacing: 0.95px;\n}\n.service-wrap__con__block__txt__txt__block {\n  display: flex;\n  text-align: left;\n}\n.service-wrap__con__block__txt__txt__left {\n  width: 25%;\n}\n.service-wrap__con__block__txt__txt__left p {\n  font-size: 16px;\n}\n.service-wrap__con__block__txt__txt__right p {\n  font-size: 16px;\n}\n.service-wrap__con__block__img {\n  width: 30%;\n  text-align: center;\n}\n.service-wrap__con__block__img.__rev {\n  text-align: left;\n}\n.service-img-1 {\n  width: 160px;\n  margin-top: 80px;\n}\n.service-img-3 {\n  width: 160px;\n  margin-top: 70px;\n}\n.service-img-4 {\n  width: 170px;\n  margin-top: 120px;\n}\n.voice-wrap {\n  width: 900px;\n  margin: 40px auto 0;\n}\n.voice-wrap__ttl p {\n  font-size: 30px;\n  letter-spacing: 3.6px;\n  text-align: center;\n}\n.voice-wrap__ttl p span {\n  font-size: 25px;\n  letter-spacing: 2.8px;\n}\n.voice-wrap__ttl p span b {\n  color: #ff7714;\n  font-size: 30px;\n}\n.voice-wrap__con {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n  margin-top: 40px;\n}\n.voice-wrap__con__block {\n  width: 200px;\n  background-color: #fbf7f1;\n  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.25);\n  border-radius: 30px;\n  text-align: center;\n  margin-bottom: 30px;\n}\n.voice-wrap__con__block__img img {\n  width: 150px;\n  height: 150px;\n  border-radius: 349px;\n}\n.voice-wrap__con__block__txt {\n  text-align: left;\n  width: 150px;\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: 1.15px;\n  margin: 20px auto 20px;\n}\n.voice-wrap__btn {\n  width: 300px;\n  margin: 20px auto 70px;\n  text-align: center;\n}\n.voice-wrap__btn a:hover {\n  opacity: 0.7;\n}\n.fee {\n  background-color: #ff7714;\n  text-align: center;\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n.fee-wrap {\n  margin: 0 auto;\n  width: 900px;\n}\n.fee-wrap__ttl {\n  color: #fff;\n  font-size: 25px;\n  letter-spacing: 1.7px;\n}\n.fee-wrap__con {\n  display: flex;\n  justify-content: space-around;\n  margin: 30px auto 30px;\n}\n.fee-wrap__con__block {\n  width: 335px;\n  background-color: #fbf7f1;\n  border-radius: 100px;\n  padding: 25px 40px;\n}\n.fee-wrap__con__block__item {\n  font-size: 24px;\n  letter-spacing: 1.7px;\n}\n.fee-wrap__con__block__price {\n  color: #ff7714;\n  font-size: 28px;\n  font-weight: 700;\n  letter-spacing: 2px;\n}\n.fee-wrap__con__block__price p span {\n  font-size: 20px;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n}\n.fee-wrap__txt {\n  color: #fff;\n  font-size: 16px;\n  letter-spacing: 1.25px;\n}\n.con-wrap {\n  width: 800px;\n  margin: 40px auto;\n  text-align: center;\n}\n.con-wrap__ttl__main {\n  background-image: url(..\/img\/ribbon-big_rev.png);\n  background-position: 50%;\n  background-size: cover;\n  width: 350px;\n  height: 70px;\n  margin: 20px auto;\n  position: relative;\n}\n.con-wrap__ttl__main p {\n  color: #fff;\n  font-size: 25px;\n  font-weight: 400;\n  letter-spacing: 1.5px;\n  position: absolute;\n  top: 5px;\n  left: 97px;\n}\n.con-wrap__ttl__txt p {\n  margin-top: 40px;\n  font-size: 16px;\n  letter-spacing: 0.75px;\n}\n.con-wrap__con {\n  margin-top: 25px;\n}\n.con-wrap__con__form__block {\n  display: flex;\n  justify-content: space-around;\n}\n.con-wrap__con__form__block__left {\n  width: 30%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.con-wrap__con__form__block__left {\n  font-size: 16px;\n}\n.con-wrap__con__form__block__right {\n  width: 55%;\n  padding: 2%;\n}\n.con-wrap__con__form__block__right input {\n  height: 50px;\n  width: 100%;\n  font-size: 16px;\n  border: none;\n}\n.con-wrap__con__form__block__right textarea {\n  height: 150px;\n  width: 100%;\n  border: none;\n  font-size: 16px;\n}\n.con-wrap__con__form__block__btn {\n  width: 32.5%;\n  margin: 0 auto;\n  margin-top: 3.5%;\n}\n.con-wrap__con__form__block__btn button {\n  width: 100%;\n  cursor: pointer;\n  font-size: 20px;\n  font-weight: 500;\n  letter-spacing: 2px;\n  background-color: #ff7714;\n  border-radius: 50px;\n  color: #fff;\n  padding: 6.25% 0;\n  border: unset;\n  box-shadow: 4px 3px 7px rgb(0 0 0 \/ 40%);\n  transition: all 0.3s;\n}\n.con-wrap__con__form__block__btn button:hover {\n  opacity: 0.5;\n}\n::placeholder {\n  color: #bab5b5;\n  line-height: 1.5em;\n}\n.footer {\n  text-align: center;\n  font-size: 14px;\n  margin: 15px auto 0;\n  padding: 1.5% 0;\n  background-color: #555;\n}\n.footer p {\n  color: #fff;\n}<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"
\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u9020 HTML index.html CSS reset.css CSS style.css<\/p>\n","protected":false},"author":2,"featured_media":1253,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"swell_btn_cv_data":"","footnotes":""},"categories":[101],"tags":[],"class_list":["post-1250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/1250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/comments?post=1250"}],"version-history":[{"count":5,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/1250\/revisions"}],"predecessor-version":[{"id":1478,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/posts\/1250\/revisions\/1478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media\/1253"}],"wp:attachment":[{"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/media?parent=1250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/categories?post=1250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withcode.tech\/media\/wp-json\/wp\/v2\/tags?post=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}