{"id":1763,"date":"2025-09-19T14:24:48","date_gmt":"2025-09-19T05:24:48","guid":{"rendered":"https:\/\/lex-beauty.siteseisaku.work\/wp\/?p=1763"},"modified":"2025-12-12T11:33:24","modified_gmt":"2025-12-12T02:33:24","slug":"mesona-j%e3%80%80%ef%bd%9e%e3%83%a1%e3%82%bd%e3%83%8aj%ef%bd%9e-2","status":"publish","type":"menu","link":"https:\/\/lex-beauty.siteseisaku.work\/wp\/menu\/mesona-j%E3%83%A1%E3%82%BD%E3%83%8Aj-2\/","title":{"rendered":"MESONA-J\u3000\uff5e\u30e1\u30bd\u30caJ\uff5e"},"content":{"rendered":"\n<style>\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeIn 1.2s ease-out forwards;\n}\n@keyframes fadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* TOP\u30bb\u30af\u30b7\u30e7\u30f3\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n.top-section {\n  display: flex;\n  align-items: center;   \/* \u2190 PC\u6642\u306f\u4e0a\u4e0b\u4e2d\u592e\u63c3\u3048 *\/\n  justify-content: center;\n  gap: 2em;\n  margin: 0 auto 3em auto;\n  padding: 2.5em 2em;\n  background-color: #fefcf9;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  max-width: 880px;\n  overflow: hidden;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n}\n\n\/* \u5de6\u5074\uff1a\u76ee\u6b21\u30ea\u30b9\u30c8 *\/\n.toc-list {\n  flex: 0 0 auto;\n  width:260px;\n  list-style: none !important;\n  margin: 0;\n  padding: 0;\n}\n.toc-list li {\n  margin-bottom: 1em;\n}\n.toc-list a {\n  width: 100%;     \/* \u2190 \u89aa\u306e\u5e45\u306b\u30d5\u30a3\u30c3\u30c8 *\/\n  max-width: 220px; \/* \u2190 \u30dc\u30bf\u30f3\u306e\u6700\u5927\u5e45\u3092\u5236\u9650 *\/\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 10px 12px;   \/* \u2190 \u5185\u5074\u306e\u4f59\u767d\u3092\u7e2e\u5c0f *\/\n  background: linear-gradient(to bottom, #fffdf8, #f3e2c4);\n  border-radius: 8px;   \/* \u2190 \u89d2\u4e38\u3082\u5c11\u3057\u5c0f\u3055\u3081 *\/\n  text-decoration: none !important;\n  color: #4a2f1f;\n  font-size: 0.9em;     \/* \u2190 \u30d5\u30a9\u30f3\u30c8\u5c11\u3057\u5c0f\u3055\u3081 *\/\n  font-weight: bold;\n  box-shadow: \n    inset 0 1px 3px rgba(255,255,255,0.9),\n    inset 0 -1px 3px rgba(0,0,0,0.08),\n    0 2px 5px rgba(0,0,0,0.1);\n  border: 1px solid #e2d3b8;\n  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.toc-list a:hover {\n  background: linear-gradient(to bottom, #fffaf2, #ebd7af);\n  transform: translateY(-2px);\n  box-shadow: \n    inset 0 2px 5px rgba(255,255,255,0.8),\n    inset 0 -2px 4px rgba(0,0,0,0.1),\n    0 4px 10px rgba(0,0,0,0.15);\n  color: #7c5c3f;\n}\n\n\/* \u53f3\u5074\uff1a\u753b\u50cf\u30d6\u30ed\u30c3\u30af *\/\n.top-image {\n  flex: 0 0 auto;\n  max-width:340px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.top-image img {\n  width: 100%;\n  max-width: 280px; \/* \u2190 PC\u3067\u306f\u5c11\u3057\u5c0f\u3055\u3081 *\/\n  height: auto;\n  border-radius: 10px;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n}\n\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc\uff1a\u6a2a\u4e26\u3073\uff0b\u4e0a\u4e0b\u4e2d\u592e\u63c3\u3048 *\/\n@media screen and (max-width: 768px) {\n  .top-section {\n    display: flex;\n    flex-direction: column;  \/* \u7e26\u4e26\u3073\u306b\u5909\u66f4 *\/\n    justify-content: center; \/* \u7e26\u65b9\u5411\u4e2d\u592e *\/\n    align-items:flex-start; \/* \u2190 \u4e2d\u592e\u3067\u306f\u306a\u304f\u5de6\u5bc4\u305b\u306e\u57fa\u6e96\u306b *\/\n    gap: 1em;\n    padding: 1.5em 1em;\n  }\n  .top-image {\n    width: auto;          \/* \u5143\u30b5\u30a4\u30ba\u306e\u307e\u307e *\/\n    max-width: 90%;       \/* \u753b\u9762\u5e45\u306e90\uff05\u4ee5\u5185\u306b\u53ce\u3081\u308b *\/\n    align-self: center; \/* \u753b\u50cf\u306f\u4e2d\u592e\u306b *\/\n  }\n  .top-image img {\n    width: 80%;      \/* \u89aa\u5e45\u306b\u5408\u308f\u305b\u308b *\/\n    height: auto;\n  }\n  .toc-list {\n    width: 90%;         \/* \u30d6\u30ed\u30c3\u30af\u5e45 *\/\n    text-align: left;   \/* \u6587\u5b57\u306f\u5de6\u63c3\u3048 *\/\n    margin-left: 10%;   \/* \u5c11\u3057\u53f3\u5bc4\u308a *\/\n  }\n  .toc-list li {\n    margin-bottom: 0.5em; \/* \u4e0b\u306b\u5c11\u3057\u9593\u9694 *\/\n  }\n}\n\n<\/style>\n<!-- TOP\uff1a\u30bf\u30a4\u30c8\u30eb\u30fb\u753b\u50cf\u30fb\u76ee\u6b21 -->\n<div id=\"toc\" class=\"fade-in top-section\">\n  <!-- \u5de6\u5074\uff1a\u76ee\u6b21\u30ea\u30b9\u30c8 -->\n  <ul class=\"toc-list\">\n    <li><a href=\"#section1\">1. MESONA-J\u306e\u7279\u5fb4<\/a><\/li>\n    <li><a href=\"#section2\">2. \u52b9\u679c<\/a><\/li>\n    <li><a href=\"#section3\">3. \u30c0\u30a6\u30f3\u30bf\u30a4\u30e0<\/a><\/li>\n    <li><a href=\"#section4\">4. \u6cbb\u7642\u9593\u9694<\/a><\/li>\n    <li><a href=\"#section5\">5. \u6ce8\u610f\u4e8b\u9805<\/a><\/li>\n    <li><a href=\"#section6\">6. \u6700\u65b0\u60c5\u5831<\/a><\/li>\n  <\/ul>\n\n  <!-- \u53f3\u5074\uff1a\u753b\u50cf -->\n  <div class=\"top-image\">\n    <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/mesona-1-1024x1024.jpg\" alt=\"\u65bd\u8853\u30a4\u30e1\u30fc\u30b8\">\n  <\/div>\n<\/div>\n\n\n\n<style>\n\/* \u56fa\u5b9a\u306e\u623b\u308b\u30dc\u30bf\u30f3 *\/\n#backToToc {\n  position: fixed;\n  bottom: 80px;\n  right: 300px; \/* \u2190 \u5185\u5074\u306b\u8abf\u6574 *\/\n  z-index: 999;\n}\n\n#backToToc a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\nbackground: radial-gradient(circle at 30% 30%, rgba(255,249,235,0.95), rgba(235,220,185,0.8));\n  backdrop-filter: blur(6px); \/* \u307b\u3093\u306e\u308a\u30ac\u30e9\u30b9\u611f *\/\n  -webkit-backdrop-filter: blur(6px);\n  box-shadow: \n    inset 1px 1px 4px rgba(255,255,255,0.6),  \/* \u5185\u5074\u30cf\u30a4\u30e9\u30a4\u30c8 *\/\n    inset -2px -2px 6px rgba(0,0,0,0.08),     \/* \u5185\u5074\u306e\u9670\u5f71 *\/\n    0 4px 12px rgba(0,0,0,0.12);              \/* \u5916\u5074\u30b7\u30e3\u30c9\u30a6 *\/\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n#backToToc a:hover {\n  transform: translateY(-3px);\n  box-shadow: \n    inset 1px 1px 4px rgba(255,255,255,0.7),\n    inset -2px -2px 6px rgba(0,0,0,0.1),\n    0 6px 16px rgba(0,0,0,0.18);\n}\n\n\/* \u30a2\u30a4\u30b3\u30f3\uff08\u77e2\u5370\uff09 *\/\n#backToToc svg {\n  width: 26px;\n  height: 26px;\n  fill: #5a3e2b;\n  transition: fill 0.25s ease;\n}\n\n#backToToc a:hover svg {\n  fill: #8b6a55; \/* hover\u6642 \u5c11\u3057\u6fc3\u3044\u30b0\u30ec\u30fc *\/\n}\n\n@media screen and (max-width: 768px) {\n  #backToToc {\n    display: none;\n  }\n}\n<\/style>\n\n<!-- \u56fa\u5b9a\u30dc\u30bf\u30f3\uff08\u30af\u30ea\u30c3\u30af\u3067\u76ee\u6b21\u3078\uff09 -->\n<div id=\"backToToc\">\n  <a href=\"#toc\" aria-label=\"\u76ee\u6b21\u306b\u623b\u308b\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n      <polygon points=\"255.992,92.089 0,348.081 71.821,419.911 \n                       255.992,235.74 440.18,419.911 512,348.081\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style>\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 *\/\n.mesona-section {\n  background-color: #fefcf9;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  padding: 2.5em 2em;\n  margin: 2em auto;\n  max-width: 880px;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n\/* \u898b\u51fa\u3057 *\/\n.mesona-heading {\n  font-weight: bold;\n  font-size: 1.3em;\n  border: 2px solid #f5e6c8;\n  padding: 12px 20px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 2em;\n}\n\n\/* Flex\u30ec\u30a4\u30a2\u30a6\u30c8\uff08PC\u7528\uff09 *\/\n.mesona-flex {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: flex-start; \/* \u9ad8\u3055\u63c3\u3048 *\/\n  justify-content: center;\n  gap: 2em;\n}\n\n\/* \u753b\u50cf *\/\n.mesona-image {\n  margin-left: 4em;  \n  width: 200px;   \/* PC\u3067\u56fa\u5b9a\u5e45 *\/\n  height: auto;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  flex-shrink: 0;\n  display: block;\n}\n\n\/* \u6587\u7ae0 *\/\n.mesona-text {\n  max-width: 480px;\n  font-size: 0.9em;\n  line-height: 1.8;\n  text-align:  center; \/* \u2190 \u4e2d\u592e\u5bc4\u305b\u7dad\u6301 *\/;\n  margin-right: 3em;\n}\n\n\/* \u6700\u5f8c\u306e\u884c *\/\n.mesona-lastline {\n  font-size: 1.2em;\n  font-weight: normal;\n  text-align: center;\n  margin-top: 1.8em;\n}\n\n.mesona-text span,\n.mesona-lastline span {\n  font-weight: bold;\n  color: #b86b5b;\n}\n\n.mesona-lastline span.normal-text {\n  color: #5a3e2b;   \/* \u5143\u306e\u6587\u5b57\u8272 *\/\n  font-size: 0.9em; \/* \u5c0f\u3055\u3081 *\/\n  font-weight: normal;\n  display: inline-block; \/* \u524d\u534a\u3068\u72ec\u7acb *\/\n}\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media screen and (max-width: 768px) {\n\n  .mesona-flex {\n    flex-direction: column; \n    align-items: center;\n    gap: 1em;\n  }\n  .mesona-image {\n    width: 120px;   \/* \u30b9\u30de\u30db\u306f\u5c0f\u3055\u3081\u306b *\/\n    margin-left: 0;\n    margin-top: 1em;\n  }\n  .mesona-text {\n    max-width: 98%;\n    padding: 0 0.5em;       \/* \u5de6\u53f3\u5c11\u3057\u4f59\u767d *\/\n    margin: 0 auto;\n    text-align: center;\n    font-size: 0.85em;\n    word-break: break-word; \/* \u9577\u3044\u5358\u8a9e\u3082\u6298\u308a\u8fd4\u3059 *\/\n  }\n  .mesona-lastline {\n    max-width: 98%;\n    margin: 1em auto 0 auto;\n    padding: 0 0.5em;\n}\n.mesona-lastline span.normal-text {\n  color: #5a3e2b;   \/* \u5143\u306e\u6587\u5b57\u8272 *\/\n  font-size: 0.8em; \/* \u5c0f\u3055\u3081 *\/\n  font-weight: normal;\n  display: inline-block; \/* \u524d\u534a\u3068\u72ec\u7acb *\/\n  }\n}\n<\/style>\n\n<div id=\"section1\" class=\"mesona-section\">\n  <div class=\"mesona-heading\">MESONA-J\u306e\u7279\u5fb4<\/div>\n  <div class=\"mesona-flex\">\n    <img decoding=\"async\" class=\"mesona-image\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/S_TTT_0576.jpg\" alt=\"mesona\u65bd\u8853\u30a4\u30e1\u30fc\u30b8\">\n    <div class=\"mesona-text\">\n      Mesona-J\u3067\u306f\u3001<span>\u304a\u808c\u306e\u60a9\u307f\u306b\u5408\u308f\u305b\u3066<\/span><br>\n      \u7f8e\u5bb9\u6210\u5206\u3092\u5c0e\u5165\u3057\u3066\u3044\u304f\u304a\u6a5f\u68b0\u3067\u3059\u3002<br><br>\n      \u72ec\u81ea\u306e\u30e1\u30bd\u30dd\u30ec\u30fc\u30b7\u30e7\u30f3\u6cd5\u3092\u7528\u3044\u305f<br>\n      \u30a8\u30ec\u30af\u30c8\u30ed\u30dd\u30ec\u30fc\u30b7\u30e7\u30f3\u6cd5\u3092\u8d85\u3048\u308b\u6d78\u900f\u5727\u3067<br>\n      \u305f\u304f\u3055\u3093\u306e\u7f8e\u5bb9\u6210\u5206\u3092\u4e00\u6c17\u306b\u5c0e\u5165\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<br>\n      \u6bce\u65e5\u3067\u3082\u65bd\u8853\u3067\u304d\u308b\u307b\u3069\u306e\u5b89\u5fc3\u3068\u5b89\u5168\u6027\u3092\u6301\u3061\u5408\u308f\u305b\u3066\u3044\u307e\u3059\u3002\n    <\/div>\n  <\/div>\n  <div class=\"mesona-lastline\">\n  <span class=\"highlight\">\u5b89\u5fc3\u3057\u3066\u53d7\u3051\u3089\u308c\u308b\u7f8e\u5bb9\u533b\u7642<\/span>\n  <span class=\"normal-text\">\u3092\u3001\u305c\u3072\u3054\u4f53\u611f\u304f\u3060\u3055\u3044\u3002<\/span>\n  <\/div>\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<div class=\"treatment-section\">\n  <div class=\"treatment-title\">\u72ec\u81ea\u306e\u30e1\u30bd\u30dd\u30ec\u30fc\u30b7\u30e7\u30f3\u6cd5\u306e\u3054\u7d39\u4ecb<\/div>\n\n  <div class=\"treatment-cards\">\n    <div class=\"treatment-card\">\n      <div class=\"treatment-subtitle\">\u30da\u30f3\u578b\u30d7\u30ed\u30fc\u30d6<\/div>\n      <div class=\"img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/pen.png\" alt=\"\u30da\u30f3\">\n      <\/div>\n      <p>\u7279\u6b8a\u306a\u96fb\u6c17\u30d1\u30eb\u30b9\u3092\u76ae\u819a\u306b\u7d30\u304b\u304f\u6d41\u3057\u3001<br class=\"mobile-ignore\">\u7d30\u80de\u9593\u306b\u4e00\u6642\u7684\u306a\u9699\u9593\u3092\u7a7a\u3051\u3066\u3044\u304d\u307e\u3059<\/p>\n    <\/div>\n\n    <div class=\"treatment-card\">\n      <div class=\"treatment-subtitle\">\u30ed\u30fc\u30e9\u30fc\u578b\u30d7\u30ed\u30fc\u30d6<\/div>\n      <div class=\"img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/roll.png\" alt=\"\u30ed\u30fc\u30e9\u30fc\">\n      <\/div>\n      <p>\u96fb\u6c17\u306b\u3088\u308b\u53cd\u767a\uff0b\u6d78\u900f\uff0b\u7269\u7406\u7684\u306b\u62bc\u3059\u529b\u3092\u5229\u7528\u3057\u3066\u3001<br class=\"mobile-ignore\">\u30da\u30f3\u578b\u3067\u7a7a\u3051\u305f\u9699\u9593\u304b\u3089\u5c0e\u5165\u3057\u3066\u3044\u304d\u307e\u3059<\/p>\n    <\/div>\n\n    <div class=\"treatment-card\">\n      <div class=\"treatment-subtitle\">\u307b\u304b\u306e\u5c0e\u5165\u6cd5\u3068\u306e\u6bd4\u8f03<\/div>\n      <div class=\"img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/\u5c0e\u5165.png\" alt=\"\u6d78\u900f\u529b\">\n      <\/div>\n      <p>\u30a4\u30aa\u30f3\u5c0e\u5165\u6cd5\u306e\u7d0470\u500d\u3001<br class=\"mobile-ignore\">\u624b\u3067\u6d78\u900f\u3055\u305b\u308b300\u500d\u306e\u6d78\u900f\u529b\u3092\u8a87\u308a\u307e\u3059<\/p>\n    <\/div>\n\n    <div class=\"treatment-card\">\n      <div class=\"treatment-subtitle\">\u7f8e\u5bb9\u6210\u5206\u6ce8\u5165<\/div>\n      <div class=\"img-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/\u7f8e\u5bb9\u6db2.png\" alt=\"\u7f8e\u5bb9\u6210\u5206\">\n      <\/div>\n      <p>\u30da\u30f3\u578b\u3067\u306f\u6210\u5206\u304c\u808c\u6df1\u5c64\u307e\u3067\u901a\u308b\u9053\u3092\u4f5c\u308a\u3001<br class=\"mobile-ignore\">\u9ad8\u5206\u5b50\u306e\u6210\u5206\u3082\u7684\u78ba\u306b\u6d78\u900f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"treatment-note\">\n    \u305d\u308c\u305e\u308c\u306e\u6280\u8853\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u3053\u3068\u3067\u3001<br>  \n    \u304a\u808c\u306e\u72b6\u614b\u3084\u304a\u60a9\u307f\u306b\u5408\u308f\u305b\u305f<span class=\"highlight\">\u6700\u9069\u306a\u30b1\u30a2<\/span>\u3092\u3054\u63d0\u4f9b\u3057\u307e\u3059\n  <\/div>\n<\/div>\n\n<style>\n\/* --- \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 --- *\/\n.treatment-section {\n  position: relative;\n  overflow-x: hidden; \/* star\u304c\u30b9\u30af\u30ed\u30fc\u30eb\u5e45\u306b\u5f71\u97ff\u3057\u306a\u3044\u3088\u3046\u306b *\/\n  background:#fefcf9;\n  border-radius:12px;\n  box-shadow:0 2px 8px rgba(0,0,0,.05);\n  padding:2em;\n  width:100%;\n  box-sizing:border-box;\n  margin:2em auto;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color:#5a3e2b;\n  text-align:center;\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb *\/\n.treatment-title{\n  font-size:1.5em;\n  font-weight:bold;\n  margin-bottom:2em;\n  border-bottom:2px solid #f5e6c8;\n  display:inline-block;\n  padding-bottom:.5em;\n}\n\n\/* \u6a2a\u30b9\u30af\u30ed\u30fc\u30eb\u7528\u30e9\u30c3\u30d1\u30fc *\/\n.treatment-cards {\n  display: flex;\n  gap: 1.5em;\n  overflow-x: auto; \n  scroll-snap-type: x mandatory;\n  padding-bottom: 1em;\n  padding-left: 1em;\n  padding-right: 1em;\n}\n.treatment-card:last-child {\n  margin-right: 2em; \/* \u5c11\u3057\u4f59\u767d\u3092\u7a7a\u3051\u308b\u3068\u53f3\u7aef\u304c\u5207\u308c\u308b *\/\n}\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n.treatment-cards::-webkit-scrollbar { height:8px; }\n.treatment-cards::-webkit-scrollbar-thumb { background: #cdb590; border-radius:4px; }\n.treatment-cards::-webkit-scrollbar-track { background:#fefcf9; }\n.treatment-cards { scrollbar-width: thin; scrollbar-color: #cdb590 #fefcf9; }\n\n\/* \u30ab\u30fc\u30c9 *\/\n.treatment-card{\n  flex:0 0 440px;\n  background:#fffaf2;\n  border:1px solid #f5e6c8;\n  border-radius:8px;\n  padding:1.5em;\n  box-shadow:0 0 8px rgba(0,0,0,.05);\n  font-size:.95em;\n  line-height:1.7;\n  position: relative;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  scroll-snap-align:start;\n  min-height:300px;\n  justify-content:flex-start;\n}\n\n\/* \u30b5\u30d6\u30bf\u30a4\u30c8\u30eb *\/\n.treatment-subtitle{\n  font-weight:bold;\n  color:#5a3e2b;\n  font-size:1.3em;\n  display:flex;\n  align-items:flex-start;\n  justify-content:flex-start;\n  width:100%;\n  padding-left:.5em;\n  margin-bottom:.8em;\n  text-align:left;\n}\n.treatment-subtitle::before{\n  content:\"\";\n  display:inline-block;\n  width:3px;\n  height:1.4em;\n  background-color:rgba(139,111,84,.4);\n  margin-right:.5em;\n  margin-top:.1em;\n}\n\n\/* \u753b\u50cf\u30a8\u30ea\u30a2 *\/\n.treatment-card .img-wrap{\n  flex:1;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100%;\n  max-height:300px;\n  margin-bottom:.8em;\n}\n.treatment-card .img-wrap img{\n  width:100%;\n  height:auto;\n  object-fit:contain;\n  border-radius:8px;\n  border:6px solid #fffaf2;\n  outline:1px solid rgba(139,111,84,.25);\n}\n\n\/* \u672c\u6587 *\/\n.treatment-card p{\n  margin:0;\n  font-size:.95em;\n  color:#7a5c44;\n  text-align:left;\n  line-height:1.8;\n  max-width:100%;\n}\n\n\/* \u30d5\u30c3\u30bf\u30fc\u30ce\u30fc\u30c8 *\/\n.treatment-note{\n  font-size:.95em;\n  color:#7a5c44;\n  line-height:1.7;\n  max-width:700px;\n  margin:1.5em auto 0;\n  text-align:center;\n}\n.treatment-note .highlight{\n  color:#d4af37;\n  font-weight:bold;\n  font-size:1.2em;\n  display:inline-block;\n}\n\n\/* \u2726\u7528 *\/\n.star {\n  position: absolute;\n  font-size: 1.2em;\n  color: #d8c2a8;\n  pointer-events: none;\n  z-index: 10;\n  transform: translate(-50%, -50%);\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media (max-width:768px){\n  .treatment-cards {\n    padding-left:0.5em;\n    padding-right:0.5em;\n  }\n\n  .treatment-card {\n    flex: 0 0 calc(100% - 1em);\n    min-height: auto;\n  br.mobile-ignore {\n    display: none;\n  }\n  }\n\n  .treatment-subtitle { font-size:1.1em; }\n  .treatment-card p { font-size:.8em; }\n}\n<\/style>\n\n<script>\nwindow.addEventListener('load', () => {\n  const sections = document.querySelectorAll('.treatment-section');\n\n  sections.forEach(section => {\n    const cards = section.querySelectorAll('.treatment-card');\n\n    cards.forEach(card => {\n      const star = document.createElement('div');\n      star.className = 'star';\n      star.textContent = '\u2726';\n      section.appendChild(star); \/\/ section\u76f4\u4e0b\u306b\u8ffd\u52a0\n\n      const cardRect = card.getBoundingClientRect();\n      const sectionRect = section.getBoundingClientRect();\n\n      \/\/ \u30ab\u30fc\u30c9\u67a0\u7dda\u4e0a\u4e2d\u592e\u306b\u914d\u7f6e\n      const starTop = cardRect.top - sectionRect.top - 5+4; \/\/ \u5c11\u3057\u4e0a\u306b\u305a\u3089\u3059\n      const starLeft = cardRect.left - sectionRect.left + cardRect.width \/ 2;\n\n      star.style.top = `${starTop}px`;\n      star.style.left = `${starLeft}px`;\n    });\n  });\n});\n<\/script>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style>\n\/* --- \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 --- *\/\n.effect-section {\n  background-color: #fefcf9;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  padding: 2.5em 2em;\n  margin: 2em auto;\n  max-width: 800px;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n\/* \u898b\u51fa\u3057\uff08\u30bb\u30af\u30b7\u30e7\u30f3\u30bf\u30a4\u30c8\u30eb\uff09 *\/\n.effect-heading {\n  font-weight: bold;\n  font-size: 1.2em;\n  border: 2px solid #f5e6c8;\n  padding: 12px 20px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 2em;\n}\n\n\/* --- \u30b9\u30c6\u30c3\u30d7\u5168\u4f53 --- *\/\n.effect-steps-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;   \/* \u2190 PC\u6642\u306f\u4e0a\u4e0b\u4e2d\u592e\u63c3\u3048 *\/\n}\n\n.effect-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 2em;\n  align-items: flex-start;\n  max-width: 900px;    \/* \u2190 \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53\u3092\u4e2d\u592e\u5bc4\u305b *\/\n  width: 100%;\n  text-align: left;\n  margin-left:8em\n}\n\n\/* --- \u5404\u30b9\u30c6\u30c3\u30d7 --- *\/\n.effect-step {\n  display: flex;\n  gap: 1em;\n  text-align: left;\n  position: relative;\n  width: 100%;\n  max-width: 800px;\n}\n\n\/* \u4e38\u6570\u5b57 *\/\n.effect-step-number {\n  background-color: #d8c2a8;\n  color: #fff;\n  font-weight: bold;\n  border-radius: 50%;\n  width: 2.2em;\n  height: 2.2em;\n  line-height: 2.2em;\n  text-align: center;\n  font-size: 1em;\n  flex-shrink: 0;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb\u884c *\/\n.effect-step-header {\n  display: block;           \/* \u2190 flex \u304b\u3089 block \u306b\u5909\u66f4 *\/\n  position: relative;\n  width: 100%;\n  margin-bottom: 0.4em;     \/* \u2190 \u88dc\u8db3\u6587\u3068\u306e\u9593\u9694 *\/\n}\n\/* \u6a2a\u7dda\u3092\u30bf\u30a4\u30c8\u30eb\u306e\u4e0b\u306b\u914d\u7f6e *\/\n.effect-step-header::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 2px;\n  background: linear-gradient(to right, transparent, #d8c2a8, transparent);\n  margin-top: 0.4em;        \/* \u30bf\u30a4\u30c8\u30eb\u3068\u7dda\u306e\u9593\u9694 *\/\n}\n\n\/* \u30bf\u30a4\u30c8\u30eb\u30c6\u30ad\u30b9\u30c8 *\/\n.effect-step-header span {\n  font-weight: bold;\n  color: #5a3e2b;\n  font-size: 1.1em;\n  display: inline-block;\n\n  word-break: keep-all;      \/* \u65e5\u672c\u8a9e\u3092\u9014\u4e2d\u3067\u5207\u3089\u306a\u3044 *\/\n  overflow-wrap: break-word; \/* \u82f1\u6570\u5b57\u306e\u307f\u6298\u308a\u8fd4\u3059 *\/\n  white-space: normal;\n  text-align: left;\n}\n.effect-step-header span.highlight {\n  color: #b86b5b; \/* \u67d4\u3089\u304b\u3044\u8d64\u8336 *\/\n}\n\n\/* \u88dc\u8db3\u6587 *\/\n.effect-step-text {\n  font-size: 0.9em;\n  line-height: 1.7;\n  margin-top: 0.4em;\n  color: #5a3e2b;\n\n\n  overflow-wrap: break-word;\n  white-space: normal;\n  text-align: left; \n  padding-left: 0.2em; \/* \u30bf\u30a4\u30c8\u30eb\u306e\u6700\u521d\u306e\u6587\u5b57\u4e0b\u306b\u63c3\u3048\u308b *\/\n  max-width: 800px;    \/* PC\u3067\u306f\u5e83\u3081 *\/\n}\n\n\/* --- \u30b9\u30de\u30db\u5bfe\u5fdc --- *\/\n@media screen and (max-width: 768px) {\n  .effect-steps {\n    align-items: flex-start; \/* \u2190 \u4e2d\u592e\u3067\u306f\u306a\u304f\u5e38\u306b\u5de6\u63c3\u3048 *\/\n    margin-left: 0;       \/* 8em \u2192 0 \u306b\u5909\u66f4 *\/\n    width: 100%;          \/* \u5e45\u3092\u753b\u9762\u306b\u5408\u308f\u305b\u308b *\/\n  }\n  .effect-step {\n    flex-direction:  row;       \/* \u6a2a\u4e26\u3073 *\/\n    width: 100%;\n    margin: 0;\n    align-items: flex-start;\n    gap: 0.5em;               \/* \u756a\u53f7\u3068\u30c6\u30ad\u30b9\u30c8\u9593\u306e\u9699\u9593 *\/\n  }\n  .effect-step-header {\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n  }\n  .effect-step-header::after {\n    width: 100%;\n    max-width: none;\n    margin-left: 0;\n    margin-top: 0.2em;\n  }\n  .effect-step-header span {\n    font-size: 1em;\n    max-width: 95%;\n  }\n  .effect-step-text {\n    font-size: 0.85em;\n    word-break: break-word;  \/* \u6a2a\u5e45\u3092\u8d85\u3048\u308b\u5834\u5408\u306b\u6298\u308a\u8fd4\u3059 *\/\n    padding-left: 0;\n    max-width: 95%;\n  }\n  .effect-step-number {\n    flex-shrink: 0;           \/* \u756a\u53f7\u306e\u5e45\u3092\u56fa\u5b9a *\/\n    width: 2.2em;\n    height: 2.2em;\n    line-height: 2.2em;\n  }\n  .effect-step > div:nth-child(2) {\n    flex: 1;                   \/* \u30c6\u30ad\u30b9\u30c8\u90e8\u5206\u306f\u6b8b\u308a\u5e45\u3092\u4f7f\u3046 *\/\n    min-width: 0;              \/* \u6a2a\u5e45\u8d85\u3048\u6642\u306b\u6298\u308a\u8fd4\u3059 *\/\n  }\n}\n<\/style>\n\n<!-- \u672c\u6587 -->\n<div id=\"section2\" class=\"effect-section\">\n  <div class=\"effect-heading\">\u65bd\u8853\u306b\u3088\u308b\u52b9\u679c<\/div>\n\n  <div class=\"effect-steps-wrapper\">\n    <div class=\"effect-steps\">\n\n      <div class=\"effect-step\">\n        <div class=\"effect-step-number\">1<\/div>\n        <div>\n          <div class=\"effect-step-header\"><span class=\"highlight\">\u7f8e\u767d\u30fb\u304f\u3059\u307f<\/span><\/div>\n          <div class=\"effect-step-text\">\u808c\u306e\u6df1\u90e8\u304b\u3089\u3001\u900f\u660e\u611f\u3092\u611f\u3058\u308b\u30c8\u30fc\u30f3\u30a2\u30c3\u30d7\u3078\u5c0e\u304d\u307e\u3059<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"effect-step\">\n        <div class=\"effect-step-number\">2<\/div>\n        <div>\n          <div class=\"effect-step-header\"><span class=\"highlight\">\u93ae\u9759<\/span><\/div>\n          <div class=\"effect-step-text\">\u8d64\u307f\u3084\u65e5\u713c\u3051\u306b\u3088\u308b\u3072\u308a\u3064\u304d\u306a\u3069\u3092\u6291\u3048\u3001\u5065\u3084\u304b\u306a\u808c\u3078\u5c0e\u304d\u307e\u3059<\/div>\n        <\/div>\n      <\/div> \n \n      <div class=\"effect-step\">\n        <div class=\"effect-step-number\">3<\/div>\n        <div>\n          <div class=\"effect-step-header\"><span class=\"highlight\">\u30a8\u30a4\u30b8\u30f3\u30b0<\/span><\/div>\n          <div class=\"effect-step-text\">\u65e5\u3054\u308d\u3001\u304a\u624b\u5165\u308c\u3057\u306b\u304f\u3044\u5507\u3084\u9996\u306a\u3069\u3001\u3059\u307f\u305a\u307f\u307e\u3067\u30b1\u30a2\u304c\u53ef\u80fd\u3067\u3059<\/div>\n        <\/div>\n      <\/div>   \n\n      <div class=\"effect-step\">\n        <div class=\"effect-step-number\">4<\/div>\n        <div>\n          <div class=\"effect-step-header\"><span class=\"highlight\">\u4fdd\u6e7f\u30fb\u30c4\u30e4<\/span><\/div>\n          <div class=\"effect-step-text\">\u808c\u6df1\u5c64\u304b\u3089\u6f64\u3044\u304c\u5de1\u308b\u3053\u3068\u3067\u3001\u81ea\u7136\u306a\u30c4\u30e4\u611f\u304c\u751f\u307e\u308c\u307e\u3059<\/div>\n        <\/div>\n      <\/div> \n\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style> \n\/* --- \u30c0\u30a6\u30f3\u30bf\u30a4\u30e0\u5168\u4f53 --- *\/\n.downtime-section {\n  background-color: #fefcf9;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  padding: 2.5em 2em;\n  margin: 2em auto;\n  max-width: 800px;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n\/* \u898b\u51fa\u3057 *\/\n.downtime-heading {\n  font-weight: bold;\n  font-size: 1.2em;\n  border: 2px solid #f5e6c8;\n  padding: 12px 20px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 2em;\n}\n\n\/* --- \u30b3\u30f3\u30c6\u30f3\u30c4\u5168\u4f53 --- *\/\n.downtime-content-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.downtime-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2.5em;\n  align-items: flex-start;\n  max-width: 700px;\n  width: 100%;\n  text-align: left;\n  margin-left: 6em;\n}\n\n\/* --- \u5404\u30d6\u30ed\u30c3\u30af --- *\/\n.downtime-block {\n  display: flex;\n  gap: 1em;\n  text-align: left;\n  position: relative;\n  width: 100%;\n  max-width: 600px;\n}\n\n\/* \u30a2\u30a4\u30b3\u30f3\u90e8\u5206 *\/\n.downtime-icon {\n  min-width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: #faf0e6;\n  color: #a0784a;\n  font-weight: bold;\n  font-size: 1em;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 1em;\n  flex-shrink: 0;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.08);\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8\u90e8\u5206 *\/\n.downtime-text {\n  flex: 1;\n}\n\n\/* \u5c0f\u898b\u51fa\u3057\uff08\u30bf\u30a4\u30c8\u30eb\u884c\uff09 *\/\n.downtime-block-title {\n  display: block;\n  position: relative;\n  font-weight: bold;\n  font-size: 1.1em;\n  margin-bottom: 0.4em;\n}\n\n\/* \u6a2a\u7dda\u3092\u5c0f\u898b\u51fa\u3057\u306e\u4e0b\u306b\u914d\u7f6e\uff08\u52b9\u679c\u30bb\u30af\u30b7\u30e7\u30f3\u3068\u7d71\u4e00\uff09 *\/\n.downtime-block-title::after {\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 2px;\n  background: linear-gradient(to right, transparent, #d8c2a8, transparent);\n  margin-top: 0.4em;\n}\n\n\/* \u672c\u6587 *\/\n.downtime-step p,\n.downtime-block p {\n  font-size: 0.9em;\n  color: #5a3e2b;\n  line-height: 1.7;\n  margin: 0.3em 0;\n  word-break: keep-all;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n\/* \u5f37\u8abf\u30ab\u30e9\u30fc *\/\n.highlight {\n  color: #b86b5b;\n  font-weight: bold;\n  font-size: 1.1em;\n}\n\n\/* --- \u30b9\u30de\u30db\u5bfe\u5fdc --- *\/\n@media screen and (max-width: 768px) {\n  .downtime-content {\n    align-items: flex-start;\n    width: 100%;\n    margin-left: 0;     \/* PC\u7528\u306e\u4f59\u767d\u3092\u30ea\u30bb\u30c3\u30c8 *\/\n\n  }\n  .downtime-block {\n    flex-direction: row;  \/* \u6a2a\u4e26\u3073\u3092\u7dad\u6301\uff08\u7e26\u3067\u3082OK\uff09 *\/\n    align-items: flex-start;\n    width: 100%;\n    gap: 0.5em;          \/* \u30a2\u30a4\u30b3\u30f3\u3068\u30c6\u30ad\u30b9\u30c8\u306e\u9593\u9694\u3092\u72ed\u304f *\/\n  }\n\n.downtime-block-title {\n   font-size:0.9em;\n}\n  .downtime-block p {\n    max-width: 100%;\n    font-size: 0.85em;\n    word-break: break-word; \/* \u2190 \u65e5\u672c\u8a9e\u3082\u6298\u308a\u8fd4\u3059 *\/\n  }\n  .downtime-icon {\n    width: 30px;\n    height: 30px;\n    font-size: 0.8em;\n    line-height: 30px;       \/* \u9ad8\u3055\u306b\u5408\u308f\u305b\u3066\u4e2d\u592e\u63c3\u3048 *\/\n    padding: 0;              \/* \u6a2a\u306b\u5e83\u304c\u308b\u539f\u56e0\u3092\u524a\u9664 *\/\n    margin-right: 0.5em;  \/* \u30a2\u30a4\u30b3\u30f3\u3068\u6587\u5b57\u306e\u9593\u9694\u3092\u8abf\u6574 *\/\n  }\n}\n<\/style>\n\n\n<!-- \u672c\u6587 -->\n<div id=\"section3\" class=\"downtime-section\">\n  <div class=\"downtime-heading\">\u30c0\u30a6\u30f3\u30bf\u30a4\u30e0<\/div>\n\n  <div class=\"downtime-content-wrapper\">\n    <div class=\"downtime-content\">\n\n      <div class=\"downtime-block\">\n        <div class=\"downtime-icon\">\u2726<\/div>\n        <div class=\"downtime-text\">\n          <div class=\"downtime-block-title\">\u53cd\u5fdc<\/div>\n          <p> \u22c6<span class=\"highlight\">\u307b\u3068\u3093\u3069\u3001\u3054\u3056\u3044\u307e\u305b\u3093\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"downtime-block\">\n        <div class=\"downtime-icon\">\u2727<\/div>\n        <div class=\"downtime-text\">\n          <div class=\"downtime-block-title\">\u65e5\u5e38\u751f\u6d3b<\/div>\n          <p>\u30e1\u30a4\u30af\u30fb\u6d17\u9854\u30fb\u30b7\u30e3\u30ef\u30fc\u306f <span class=\"highlight\">\u76f4\u5f8c<\/span>\u304b\u3089<span class=\"highlight\">\u53ef\u80fd<\/span> \u3067\u3059<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"downtime-block\">\n        <div class=\"downtime-icon\">\u2726<\/div>\n        <div class=\"downtime-text\">\n          <div class=\"downtime-block-title\">\u65bd\u8853\u4e2d<\/div>\n<p>\u96fb\u6c17\u3092\u7528\u3044\u305f\u65bd\u8853\u306b\u3088\u308b<span class=\"highlight\">\u53e3\u5143<\/span>\u306e<span class=\"highlight\">\u9055\u548c\u611f<\/span>\u3092\u611f\u3058\u308b\u3053\u3068\u304c\u3054\u3056\u3044\u307e\u3059<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"downtime-block\">\n        <div class=\"downtime-icon\">\u2727<\/div>\n        <div class=\"downtime-text\">\n          <div class=\"downtime-block-title\">\u3054\u6ce8\u610f\u3044\u305f\u3060\u304d\u305f\u3044\u3053\u3068<\/div>\n          <p>\u204e <span class=\"highlight\">\u7d2b\u5916\u7dda<\/span>\u30fb<span class=\"highlight\">\u4e7e\u71e5<\/span>\u30fb<span class=\"highlight\">\u6469\u64e6<\/span>\u304b\u3089\u808c\u3092\u5b88\u3063\u3066\u304f\u3060\u3055\u3044<\/p>\n          <p>\u204e <span class=\"highlight\">\u5316\u7ca7\u6c34<\/span>\u30fb<span class=\"highlight\">\u30af\u30ea\u30fc\u30e0<\/span>\u30fb<span class=\"highlight\">\u65e5\u713c\u3051\u6b62\u3081<\/span>\u3092\u3054\u4f7f\u7528\u304f\u3060\u3055\u3044<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style>\n\/* --- \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 --- *\/\n.interval-section {\n  background-color: #fefcf9;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);\n  padding: 2.8em 2em;\n  margin: 3em auto;\n  max-width: 800px;\n  font-family:'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n\/* \u898b\u51fa\u3057 *\/\n.interval-heading {\n  font-weight: bold;\n  font-size: 1.2em;\n  border: 2px solid #f5e6c8;\n  padding: 12px 20px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 2em;\n}\n\n\/* \u672c\u6587 *\/\n.interval-content {\n  font-size: 1em;\n  line-height: 1.8;\n  margin-bottom: 2em;\n  overflow-wrap: break-word;\n  white-space: normal;\n  max-width: 800px;\n}\n\n.interval-item span:first-child {\n  display: block;      \/* \u30d6\u30ed\u30c3\u30af\u5316\u3057\u3066\u4e0b\u30de\u30fc\u30b8\u30f3\u3092\u52b9\u304b\u305b\u308b *\/\n  margin-bottom: 0.5em; \/* \u4e0b\u306e\u30c6\u30ad\u30b9\u30c8\u3068\u306e\u9593\u9694\u3092\u8abf\u6574 *\/\n}\n\/* \u5f37\u8abf\u30ab\u30e9\u30fc *\/\n.highlight {\n  color: #b86b5b;\n  font-weight: bold;\n  font-size: 1.1em;\n}\n\n.interval-item span.highlight {\n  display: inline;\n  margin-bottom: 0;\n  color: #b86b5b;\n  font-size: 1.3em;\n}\n\n\/* \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3 *\/\n.interval-timeline {\n  margin: 1.5em auto;\n  display: flex;\n  flex-direction: column;\n  gap: 0.9em;\n  align-items: center;\n}\n\n.interval-item {\n  background: linear-gradient(to right, #fffdf8, #fdf9f2);\n  border: 1.5px solid #e8dbc5;\n  border-radius: 8px;\n  padding: 1.2em 1.5em;\n  max-width: 470px;\n  width: 100%;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.04);\n  text-align: left;\n  font-size: 0.9em;\n}\n\n.interval-item span {\n  display:inline; \/* PC\u3067\u3082\u30a4\u30f3\u30e9\u30a4\u30f3\u306b\u3059\u308b *\/\n  font-weight: bold;\n  margin-bottom: 0.5em;\n  color: #7c5c3f;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media screen and (max-width: 768px) {\n  .highlight,\n  .interval-item span.highlight {\n    font-size: 1em;\n  }\n\n  .interval-section {\n    padding: 2em 1.2em;\n  }\n\n  .interval-content {\n    font-size: 0.9em;\n  }\n\n  .interval-item {\n    max-width: 100%;   \/* \u753b\u9762\u5e45\u3044\u3063\u3071\u3044 *\/\n    padding: 0.8em 1em;\n    word-break: normal;\n    overflow-wrap: normal;\n    white-space: nowrap; \/* \u30a4\u30f3\u30e9\u30a4\u30f3\u8981\u7d20\u306e\u6539\u884c\u3092\u7981\u6b62 *\/\n  }\n\n  .interval-item span {\n    display: inline;  \/* \u30b9\u30de\u30db\u306e\u307f\u6539\u884c\u3055\u308c\u306a\u3044\u3088\u3046\u306b *\/\n  }\n  .mobile-small {\n    font-size: 0.8em; \/* \u30b9\u30de\u30db\u3060\u3051\u5c0f\u3055\u304f *\/\n  }\n}\n<\/style>\n\n<!-- \u672c\u6587 -->\n<div id=\"section4\" class=\"interval-section\">\n  <div class=\"interval-heading\">\u6cbb\u7642\u9593\u9694<\/div>\n\n  <div class=\"interval-content\">\n    <span class=\"highlight\">2\uff5e4\u9031\u9593<\/span> \u306b <span class=\"highlight\">\uff11\u56de<\/span> \u7a0b\u5ea6 \u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002\n  <\/div>\n\n  <div class=\"interval-timeline\">\n<div class=\"interval-item\">\n  <span>\u983b\u5ea6\uff1a<\/span>\n  \u3000<span class=\"highlight\">\u6bce\u65e5<\/span>\u3067\u3082\u53ef\u80fd\u3067\u3059<br>\n  \u3000<span class=\"highlight\">\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u611f\u899a<\/span><span class=\"mobile-small\">\u3067\u306e\u65bd\u8853\u3082\u304a\u3059\u3059\u3081\u3067\u3059<\/span>\n<\/div>\n\n  <\/div>\n\n  <div class=\"interval-content interval-note\" style=\"margin-top: 2em;\">\n    \u203b \u52b9\u679c\u3084\u898b\u3048\u65b9\u306b\u306f <span class=\"highlight\">\u500b\u4eba\u5dee<\/span> \u304c\u3054\u3056\u3044\u307e\u3059\u3002<br>\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style>\n.caution-section {\n  background-color: #fefcf9;               \/* \u2190 \u30ab\u30fc\u30c9\u80cc\u666f *\/\n  border-radius: 12px;                     \/* \u2190 \u30ab\u30fc\u30c9\u89d2\u4e38 *\/\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);  \/* \u2190 \u30ab\u30fc\u30c9\u5f71 *\/\n  padding: 2.5em 2em;\n  margin: 2em auto;\n  max-width: 800px;\n  font-family: 'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n.caution-heading {\n  font-weight: bold;\n  font-size: 1.2em;\n  border: 2px solid #f5e6c8;\n  padding: 12px 20px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 2em;\n}\n\n.caution-content {\n  font-size: 1em;\n  line-height: 1.8;\n  margin-bottom: 2em;\n  color: #444;\n}\n\n.caution-steps-wrapper {\n  display: flex;\n  justify-content: center;\n\n  \/* \u8ffd\u52a0\u3059\u308b\u90e8\u5206 *\/\n  border: 1.5px solid #e8dbc5;  \/* \u7d30\u304f\u3066\u6de1\u3044\u7dda *\/\n  border-radius: 8px;           \/* \u89d2\u4e38 *\/\n  margin-top: 1.5em;            \/* \u4e0a\u3068\u306e\u9593\u9694\u3092\u5c11\u3057\u3060\u3051\u78ba\u4fdd *\/\n  display: inline-block;        \/* \u2190 \u6a2a\u5e45\u3092\u4e2d\u8eab\u306b\u5408\u308f\u305b\u308b *\/\n  text-align: left;             \/* \u2190 \u7b87\u6761\u66f8\u304d\u304c\u4e2d\u592e\u5bc4\u305b\u3055\u308c\u306a\u3044\u3088\u3046\u306b *\/\n  padding: 1.2em 1.8em;         \/* \u2190 \u4e0a\u4e0b\u30fb\u5de6\u53f3\u306e\u4f59\u767d\u3092\u7d71\u4e00 *\/\n}\n\n.caution-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6em;\n  align-items: flex-start;\n  text-align: left;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.caution-steps div {\n  position: relative;\n  padding-left: 1.2em;\n  line-height: 1.0;\n  color:   #5a3e2b;\n  font-size: 0.95em;\n}\n\n.caution-steps div::before {\n  content: \"\u30fb\";\n  position: absolute;\n  left: 0;\n  color: #c4a98b; \/* \u4e38\u5370\u3092\u6de1\u3044\u30b4\u30fc\u30eb\u30c9\u7cfb\u306b *\/\n  font-weight: bold;\n  font-size: 1.1em;\n}\n\n\/* \u5f37\u8abf\u30ab\u30e9\u30fc *\/\n.highlight {\n  color: #b86b5b; \/* \u67d4\u3089\u304b\u3044\u8d64\u8336 *\/\n  font-weight: bold;\n  font-size: 1.02em;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media screen and (max-width: 768px) {\n .caution-content {\n  font-size: 0.9em;\n}\n  .caution-section {\n    padding: 2em 1.2em;\n  }\n  .caution-steps {\n    align-items: flex-start;\n    text-align: left;\n  }\n  .caution-steps div {\n    padding-left: 1.4em;\n    font-size:0.9em\n  }\n.highlight {\n  color: #b86b5b; \/* \u67d4\u3089\u304b\u3044\u8d64\u8336 *\/\n  font-weight: bold;\n  font-size: 1.0em;\n }\n\n}\n<\/style>\n\n<!-- \u672c\u6587 -->\n<div id=\"section5\" class=\"caution-section\">\n  <div class=\"caution-heading\">\u6ce8\u610f\u4e8b\u9805<\/div>\n\n  <div class=\"caution-content\">\n    \u4ee5\u4e0b\u306e\u9805\u76ee\u306b\u5f53\u3066\u306f\u307e\u308b\u65b9\u306f\u3001<br>\n    <strong class=\"highlight\">\u65bd\u8853\u3092\u304a\u63a7\u3048\u3044\u305f\u3060\u304f\u5834\u5408\u304c\u3054\u3056\u3044\u307e\u3059\u3002<\/strong><br>\n    \u203b \u3054\u4e0d\u660e\u306a\u70b9\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n\n  <div class=\"caution-steps-wrapper\">\n    <div class=\"caution-steps\">\n      <div>\u598a\u5a20\u4e2d\u30fb\u6388\u4e73\u4e2d\u306e\u65b9<\/div>\n      <div>\u5fc3\u81d3\u75be\u60a3\u306e\u3042\u308b\u65b9<\/div>\n      <div>\u30da\u30fc\u30b9\u30e1\u30fc\u30ab\u30fc\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u65b9<\/div>\n      <div>\u30b1\u30ed\u30a4\u30c9\u4f53\u8cea\u306e\u65b9<\/div>\n      <div>\u7279\u5b9a\u306e\u91d1\u5c5e\u30a4\u30f3\u30d7\u30e9\u30f3\u30c8\u304c\u5165\u3063\u3066\u3044\u308b\u90e8\u4f4d<\/div>\n      <div>\u6cbb\u7642\u90e8\u4f4d\u306b\u611f\u67d3\u75c7\u3084\u91cd\u5ea6\u306e\u76ae\u819a\u75be\u60a3\u304c\u3042\u308b\u65b9<\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<!-- \u88c5\u98fe\u30e9\u30a4\u30f3 -->\n<div style=\"background-color: #ffffff; padding: 0 0 1.5em 0; text-align: center;\">\n  <span style=\"color:#8b6a55; text-shadow: 0 1px 2px rgba(90,62,43,0.3); font-size: 1.2em;\">\n\u2726 \u2727 \u2726\n<\/span>\n  <hr style=\"border: none; height: 2px; width: 50%; background: linear-gradient(to right, #eaeaea, #d8c2a8, #eaeaea); margin: 1.2em auto 0;\">\n<\/div>\n\n\n\n<style>\n\/* --- \u30bb\u30af\u30b7\u30e7\u30f3\u5168\u4f53 --- *\/\n.insta-section {\n  background-color: #fefcf9;               \/* \u2190 \u30ab\u30fc\u30c9\u80cc\u666f *\/\n  border-radius: 12px;                     \/* \u2190 \u30ab\u30fc\u30c9\u89d2\u4e38 *\/\n  box-shadow: 0 2px 8px rgba(0,0,0,0.05);  \/* \u2190 \u30ab\u30fc\u30c9\u5f71 *\/\n  padding: 2.5em 2em;\n  margin: 2em auto;\n  max-width: 800px;\n  font-family: 'Hiragino Mincho ProN','\u6e38\u660e\u671d','Noto Serif JP',serif;\n  color: #5a3e2b;\n  text-align: center;\n}\n\n\/* \u898b\u51fa\u3057 *\/\n.insta-heading {\n  font-weight: bold;\n  font-size: 1.2em;\n  border: 2px solid #f5e6c8;\n  padding: 10px 18px;\n  border-radius: 6px;\n  background-color: #fffaf2;\n  display: inline-block;\n  box-shadow: 0 0 5px rgba(0,0,0,0.05);\n  margin-bottom: 1.2em;\n}\n\n\/* \u30ea\u30fc\u30c9\u6587 *\/\n.insta-lead {\n  font-size: 0.9em;\n  line-height: 1.7;\n  margin-bottom: 1.2em;\n}\n.insta-lead .highlight {\n  color: #b86b5b;\n  font-weight: bold;\n  font-size: 1.1em;\n}\n\n\/* Dr\u516c\u5f0f\u30dc\u30bf\u30f3 *\/\n.q_custom_button_dr {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #fff;\n  border: 2px solid #d8c2a8;\n  border-radius: 50px;\n  padding: 12px 24px;\n  text-decoration: none !important;\n  font-weight: bold;\n  min-width: 260px;\n  height: 52px;\n  margin-bottom: 1.2em;\n  box-shadow: 0 5px 12px rgba(0,0,0,0.1);\n  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\n}\n.q_custom_button_dr img {\n  width: 35px;\n  height: 35px;\n  margin-right: 10px;\n}\n.q_custom_button_dr span {\n  font-size: 17px;\n  color: #5a3e2b;\n}\n.q_custom_button_dr:hover {\n  background: #f9f6f1;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 14px rgba(0,0,0,0.12);\n}\n.q_custom_button_dr:hover span {\n  color: #b86b5b;\n}\n\n\/* \u30b5\u30d6Instagram\u30ab\u30fc\u30c9 *\/\n.insta-sub-row {\n  display: flex;\n  justify-content: center;\n  gap: 0.8em;\n  margin-top: 0.8em;\n  flex-wrap: nowrap;\n}\n\n.insta-card {\n  display: block;\n  font-size: 0.8em;\n  width: 120px;\n  background: #fff;\n  border: 1.5px solid #d8c2a8;\n  border-radius: 8px;\n  padding: 0.8em 0.4em;\n  text-align: center;\n  text-decoration: none !important;\n  color: #5a3e2b;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n}\n.insta-card:hover {\n   background: #f9f6f1;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 8px rgba(0,0,0,0.08);\n}\n.insta-card img {\n  width: 48px;\n  height: 48px;\n  margin-bottom: 0.4em;\n}\n.insta-card span {\n  display: block;\n  font-size: 0.75em;\n  font-weight: 500;\n  line-height: 1.3;\n  color: #5a3e2b;\n}\n.insta-card:hover span {\n  color: #b86b5b;\n}\n\n\/* \u672b\u5c3e\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n.insta-footer {\n  font-size: 0.85em;\n  color: #7c6f5c;\n  margin-top: 1.6em;\n  line-height: 1.6;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media screen and (max-width: 480px) {\n  .insta-sub-row {\n    flex-wrap: wrap;   \/* \u2190 \u30b9\u30de\u30db\u3067\u306f\u6298\u308a\u8fd4\u3057\u8a31\u53ef *\/\n    justify-content: center;\n  }\n  .insta-card {\n    width: 46%;\n    margin-bottom: 0.6em;\n  }\n}\n<\/style>\n\n<!-- \u672c\u6587 -->\n<div id=\"section6\" class=\"insta-section\">\n  <div class=\"insta-heading\">\u6700\u65b0\u60c5\u5831<\/div>\n\n  <div class=\"insta-lead\">\n    <span class=\"highlight\">\u75c7\u4f8b\u5199\u771f<\/span>\u3084<span class=\"highlight\">\u65bd\u8853\u8a73\u7d30<\/span>\u306f<br>\n    <strong>Instagram<\/strong>\u3067\u3054\u7d39\u4ecb\u3057\u3066\u3044\u307e\u3059\ud83d\udcf8\n  <\/div>\n\n  <!-- Dr\u516c\u5f0f\u30dc\u30bf\u30f3 -->\n  <a class=\"q_custom_button_dr\" href=\"https:\/\/www.instagram.com\/dr_yoshinaga\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/insta-png-1.png\" alt=\"Instagram\u30a2\u30a4\u30b3\u30f3\">\n    <span>Dr\u516c\u5f0f Instagram\u306f\u3053\u3061\u3089\ud83d\udd4a\ufe0f<\/span>\n  <\/a>\n\n  <!-- \u30b5\u30d6Instagram\u30ab\u30fc\u30c9 -->\n  <div class=\"insta-sub-row\">\n    <a class=\"insta-card\" href=\"https:\/\/www.instagram.com\/p\/DNuGV7c5qCd\/?img_index=1\" rel=\"noopener noreferrer\">\n      <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/insta-png-1.png\" alt=\"Instagram\">\n      <span>mesona-j\u306e\u8a73\u7d30<br>Instagram<\/span>\n    <\/a>\n\n    <a class=\"insta-card\" href=\"https:\/\/www.instagram.com\/p\/DNfpDpApTqM\/?img_index=1\"noopener noreferrer\">\n      <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/insta-png-1.png\" alt=\"Instagram\">\n      <span>mesona-j\u306e\u6982\u8981<br>Instagram<\/span>\n    <\/a>\n  <\/div>\n<!-- mesona\u30ed\u30b4\u753b\u50cf\uff1a\u4e2d\u592e\u914d\u7f6e -->\n<div style=\"text-align: center; margin: 1em 0 1em 0;\">\n  <img decoding=\"async\" src=\"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-content\/uploads\/2025\/09\/logo-1.png\" alt=\"mesona\u30ed\u30b4\" style=\"max-width: 280px; height: auto;\"><\/div>\n  <!-- \u672b\u5c3e\u30e1\u30c3\u30bb\u30fc\u30b8 -->\n  <div class=\"insta-footer\">\n    \u6700\u5f8c\u307e\u3067\u304a\u8aad\u307f\u3044\u305f\u3060\u304d\u3001\u8aa0\u306b\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u3002<br>\n    \u3054\u81ea\u8eab\u306e\u7f8e\u3057\u3055\u3068\u5b89\u5fc3\u611f\u306b\u51fa\u4f1a\u3048\u308b\u5834\u6240\u3068\u3057\u3066\u3001<br>\u305c\u3072\u4e00\u5ea6\u3054\u4f53\u611f\u304f\u3060\u3055\u3044\u3002\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":1764,"parent":0,"menu_order":0,"template":"","format":"standard","meta":{"_acf_changed":false},"menu_cat":[18],"class_list":["post-1763","menu","type-menu","status-publish","format-standard","has-post-thumbnail","hentry","menu_cat-cosmetic-dermatology"],"acf":[],"_links":{"self":[{"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/menu\/1763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/menu"}],"about":[{"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/types\/menu"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/media\/1764"}],"wp:attachment":[{"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/media?parent=1763"}],"wp:term":[{"taxonomy":"menu_cat","embeddable":true,"href":"https:\/\/lex-beauty.siteseisaku.work\/wp\/wp-json\/wp\/v2\/menu_cat?post=1763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}