@charset "UTF-8"; /* 1. 要素の幅や高さの計算に padding と border を含める */ *, *::before, *::after { box-sizing: border-box; } /* 2. デフォルトのマージンを削除 */ * { margin: 0; } /* 3. bodyの高さを画面全体に広げる */ html, body { height: 100%; } /* 4. フォントのレンダリングを滑らかにし、行間を読みやすく設定 */ body { line-height: 1.5; -webkit-font-smoothing: antialiased; } /* 5. 画像などのメディア要素がコンテナをはみ出さないようにする */ picture, video, canvas, svg { display: block; max-width: 100%; } /* 6. フォーム要素が親要素のフォントを引き継ぐようにする */ input, button, textarea, select { font: inherit; } /* 7. テキストがコンテナをはみ出す場合に折り返すようにする */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; } @font-face { font-family: "CustomArial"; src: local("Arial"); unicode-range: U+0020-007E; } body { font-family: "CustomArial", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif; font-weight: 500; /* Windowsの掠れ対策 */ padding: 0; color: #333333; background: #fff; } a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } .link--blank { background: url("data:image/svg+xml;utf8,") no-repeat left center; background-size: 15px; padding: 0 0 0 20px; display: inline-block; } .link--pdf { background: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99987 10C2.53026 10 3.03894 10.2107 3.41399 10.5858C3.78903 10.9609 3.99973 11.4696 3.99973 12C3.99973 12.5304 3.78903 13.0391 3.41399 13.4142C3.03894 13.7893 2.53026 14 1.99987 14H0.999933V15.5C0.999933 15.6326 0.947258 15.7598 0.853497 15.8536C0.759735 15.9473 0.632566 16 0.499967 16C0.367367 16 0.240199 15.9473 0.146437 15.8536C0.0526749 15.7598 0 15.6326 0 15.5V10.5C0 10.3674 0.0526749 10.2402 0.146437 10.1464C0.240199 10.0527 0.367367 10 0.499967 10H1.99987ZM0.999933 13H1.99987C2.26507 13 2.5194 12.8946 2.70693 12.7071C2.89445 12.5196 2.9998 12.2652 2.9998 12C2.9998 11.7348 2.89445 11.4804 2.70693 11.2929C2.5194 11.1054 2.26507 11 1.99987 11H0.999933V13ZM6.99953 10C7.52993 10 8.0386 10.2107 8.41365 10.5858C8.7887 10.9609 8.9994 11.4696 8.9994 12V14C8.9994 14.5304 8.7887 15.0391 8.41365 15.4142C8.0386 15.7893 7.52993 16 6.99953 16H5.49963C5.36703 16 5.23987 15.9473 5.1461 15.8536C5.05234 15.7598 4.99967 15.6326 4.99967 15.5V10.5C4.99967 10.3674 5.05234 10.2402 5.1461 10.1464C5.23987 10.0527 5.36703 10 5.49963 10H6.99953ZM5.9996 15H6.99953C7.26473 15 7.51907 14.8946 7.70659 14.7071C7.89412 14.5196 7.99947 14.2652 7.99947 14V12C7.99947 11.7348 7.89412 11.4804 7.70659 11.2929C7.51907 11.1054 7.26473 11 6.99953 11H5.9996V15ZM13.0991 10.01C13.2121 10.033 13.3138 10.0943 13.3867 10.1836C13.4597 10.2729 13.4996 10.3847 13.4996 10.5C13.4996 10.6153 13.4597 10.7271 13.3867 10.8164C13.3138 10.9057 13.2121 10.967 13.0991 10.99L12.9991 11H10.9993V12.5H12.4992C12.6318 12.5 12.7589 12.5527 12.8527 12.6464C12.9465 12.7402 12.9991 12.8674 12.9991 13C12.9991 13.1326 12.9465 13.2598 12.8527 13.3536C12.7589 13.4473 12.6318 13.5 12.4992 13.5H10.9993V15.5C10.9993 15.6326 10.9466 15.7598 10.8528 15.8536C10.7591 15.9473 10.6319 16 10.4993 16C10.3667 16 10.2395 15.9473 10.1458 15.8536C10.052 15.7598 9.99933 15.6326 9.99933 15.5V10.5C9.99933 10.3674 10.052 10.2402 10.1458 10.1464C10.2395 10.0527 10.3667 10 10.4993 10H12.9991L13.0991 10.01ZM9.58636 0C9.98403 0.000350104 10.3653 0.158615 10.6463 0.44L14.56 4.354C14.8414 4.63503 14.9997 5.01631 15 5.414V14C15 14.5304 14.7893 15.0391 14.4143 15.4142C14.0392 15.7893 13.5305 16 13.0001 16H11.9132C11.9699 15.8427 11.9989 15.676 12.0002 15.5V15H13.0001C13.2653 15 13.5197 14.8946 13.7072 14.7071C13.8947 14.5196 14.0001 14.2652 14.0001 14V11.614C14.1578 11.4742 14.284 11.3025 14.3705 11.1103C14.457 10.9181 14.5017 10.7098 14.5017 10.499C14.5017 10.2882 14.457 10.0799 14.3705 9.88768C14.284 9.69548 14.1578 9.5238 14.0001 9.384V6H10.5003C10.3032 6.00013 10.1081 5.96143 9.92601 5.88611C9.74391 5.81078 9.57845 5.70031 9.43906 5.56101C9.29968 5.42171 9.18911 5.25631 9.11367 5.07426C9.03823 4.8922 8.9994 4.69707 8.9994 4.5V1H4.99967C4.73447 1 4.48013 1.10536 4.29261 1.29289C4.10508 1.48043 3.99973 1.73478 3.99973 2V9.632C3.70571 9.39018 3.36547 9.21086 2.9998 9.105V2C2.9998 1.46957 3.2105 0.960859 3.58555 0.585786C3.9606 0.210714 4.46927 0 4.99967 0H9.58636ZM9.99933 4.5C9.99933 4.63261 10.052 4.75979 10.1458 4.85355C10.2395 4.94732 10.3667 5 10.4993 5H13.7921L9.99933 1.207V4.5Z' fill='%23989898'/%3E%3C/svg%3E") no-repeat left center; background-size: 15px; padding: 0 0 0 20px; display: inline-block; } .link--pdf-more { background: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99987 10C2.53026 10 3.03894 10.2107 3.41399 10.5858C3.78903 10.9609 3.99973 11.4696 3.99973 12C3.99973 12.5304 3.78903 13.0391 3.41399 13.4142C3.03894 13.7893 2.53026 14 1.99987 14H0.999933V15.5C0.999933 15.6326 0.947258 15.7598 0.853497 15.8536C0.759735 15.9473 0.632566 16 0.499967 16C0.367367 16 0.240199 15.9473 0.146437 15.8536C0.0526749 15.7598 0 15.6326 0 15.5V10.5C0 10.3674 0.0526749 10.2402 0.146437 10.1464C0.240199 10.0527 0.367367 10 0.499967 10H1.99987ZM0.999933 13H1.99987C2.26507 13 2.5194 12.8946 2.70693 12.7071C2.89445 12.5196 2.9998 12.2652 2.9998 12C2.9998 11.7348 2.89445 11.4804 2.70693 11.2929C2.5194 11.1054 2.26507 11 1.99987 11H0.999933V13ZM6.99953 10C7.52993 10 8.0386 10.2107 8.41365 10.5858C8.7887 10.9609 8.9994 11.4696 8.9994 12V14C8.9994 14.5304 8.7887 15.0391 8.41365 15.4142C8.0386 15.7893 7.52993 16 6.99953 16H5.49963C5.36703 16 5.23987 15.9473 5.1461 15.8536C5.05234 15.7598 4.99967 15.6326 4.99967 15.5V10.5C4.99967 10.3674 5.05234 10.2402 5.1461 10.1464C5.23987 10.0527 5.36703 10 5.49963 10H6.99953ZM5.9996 15H6.99953C7.26473 15 7.51907 14.8946 7.70659 14.7071C7.89412 14.5196 7.99947 14.2652 7.99947 14V12C7.99947 11.7348 7.89412 11.4804 7.70659 11.2929C7.51907 11.1054 7.26473 11 6.99953 11H5.9996V15ZM13.0991 10.01C13.2121 10.033 13.3138 10.0943 13.3867 10.1836C13.4597 10.2729 13.4996 10.3847 13.4996 10.5C13.4996 10.6153 13.4597 10.7271 13.3867 10.8164C13.3138 10.9057 13.2121 10.967 13.0991 10.99L12.9991 11H10.9993V12.5H12.4992C12.6318 12.5 12.7589 12.5527 12.8527 12.6464C12.9465 12.7402 12.9991 12.8674 12.9991 13C12.9991 13.1326 12.9465 13.2598 12.8527 13.3536C12.7589 13.4473 12.6318 13.5 12.4992 13.5H10.9993V15.5C10.9993 15.6326 10.9466 15.7598 10.8528 15.8536C10.7591 15.9473 10.6319 16 10.4993 16C10.3667 16 10.2395 15.9473 10.1458 15.8536C10.052 15.7598 9.99933 15.6326 9.99933 15.5V10.5C9.99933 10.3674 10.052 10.2402 10.1458 10.1464C10.2395 10.0527 10.3667 10 10.4993 10H12.9991L13.0991 10.01ZM9.58636 0C9.98403 0.000350104 10.3653 0.158615 10.6463 0.44L14.56 4.354C14.8414 4.63503 14.9997 5.01631 15 5.414V14C15 14.5304 14.7893 15.0391 14.4143 15.4142C14.0392 15.7893 13.5305 16 13.0001 16H11.9132C11.9699 15.8427 11.9989 15.676 12.0002 15.5V15H13.0001C13.2653 15 13.5197 14.8946 13.7072 14.7071C13.8947 14.5196 14.0001 14.2652 14.0001 14V11.614C14.1578 11.4742 14.284 11.3025 14.3705 11.1103C14.457 10.9181 14.5017 10.7098 14.5017 10.499C14.5017 10.2882 14.457 10.0799 14.3705 9.88768C14.284 9.69548 14.1578 9.5238 14.0001 9.384V6H10.5003C10.3032 6.00013 10.1081 5.96143 9.92601 5.88611C9.74391 5.81078 9.57845 5.70031 9.43906 5.56101C9.29968 5.42171 9.18911 5.25631 9.11367 5.07426C9.03823 4.8922 8.9994 4.69707 8.9994 4.5V1H4.99967C4.73447 1 4.48013 1.10536 4.29261 1.29289C4.10508 1.48043 3.99973 1.73478 3.99973 2V9.632C3.70571 9.39018 3.36547 9.21086 2.9998 9.105V2C2.9998 1.46957 3.2105 0.960859 3.58555 0.585786C3.9606 0.210714 4.46927 0 4.99967 0H9.58636ZM9.99933 4.5C9.99933 4.63261 10.052 4.75979 10.1458 4.85355C10.2395 4.94732 10.3667 5 10.4993 5H13.7921L9.99933 1.207V4.5Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat left 10px center; background-size: 15px; padding: 0 0 0 20px; display: inline-block; } .link--pdf-more:hover { background: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99987 10C2.53026 10 3.03894 10.2107 3.41399 10.5858C3.78903 10.9609 3.99973 11.4696 3.99973 12C3.99973 12.5304 3.78903 13.0391 3.41399 13.4142C3.03894 13.7893 2.53026 14 1.99987 14H0.999933V15.5C0.999933 15.6326 0.947258 15.7598 0.853497 15.8536C0.759735 15.9473 0.632566 16 0.499967 16C0.367367 16 0.240199 15.9473 0.146437 15.8536C0.0526749 15.7598 0 15.6326 0 15.5V10.5C0 10.3674 0.0526749 10.2402 0.146437 10.1464C0.240199 10.0527 0.367367 10 0.499967 10H1.99987ZM0.999933 13H1.99987C2.26507 13 2.5194 12.8946 2.70693 12.7071C2.89445 12.5196 2.9998 12.2652 2.9998 12C2.9998 11.7348 2.89445 11.4804 2.70693 11.2929C2.5194 11.1054 2.26507 11 1.99987 11H0.999933V13ZM6.99953 10C7.52993 10 8.0386 10.2107 8.41365 10.5858C8.7887 10.9609 8.9994 11.4696 8.9994 12V14C8.9994 14.5304 8.7887 15.0391 8.41365 15.4142C8.0386 15.7893 7.52993 16 6.99953 16H5.49963C5.36703 16 5.23987 15.9473 5.1461 15.8536C5.05234 15.7598 4.99967 15.6326 4.99967 15.5V10.5C4.99967 10.3674 5.05234 10.2402 5.1461 10.1464C5.23987 10.0527 5.36703 10 5.49963 10H6.99953ZM5.9996 15H6.99953C7.26473 15 7.51907 14.8946 7.70659 14.7071C7.89412 14.5196 7.99947 14.2652 7.99947 14V12C7.99947 11.7348 7.89412 11.4804 7.70659 11.2929C7.51907 11.1054 7.26473 11 6.99953 11H5.9996V15ZM13.0991 10.01C13.2121 10.033 13.3138 10.0943 13.3867 10.1836C13.4597 10.2729 13.4996 10.3847 13.4996 10.5C13.4996 10.6153 13.4597 10.7271 13.3867 10.8164C13.3138 10.9057 13.2121 10.967 13.0991 10.99L12.9991 11H10.9993V12.5H12.4992C12.6318 12.5 12.7589 12.5527 12.8527 12.6464C12.9465 12.7402 12.9991 12.8674 12.9991 13C12.9991 13.1326 12.9465 13.2598 12.8527 13.3536C12.7589 13.4473 12.6318 13.5 12.4992 13.5H10.9993V15.5C10.9993 15.6326 10.9466 15.7598 10.8528 15.8536C10.7591 15.9473 10.6319 16 10.4993 16C10.3667 16 10.2395 15.9473 10.1458 15.8536C10.052 15.7598 9.99933 15.6326 9.99933 15.5V10.5C9.99933 10.3674 10.052 10.2402 10.1458 10.1464C10.2395 10.0527 10.3667 10 10.4993 10H12.9991L13.0991 10.01ZM9.58636 0C9.98403 0.000350104 10.3653 0.158615 10.6463 0.44L14.56 4.354C14.8414 4.63503 14.9997 5.01631 15 5.414V14C15 14.5304 14.7893 15.0391 14.4143 15.4142C14.0392 15.7893 13.5305 16 13.0001 16H11.9132C11.9699 15.8427 11.9989 15.676 12.0002 15.5V15H13.0001C13.2653 15 13.5197 14.8946 13.7072 14.7071C13.8947 14.5196 14.0001 14.2652 14.0001 14V11.614C14.1578 11.4742 14.284 11.3025 14.3705 11.1103C14.457 10.9181 14.5017 10.7098 14.5017 10.499C14.5017 10.2882 14.457 10.0799 14.3705 9.88768C14.284 9.69548 14.1578 9.5238 14.0001 9.384V6H10.5003C10.3032 6.00013 10.1081 5.96143 9.92601 5.88611C9.74391 5.81078 9.57845 5.70031 9.43906 5.56101C9.29968 5.42171 9.18911 5.25631 9.11367 5.07426C9.03823 4.8922 8.9994 4.69707 8.9994 4.5V1H4.99967C4.73447 1 4.48013 1.10536 4.29261 1.29289C4.10508 1.48043 3.99973 1.73478 3.99973 2V9.632C3.70571 9.39018 3.36547 9.21086 2.9998 9.105V2C2.9998 1.46957 3.2105 0.960859 3.58555 0.585786C3.9606 0.210714 4.46927 0 4.99967 0H9.58636ZM9.99933 4.5C9.99933 4.63261 10.052 4.75979 10.1458 4.85355C10.2395 4.94732 10.3667 5 10.4993 5H13.7921L9.99933 1.207V4.5Z' fill='%23989898'/%3E%3C/svg%3E") no-repeat left 10px center; } .btn-as-link { background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; outline: inherit; text-decoration: none; display: inline; } .btn-as-link:hover { text-decoration: underline; } .btn-as-link:focus-visible { text-decoration: none; outline: 2px solid #000; outline-offset: 0; border-radius: 2px; line-height: 1; } .link-btn { color: #ffffff; font-weight: 500; text-decoration: none; padding: 10px 30px 10px 20px; display: inline-block; margin: 20px 0 30px; border: 1px solid #141414; border-radius: 26px; line-height: 1; background: #141414 url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.378469 1.08026C0.205685 1.17879 0.0791179 1.34193 0.0266083 1.53377C-0.0259014 1.72562 -5.24304e-05 1.93047 0.0984691 2.10326C1.39547 4.37226 3.05247 5.49426 4.80847 6.02426C6.36147 6.49226 7.97447 6.48726 9.35147 6.48226L9.75147 6.48126L15.4395 6.48126L11.7195 10.2013C11.6479 10.2705 11.5908 10.3533 11.5515 10.4448C11.5122 10.5363 11.4916 10.6347 11.4908 10.7343C11.49 10.8339 11.509 10.9327 11.5467 11.0248C11.5845 11.117 11.6402 11.2007 11.7107 11.2711C11.7811 11.3414 11.8649 11.3971 11.9571 11.4348C12.0493 11.4724 12.148 11.4914 12.2476 11.4904C12.3472 11.4895 12.4456 11.4688 12.5371 11.4294C12.6286 11.3901 12.7113 11.3329 12.7805 11.2613L17.7805 6.26126C17.9209 6.12063 17.9998 5.93001 17.9998 5.73126C17.9998 5.53251 17.9209 5.34189 17.7805 5.20126L12.7805 0.20126C12.6383 0.0687803 12.4502 -0.00334222 12.2559 8.62486e-05C12.0616 0.00351472 11.8763 0.0822262 11.7388 0.219639C11.6014 0.357052 11.5227 0.542438 11.5193 0.736739C11.5159 0.931039 11.588 1.11909 11.7205 1.26126L15.4405 4.98126L9.37047 4.98126C7.95947 4.98526 6.56847 4.98826 5.24247 4.58826C3.84847 4.16826 2.50547 3.29026 1.40247 1.35826C1.35351 1.27274 1.28819 1.19771 1.21022 1.13745C1.13225 1.07719 1.04317 1.03289 0.948076 1.00707C0.852978 0.981252 0.753725 0.974426 0.655989 0.986985C0.558253 0.999544 0.46395 1.03124 0.378469 1.08026Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 11px auto; } .link-btn:hover { text-decoration: none; background-color: #fff; color: #333333; border: 1px solid #333333; background: #ffffff url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.378469 1.08026C0.205685 1.17879 0.0791179 1.34193 0.0266083 1.53377C-0.0259014 1.72562 -5.24304e-05 1.93047 0.0984691 2.10326C1.39547 4.37226 3.05247 5.49426 4.80847 6.02426C6.36147 6.49226 7.97447 6.48726 9.35147 6.48226L9.75147 6.48126L15.4395 6.48126L11.7195 10.2013C11.6479 10.2705 11.5908 10.3533 11.5515 10.4448C11.5122 10.5363 11.4916 10.6347 11.4908 10.7343C11.49 10.8339 11.509 10.9327 11.5467 11.0248C11.5845 11.117 11.6402 11.2007 11.7107 11.2711C11.7811 11.3414 11.8649 11.3971 11.9571 11.4348C12.0493 11.4724 12.148 11.4914 12.2476 11.4904C12.3472 11.4895 12.4456 11.4688 12.5371 11.4294C12.6286 11.3901 12.7113 11.3329 12.7805 11.2613L17.7805 6.26126C17.9209 6.12063 17.9998 5.93001 17.9998 5.73126C17.9998 5.53251 17.9209 5.34189 17.7805 5.20126L12.7805 0.20126C12.6383 0.0687803 12.4502 -0.00334222 12.2559 8.62486e-05C12.0616 0.00351472 11.8763 0.0822262 11.7388 0.219639C11.6014 0.357052 11.5227 0.542438 11.5193 0.736739C11.5159 0.931039 11.588 1.11909 11.7205 1.26126L15.4405 4.98126L9.37047 4.98126C7.95947 4.98526 6.56847 4.98826 5.24247 4.58826C3.84847 4.16826 2.50547 3.29026 1.40247 1.35826C1.35351 1.27274 1.28819 1.19771 1.21022 1.13745C1.13225 1.07719 1.04317 1.03289 0.948076 1.00707C0.852978 0.981252 0.753725 0.974426 0.655989 0.986985C0.558253 0.999544 0.46395 1.03124 0.378469 1.08026Z' fill='%23141414'/%3E%3C/svg%3E") no-repeat right 10px center; background-size: 11px auto; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } button { background: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } .sp-menu { display: none; } .text-left { text-align: left; } /* ========================================= スキップリンク（.skip-link） ========================================= */ .skip-link { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap; } .skip-link:focus { position: fixed; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 15px; background-color: #141414; color: #ffffff; font-weight: bold; text-align: center; text-decoration: underline; z-index: 9999; overflow: visible; clip: auto; clip-path: none; white-space: normal; } /* =========================================*/ .site-header { width: 100%; background: #fff; border-bottom: 1px solid #F0F0F0; position: fixed; display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 60px; top: 0; z-index: 100; } .site-header .site-header__nav { margin: 0 auto; padding: 0; display: flex; justify-content: flex-end; align-items: center; gap: 30px; width: 100%; } .site-header .site-header__nav-list { display: flex; list-style: none; gap: 30px; justify-content: space-between; align-items: center; } .site-header__logo { width: 240px; line-height: 1; } .button__contact { padding: 15px 30px; border-radius: 25px; font-weight: bold; line-height: 1; display: inline-block; background: linear-gradient(to right, #141414 0%, #141414 33.3%, #FCCF00 66.6%, #FCCF00 100%); /* 背景サイズをボタンの3倍（300%）に設定 */ background-size: 300% 100%; /* 初期状態は一番左（0%の位置＝開始の単色）を表示 */ background-position: 100% 50%; transition: background-position 0.2s ease-in-out; } .button__contact:hover { text-decoration: none !important; background-position: 0% 50%; color: #FCCF00; } .site-header__contact .button__contact { padding: 10px 30px; } .button__contact--white { padding: 15px 30px; background: #ffffff; border-radius: 25px; font-weight: bold; border: 1px solid #333333; line-height: 1; display: inline-block; background: linear-gradient(to right, #FCCF00 0%, #FCCF00 33.3%, #ffffff 66.6%, #ffffff 100%); /* 背景サイズをボタンの3倍（300%）に設定 */ background-size: 300% 100%; /* 初期状態は一番左（0%の位置＝開始の単色）を表示 */ background-position: 100% 50%; transition: background-position 0.2s ease-in-out; } .button__contact--white:hover { text-decoration: none !important; background-position: 0% 50%; color: #333333; } .transition { transition: all 0.8s ease-in-out; } .main-content { margin-top: 60px; overflow: hidden; } .breadcrumb-nav { padding: 10px 60px; } .breadcrumb-nav ol { display: flex; flex-wrap: wrap; list-style: none; margin: 0 auto; padding: 0; gap: 0.5rem; width: 100%; max-width: 1920px; } .breadcrumb-nav li { display: flex; align-items: center; font-size: clamp(0.8125rem, 0vw + 0.8125rem, 0.8125rem); } .breadcrumb-nav li:not(:last-child)::after { content: ">"; margin-left: 0.5rem; color: #666; speak: none; } .breadcrumb-nav a { color: #333; text-decoration: none; } .breadcrumb-nav a:hover { text-decoration: underline; } .breadcrumb-nav a[aria-current=page] { color: #333; text-decoration: none; pointer-events: none; cursor: default; font-weight: bold; } #ss-query1 { border-radius: 25px; border: 1px solid #989898; padding: 5px 10px; } .site-footer__nav .contact-btn { color: #141414; } .contact-btn { display: inline-block; padding: 15px 30px; width: 100%; background: #FCCF00; color: #141414; text-align: center; text-decoration: none; border-radius: 34px; font-weight: bold; font-size: clamp(0.875rem, 1.1695906433vw + 0.3143274854rem, 1.25rem); line-height: 1.4; margin: 0 0 20px; background: linear-gradient(to right, #141414 0%, #141414 33.3%, #FCCF00 66.6%, #FCCF00 100%); /* 背景サイズをボタンの3倍（300%）に設定 */ background-size: 300% 100%; /* 初期状態は一番左（0%の位置＝開始の単色）を表示 */ background-position: 100% 50%; transition: background-position 0.2s ease-in-out; } .contact-btn:hover { text-decoration: none !important; background-position: 0% 50%; color: #FCCF00; } .contact-btn--black { display: inline-block; padding: 10px 5%; width: auto; background: #141414; color: #f0f0f0; text-align: center; text-decoration: none; border-radius: 34px; font-weight: bold; font-size: clamp(0.875rem, 1.1695906433vw + 0.3143274854rem, 1.25rem); line-height: 1.4; margin: 0.8em 0 20px; background: linear-gradient(to right, #f0f0f0 0%, #f0f0f0 33.3%, #141414 66.6%, #141414 100%); /* 背景サイズをボタンの3倍（300%）に設定 */ background-size: 300% 100%; /* 初期状態は一番左（0%の位置＝開始の単色）を表示 */ background-position: 100% 50%; transition: background-position 0.2s ease-in-out; } .contact-btn--black:hover { text-decoration: none !important; background-position: 0% 50%; color: #141414; } .site-footer__nav { background: #333; color: #fff; } .site-footer__nav-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); list-style: none; justify-content: space-between; gap: 30px; padding: 60px 60px 30px; } .site-footer__nav-item a { color: #fff; text-decoration: none; } .site-footer__nav-item a:hover { text-decoration: underline; } .site-footer__nav-item h2 { color: #fff; margin-bottom: 10px; } .site-footer__nav-item ul li a { color: #fff; text-decoration: none; } .site-footer__nav-item ul li a:hover { text-decoration: underline; } .site-footer__nav-item:nth-child(2) { grid-column: 1; grid-row: 2; } .site-footer__nav-item:nth-child(3), .site-footer__nav-item:nth-child(4), .site-footer__nav-item:nth-child(5) { grid-row: span 2; } .site-footer__nav-item-list { list-style: none; padding: 0; } .site-footer__nav-item-item { line-height: 1.2; margin-bottom: 15px; } .site-footer__nav-item-item:last-child { margin-bottom: 0; } .site-footer__nav-title-contact { margin: 0 0 20px; border-bottom: 1px solid #fff; } .site-footer__body { display: flex; gap: 30px; margin: 0 0 30px; padding: 0 60px; width: auto; border-bottom: 1px dotted #E6E6E6; } .site-footer__inner { display: flex; gap: 30px; margin: 30px 0; padding: 0; width: 50%; font-size: clamp(0.625rem, 0.3898635478vw + 0.4381091618rem, 0.75rem); } .site-footer__inner-card { text-align: center; letter-spacing: -1px; width: 120px; } .site-footer__inner-card--middle { max-width: 120px; } .site-footer__inner-card img { max-width: none; } .site-footer__inner--end { justify-content: flex-end; } .site-footer__inner-list { display: flex; gap: 30px; margin: 0; padding: 0; list-style-type: none; } .site-footer__inner-list img { width: auto; max-height: 90px; max-width: none; } .site-footer__footer { display: flex; justify-content: space-between; gap: 30px; margin: 0; padding: 0 60px 30px; width: 100%; } .site-footer__footer-inner-nav { color: #333; } .site-footer__footer-inner-nav-list { display: flex; gap: 25px; } .site-footer__footer-inner-nav-list-item { list-style-type: none; } .site-footer__logo { max-width: 256px; } .site-footer__copyright { color: #000; text-align: right; } .global-overlay { position: fixed; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; z-index: 50; height: 100vh; width: 100vw; top: 0; left: 0; } .global-overlay.is-active { opacity: 1; visibility: visible; } .mega-menu-content { position: fixed; background: rgb(255, 255, 255); top: 60px; left: 0; width: 100%; padding: 46px; } .mega-menu-content__title { font-size: clamp(1.375rem, 0.7797270955vw + 1.0012183236rem, 1.625rem); font-weight: 700; margin: 0 0 30px; position: relative; } .mega-menu-content__title::before { position: absolute; bottom: -10px; left: 0; width: 100%; height: 1px; content: ""; background: #FCCF00; } .mega-menu-content__title a { display: block; } .mega-menu-content__title span::before, .mega-menu-content__title span::after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } .mega-menu-content__title span::after { left: 219px; content: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.378469 1.08026C0.205685 1.17879 0.0791179 1.34193 0.0266083 1.53377C-0.0259014 1.72562 -5.24304e-05 1.93047 0.0984691 2.10326C1.39547 4.37226 3.05247 5.49426 4.80847 6.02426C6.36147 6.49226 7.97447 6.48726 9.35147 6.48226L9.75147 6.48126L15.4395 6.48126L11.7195 10.2013C11.6479 10.2705 11.5908 10.3533 11.5515 10.4448C11.5122 10.5363 11.4916 10.6347 11.4908 10.7343C11.49 10.8339 11.509 10.9327 11.5467 11.0248C11.5845 11.117 11.6402 11.2007 11.7107 11.2711C11.7811 11.3414 11.8649 11.3971 11.9571 11.4348C12.0493 11.4724 12.148 11.4914 12.2476 11.4904C12.3472 11.4895 12.4456 11.4688 12.5371 11.4294C12.6286 11.3901 12.7113 11.3329 12.7805 11.2613L17.7805 6.26126C17.9209 6.12063 17.9998 5.93001 17.9998 5.73126C17.9998 5.53251 17.9209 5.34189 17.7805 5.20126L12.7805 0.20126C12.6383 0.0687803 12.4502 -0.00334222 12.2559 8.62486e-05C12.0616 0.00351472 11.8763 0.0822262 11.7388 0.219639C11.6014 0.357052 11.5227 0.542438 11.5193 0.736739C11.5159 0.931039 11.588 1.11909 11.7205 1.26126L15.4405 4.98126L9.37047 4.98126C7.95947 4.98526 6.56847 4.98826 5.24247 4.58826C3.84847 4.16826 2.50547 3.29026 1.40247 1.35826C1.35351 1.27274 1.28819 1.19771 1.21022 1.13745C1.13225 1.07719 1.04317 1.03289 0.948076 1.00707C0.852978 0.981252 0.753725 0.974426 0.655989 0.986985C0.558253 0.999544 0.46395 1.03124 0.378469 1.08026Z' fill='%23141414'/%3E%3C/svg%3E"); width: 18px; height: auto; display: inline-block; } .mega-menu-content__inner { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; } .mega-menu-content { opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; z-index: 50; } .mega-menu-content__sub-title { font-size: clamp(1rem, 0.3898635478vw + 0.8131091618rem, 1.125rem); font-weight: 700; margin: 0 0 15px; } .mega-menu-content__item { width: 100%; background: #F0F0F0; border-radius: 15px; border: #E6E6E6 1px solid; padding: 0 0 20px; } .mega-menu-content__list { width: 100%; padding: 0; margin: 0; } .mega-menu-content__list-item { list-style-type: none; margin: 0 0 10px; } .mega-menu-content__list-item:last-child { margin: 0; } .mega-menu-content__top-link { display: block; padding: 15px 30px 15px 20px; color: #000; border-radius: 15px 15px 0 0; font-weight: 500; min-height: 65px; background: #FCCF00; text-decoration: none; line-height: 1; display: flex; align-items: center; position: relative; } .mega-menu-content__top-link::before, .mega-menu-content__top-link::after { position: absolute; top: 0; bottom: 0; margin: auto; vertical-align: middle; } .mega-menu-content__top-link::after { right: 5%; content: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.378469 1.08026C0.205685 1.17879 0.0791179 1.34193 0.0266083 1.53377C-0.0259014 1.72562 -5.24304e-05 1.93047 0.0984691 2.10326C1.39547 4.37226 3.05247 5.49426 4.80847 6.02426C6.36147 6.49226 7.97447 6.48726 9.35147 6.48226L9.75147 6.48126L15.4395 6.48126L11.7195 10.2013C11.6479 10.2705 11.5908 10.3533 11.5515 10.4448C11.5122 10.5363 11.4916 10.6347 11.4908 10.7343C11.49 10.8339 11.509 10.9327 11.5467 11.0248C11.5845 11.117 11.6402 11.2007 11.7107 11.2711C11.7811 11.3414 11.8649 11.3971 11.9571 11.4348C12.0493 11.4724 12.148 11.4914 12.2476 11.4904C12.3472 11.4895 12.4456 11.4688 12.5371 11.4294C12.6286 11.3901 12.7113 11.3329 12.7805 11.2613L17.7805 6.26126C17.9209 6.12063 17.9998 5.93001 17.9998 5.73126C17.9998 5.53251 17.9209 5.34189 17.7805 5.20126L12.7805 0.20126C12.6383 0.0687803 12.4502 -0.00334222 12.2559 8.62486e-05C12.0616 0.00351472 11.8763 0.0822262 11.7388 0.219639C11.6014 0.357052 11.5227 0.542438 11.5193 0.736739C11.5159 0.931039 11.588 1.11909 11.7205 1.26126L15.4405 4.98126L9.37047 4.98126C7.95947 4.98526 6.56847 4.98826 5.24247 4.58826C3.84847 4.16826 2.50547 3.29026 1.40247 1.35826C1.35351 1.27274 1.28819 1.19771 1.21022 1.13745C1.13225 1.07719 1.04317 1.03289 0.948076 1.00707C0.852978 0.981252 0.753725 0.974426 0.655989 0.986985C0.558253 0.999544 0.46395 1.03124 0.378469 1.08026Z' fill='%23141414'/%3E%3C/svg%3E"); width: 18px; height: 18px; display: inline-block; } .mega-menu-content__link { display: block; padding: 10px; margin: 0 20px; border-radius: 10px; color: #000; font-weight: 500; background: #fff; text-decoration: none; border: 1px solid #E6E6E6; } .mega-menu-content__link:hover { text-decoration: underline; } .mega-menu-content__link { position: relative; } .mega-menu-content__link::before, .mega-menu-content__link::after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } .mega-menu-content__link::after { content: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.378469 1.08026C0.205685 1.17879 0.0791179 1.34193 0.0266083 1.53377C-0.0259014 1.72562 -5.24304e-05 1.93047 0.0984691 2.10326C1.39547 4.37226 3.05247 5.49426 4.80847 6.02426C6.36147 6.49226 7.97447 6.48726 9.35147 6.48226L9.75147 6.48126L15.4395 6.48126L11.7195 10.2013C11.6479 10.2705 11.5908 10.3533 11.5515 10.4448C11.5122 10.5363 11.4916 10.6347 11.4908 10.7343C11.49 10.8339 11.509 10.9327 11.5467 11.0248C11.5845 11.117 11.6402 11.2007 11.7107 11.2711C11.7811 11.3414 11.8649 11.3971 11.9571 11.4348C12.0493 11.4724 12.148 11.4914 12.2476 11.4904C12.3472 11.4895 12.4456 11.4688 12.5371 11.4294C12.6286 11.3901 12.7113 11.3329 12.7805 11.2613L17.7805 6.26126C17.9209 6.12063 17.9998 5.93001 17.9998 5.73126C17.9998 5.53251 17.9209 5.34189 17.7805 5.20126L12.7805 0.20126C12.6383 0.0687803 12.4502 -0.00334222 12.2559 8.62486e-05C12.0616 0.00351472 11.8763 0.0822262 11.7388 0.219639C11.6014 0.357052 11.5227 0.542438 11.5193 0.736739C11.5159 0.931039 11.588 1.11909 11.7205 1.26126L15.4405 4.98126L9.37047 4.98126C7.95947 4.98526 6.56847 4.98826 5.24247 4.58826C3.84847 4.16826 2.50547 3.29026 1.40247 1.35826C1.35351 1.27274 1.28819 1.19771 1.21022 1.13745C1.13225 1.07719 1.04317 1.03289 0.948076 1.00707C0.852978 0.981252 0.753725 0.974426 0.655989 0.986985C0.558253 0.999544 0.46395 1.03124 0.378469 1.08026Z' fill='%23141414'/%3E%3C/svg%3E"); width: 18px; height: 22px; display: inline-block; } .mega-menu-content.is-active { opacity: 1; visibility: visible; } .mega-menu-content__list-item .mega-menu-content__link::before { right: 15px; } .mega-menu-content__list-item .mega-menu-content__link::after { right: 14px; } .site-header__hamburger { display: none; } .break-sp { display: none !important; } .no-break-sp { display: block; } .c-section__nav-list { display: flex; gap: 20px; margin: 0 0 6%; padding: 0 6%; list-style-type: none; justify-content: center; flex-wrap: wrap; } .c-section__nav-list-item { width: calc(33% - 20px); } .pagelink { display: block; padding: 10px 0 10px 15px; background: #ffffff; border: 1px solid #141414; color: #ffffff; text-align: left; color: #141414; text-decoration: none; border-radius: 34px; font-weight: bold; font-size: clamp(0.875rem, 1.1695906433vw + 0.3143274854rem, 1.25rem); line-height: 1.4; position: relative; } .pagelink::after { content: ""; display: inline-block; width: 30px; height: 30px; position: absolute; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,"); background-size: contain; background-repeat: no-repeat; margin-right: 15px; right: 0; } .note { font-size: clamp(0.625rem, 0.3898635478vw + 0.4381091618rem, 0.75rem); font-weight: 500; } .text-right { text-align: right; } .c-section__list--normal { padding: 0; margin: 0; list-style: none; } .c-section__list--normal .c-section--flex { gap: 40px; margin: 0 0 40px; } .text-bold { font-weight: bold; padding: 1em 0; } .d-menu__item.d-menu__search { text-align: right; } .d-menu__item.d-menu__search::before { content: "サイト内検索"; margin: 0 1em 0 0; padding: 0 0 5px; display: inline; font-weight: 700; } @media (max-width: 1400px) { .site-header .site-header__nav-list { gap: 10px; padding: 0; } } @media (max-width: 1320px) { .site-header .site-header__nav-list { gap: 5px; padding: 0; } } @media (max-width: 1280px) { .site-header { padding: 0 15px; } .breadcrumb-nav { padding: 10px 15px; } .c-section__header { padding: 10px 15px 30px; } .button__contact { padding: 15px; white-space: nowrap; background: #FCCF00; } .button__contact:hover { transition: none; background-position: none; color: #141414; background: #FCCF00; } .site-footer__inner-list { flex-wrap: wrap; justify-content: flex-end; } .site-footer__inner-list-item-first { width: 100%; text-align: right; } .site-footer__inner--first { flex-wrap: wrap; } .site-footer__inner-card--full { width: 100%; } .site-footer__footer-inner-nav-list { gap: 10px; padding: 0; } .site-footer__nav-list { gap: 15px; padding: 30px 15px; } .site-footer__body { gap: 15px; padding: 0 15px; } .site-footer__footer { gap: 15px; padding: 0 15px 30px; } .site-header .site-header__nav { gap: 10px; } } @media (max-width: 1024px) { .break-sp { display: block !important; } .site-header__logo { width: 200px; } .site-header__logo img { width: 100%; height: auto; } .btn-search { display: none; } .d-menu__item.d-menu__search::before { display: none; } .btn-as-link { position: relative; } #menuSearch { display: block; height: 90px; width: 100%; padding: 15px; } #menuSearch::before { content: "サイト内検索"; padding: 0 0 5px; display: inline-block; } #ss-query1 { width: 100%; } .mega-menu-content { position: absolute; background: rgb(255, 255, 255); top: 60px; left: 0; width: 100%; opacity: 1; visibility: visible; display: none; } .site-header__hamburger { display: block; order: 1; } .hamburger-btn { display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 21px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1000; order: 1; position: relative; } .hamburger-btn.sp-menu { display: flex; } .hamburger-btn__line { width: 100%; height: 3px; background-color: #000; border-radius: 1px; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); line-height: 1; } .hamburger-btn[aria-expanded=true] .hamburger-btn__line:nth-child(1) { transform: translateY(9px) rotate(45deg); } .hamburger-btn[aria-expanded=true] .hamburger-btn__line:nth-child(2) { opacity: 0; } .hamburger-btn[aria-expanded=true] .hamburger-btn__line:nth-child(3) { transform: translateY(-9px) rotate(-45deg); } .site-header .site-header__nav-list { display: block; position: fixed; top: 148px; left: 0; width: 100%; background: #fff; padding: 10px 15px 30px; font-weight: 500; } .site-header__nav-item { transition: all 0.3s; padding: 0.5em 0; line-height: 1; margin: 0 0 0.5em; border-bottom: #989898 1px solid; position: relative; vertical-align: middle; font-weight: 700; } .site-header__nav-item a, .site-header__nav-item button { padding: 1% 0; display: block; width: 100%; text-align: left; margin: 0; border: none; } .site-header__nav-item .btn-as-link::before, .site-header__nav-item a::before { content: ""; position: absolute; margin: auto; content: ""; vertical-align: middle; right: 4px; top: 0; bottom: 0; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); } .site-header__nav-item .btn-as-link:hover { text-decoration: none; } .site-header__nav-item [aria-expanded=true].btn-as-link::before { transform: rotate(135deg); } .mega-menu-content__top-link::before, .mega-menu-content__top-link::after, .mega-menu-content__link::before, .mega-menu-content__link::after { display: none; } .site-footer__footer { display: block; padding: 0 15px; } .site-footer__copyright { text-align: left; } .site-header__nav-item.sp-menu { display: block; } .site-header .site-header__nav-list { display: none; } .site-header__nav-list.is-active { display: block; height: calc(100vh - 150px); overflow-y: auto; } #menuSearch, .modal-src { display: none; } #menuSearch.is-active, .modal-src.is-active { display: block; font-weight: 700; } .js-open-modal * { pointer-events: none; } .js-open-modal { cursor: pointer; } .mega-service { position: relative; top: 0; padding: 0; background: none; } .mega-menu-content__title { font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem); margin: 0; padding: 1em 0 0.9em; border-bottom: #989898 1px dotted; text-indent: 1em; font-weight: 700; } .mega-menu-content__title a { display: block; padding: 0; } .mega-menu-content__title::before, .mega-menu-content__title a::before { display: none; } .mega-menu-content__top-link { display: block; padding: 0; border-radius: 0; background: none; } .mega-menu-content__item { width: 100%; background: #fff; border-radius: 0; border: none; padding: 0; } .mega-menu-content__sub-title { margin: 0 0 2%; } .mega-menu-content__list-item { display: none; } .mega-menu-content__sub-title .mega-menu-content__top-link { padding: 0.7em 0 0.9em; border-bottom: #989898 1px dotted; font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem); text-indent: 1em; font-weight: 700; min-height: auto; } .mega-menu-content__title span::after, .mega-menu-content__title span::before { display: none; } .mega-menu-content__item:last-child .mega-menu-content__top-link { padding-bottom: 0; } .is-active .mega-menu-content__item:last-child .mega-menu-content__top-link { border-bottom: none; } .mega-menu-content__title + .mega-menu-content__inner { margin-top: 2%; } .mega-menu-content__inner { display: block; } .site-header__nav-item .link--blank { padding-left: 20px; } } @media (max-width: 767px) { .site-header__logo { max-width: 240px; width: 100%; } .site-header__logo img { width: 100%; height: auto; } .site-header .site-header__nav { gap: 15px; } .site-footer__nav-list { display: block; padding: 30px 15px; } .site-footer__nav-item { display: none; } .site-footer__nav-item:last-child { display: block; } .site-footer__nav-item.sp-menu { margin: 0 0 20px; } .site-footer__body { display: block; padding: 0 15px 20px; } .site-footer__inner-list-item-first { width: 40%; } .site-footer__inner { width: 100%; justify-content: center; padding: 20px 0 0; margin: 0; gap: 15px; } .site-footer__inner-card img { width: 50%; height: auto; } .site-footer__inner-list { flex-wrap: nowrap; justify-content: space-between; gap: 10px; } .site-footer__inner-list-item { width: 20%; } .site-footer__footer-inner-nav-list { display: none; } .site-footer__inner-list img { width: 90%; height: auto; max-height: none; } .sp-menu { display: block; } .c-section__nav-list { gap: 5px; margin: 0 0 2%; padding: 0 1%; } .c-section__nav-list-item { width: calc(33% - 5px); } .pagelink { padding: 5px 0 5px 10px; border-radius: 34px; font-weight: bold; line-height: 1.4; position: relative; } .pagelink::after { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,"); background-size: contain; background-repeat: no-repeat; margin-right: 5px; right: 0; } } .c-section { width: 100%; padding: 80px 0; } .c-section__wrapper { padding: 60px; margin: 0 auto; } .c-section--line { border-bottom: 1px dotted #E6E6E6; margin-bottom: 40px; } .c-section__inner-wrapper { padding: 60px 0; margin: 0 auto; } .c-section__wrapper--max { max-width: 1920px; margin: 0 auto; } .c-section--main-color { display: block; background: #f0f0f0; } .c-section--header-svg { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='685' height='249' viewBox='0 0 685 249' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5058 204.373C70.8306 219.252 150.585 215.846 198.23 208.802C448.255 171.839 436.604 34.8477 389.088 23.5046C326.277 8.51004 283.3 171.162 410.027 208.802C536.753 246.443 662.097 208.802 662.097 208.802' stroke='white' stroke-width='45' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom -24px right -133px; background-size: auto 100%; padding: 0; } .c-section__header { width: 100%; max-width: 1920px; margin: 0 auto; padding: 10px 60px 30px; } .c-section--flex { display: flex; gap: 60px; } .c-section--flex-small { display: flex; gap: 30px; } .c-section__top-header-title { font-size: clamp(1rem, 2.7290448343vw + -0.3082358674rem, 1.875rem); font-weight: 700; display: flex; align-items: center; margin: 3.125% 0 1em; color: #141414; line-height: 1; } .c-section__head-title { font-size: clamp(1.1875rem, 2.5341130604vw + -0.0272904483rem, 2rem); font-weight: 700; display: flex; align-items: center; margin: 0 0 0.5em; color: #141414; line-height: 1; } .c-section__head-title::before { content: ""; display: inline-block; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__head-title-multi { font-size: clamp(1.0625rem, 2.9239766082vw + -0.3391812865rem, 2rem); font-weight: 700; margin: 0 0 2em; padding: 0 0 0 1em; color: #333333; line-height: 1.4; position: relative; } .c-section__head-title-multi::before { content: ""; position: absolute; top: calc(50% - 22.5px); left: 0; display: inline-block; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__sub-title { font-size: clamp(1.25rem, 1.1695906433vw + 0.6893274854rem, 1.625rem); font-weight: 900; display: flex; align-items: center; margin: 0 0 0.5em; color: #141414; line-height: 1; } .c-section__sub-title::before { content: ""; display: inline-block; flex-shrink: 0; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__sub-title-head { padding: 3.125% 0 1.5625%; } .c-section__sub-title-sigle { font-size: clamp(1.1875rem, 1.3645224172vw + 0.5333820663rem, 1.625rem); font-weight: 700; color: #333333; margin-bottom: 0.7em; } .c-section__sub-title-sigle-sub { font-size: clamp(1.0625rem, 1.3645224172vw + 0.4083820663rem, 1.5rem); font-weight: 700; color: #333333; } .c-section__inner-toggle--slide { margin: 3.125% auto 6.25%; border-bottom: #141414 1px dotted; padding: 0 0 3.125%; } .c-section__item-title { font-size: clamp(1.25rem, 1.559454191vw + 0.5024366472rem, 1.75rem); font-weight: 900; display: flex; align-items: center; margin: 0 0 1em; color: #141414; line-height: 1; } .c-section__item-title::before { content: ""; display: inline-block; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__small-title { font-size: clamp(0.875rem, 1.1695906433vw + 0.3143274854rem, 1.25rem); font-weight: 900; display: flex; align-items: center; margin: 0 0 0.5em; color: #141414; line-height: 1; } .c-section__small-title::before { content: ""; display: inline-block; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__inner-title { font-size: clamp(1.1875rem, 2.1442495127vw + 0.1596003899rem, 1.875rem); font-weight: 900; display: flex; align-items: center; margin: 0 0 0.5em; color: #141414; } .c-section__inner-sub-title { font-size: clamp(1.0625rem, 1.7543859649vw + 0.2214912281rem, 1.625rem); font-weight: 700; margin: 0 0 0.5em; } .c-section__text { font-size: clamp(0.9375rem, 0.1949317739vw + 0.8440545809rem, 1rem); line-height: 1.8; margin: 0 0 1em; color: #333333; } .c-section__note-text { font-size: clamp(1rem, 0.3898635478vw + 0.8131091618rem, 1.125rem); line-height: 1.8; font-weight: 700; margin: 0 0 1em; color: #333333; } .c-section__note-text-title { font-size: clamp(1rem, 0.7797270955vw + 0.6262183236rem, 1.25rem); line-height: 1.8; font-weight: 700; margin: 0 0 0.5em; color: #333333; } .c-section__header-title { font-size: clamp(1.25rem, 2.9239766082vw + -0.1516812865rem, 2.1875rem); } .c-section__header-title--sub { font-size: clamp(0.75rem, 1.1695906433vw + 0.1893274854rem, 1.125rem); font-weight: 900; display: flex; align-items: center; margin: 0 0 10px; color: #666; line-height: 1; } .c-section__header-title--sub::before { content: ""; display: inline-block; width: 23px; height: 4px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='4' viewBox='0 0 23 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.46777C14.8486 2.71183 21.5 1.50024 21.5 1.50024' stroke='%23FCCF00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center bottom; background-size: 23px 4px; margin: 0 10px 0 0; } .c-section__inner { padding: 0 6.25%; margin: 0 auto; width: 100%; } .c-section__inner--5-1 { width: 20%; padding: 0 6.25% 0 0; } .c-section__inner--5-2 { width: 40%; padding: 0 0 0 6.25%; } .c-section__inner--5-3 { width: 60%; padding: 0 6.25% 0 0; } .c-section__inner--5-4 { width: 80%; padding: 0 0 0 6.25%; } .c-section__inner--2col { width: 50%; } .c-section__inner--2col:nth-child(odd) { padding: 0 0 0 6.25%; } .c-section__inner--2col:nth-child(even) { padding: 0 6.25% 0 0; } .c-section__inner--2col img { width: 100%; height: auto; } .c-section__inner-flex { display: flex; gap: 60px; padding: 0; margin: 0 auto; } .c-section__inner-item { list-style: none; padding: 0; margin: 0; } .c-section__inner-item--3col { width: 33.3333%; } .c-section__inner-flex-wrap { flex-wrap: wrap; } .text-strong { font-weight: 700; } .c-section--2col { width: 50%; padding: 0 3%; } .section--2col { width: 50%; } .c-section--3col { width: 30%; padding: 0 3%; } .c-section--3-1col { width: 33%; } .c-section--3-2col { width: 66%; } .c-section--5-1col { width: 20%; padding: 0; } .c-section--5-2col { width: 40%; padding: 0; } .c-section--5-3col { width: 60%; padding: 0; } .c-section--5-4col { width: 80%; padding: 0; } .c-section--4-1col { width: 25%; padding: 0; } .c-section--4-3col { width: 75%; padding: 0; } .c-section--full { width: 100%; padding: 0; } .c-section--flex-wrap { flex-wrap: wrap; gap: 0; } .c-section--4col { width: 25%; padding: 0 3%; } .c-section--5col { width: 20%; padding: 0 3%; } .c-section--flex-center { justify-content: center; align-items: center; } .c-section--flex-center--justify { justify-content: center; } .c-section--flex-row-reverse { flex-direction: row-reverse; } .c-section--gray { background: rgba(152, 152, 152, 0.15); } .c-section--gray .c-section__wrapper--max { padding: 0 60px; } .c-section__head-text { margin: 0 0 0 30px; } .c-section--container-item { background: #ffffff; padding: 3.125% 1%; border-radius: 15px; } .c-section__inner-title { margin: 0 0 2.125%; } .c-section__text-item { text-align: left; margin: 0; } .accordion-panel { visibility: hidden; height: 0; display: none; transition: grid-template-rows 0.3s ease-out, visibility 0.3s ease-out; } .accordion-panel[aria-hidden=false] { display: block; visibility: visible; height: auto; } .accordion-content { overflow: hidden; } .c-section.c-section__wrapper.c-section__wrapper--max h2 { padding: 0 0 3.125% 0; } h2:has(.c-section__inner-toggle) { position: relative; } h2:has(.c-section__inner-toggle)::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 40px; height: 20px; margin: auto; display: block; padding: 10px 20px; border-radius: 30px; background: #333333; z-index: -1; } h2:has(.c-section__inner-toggle[aria-expanded=true])::after { background: #fff; border: 1px solid #333333; } .c-section__inner-toggle { display: block; width: 100%; text-align: left; padding: 0.8em 45px 0.8em 0; border-bottom: #141414 1px dotted; position: relative; transition: all 0.3s ease-in-out; } .c-section__inner-toggle:hover { opacity: 0.8; } .c-section__inner-toggle[aria-expanded=true]::before { display: none; } .c-section__inner-toggle[aria-expanded=true]::after { background: #141414; } .c-section__inner-toggle::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 19px; width: 2px; height: 10px; background: #fff; z-index: 1; line-height: 1; } .c-section__inner-toggle::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 15px; width: 10px; height: 2px; background: #fff; z-index: 1; line-height: 1; } .c-section__top-header-title.c-section__inner-toggle { margin: 0.5em 0; } .c-section--text-center { text-align: center; } .c-section--img { width: 100%; height: auto; display: inline-block; } .c-section__card { padding: 0; border: 1px solid #C7C7C7; border-radius: 15px; overflow: hidden; } .c-section__card--link { display: block; } .text-emphasis { color: #B40000; } .underline-wavy { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: #FCCF00; text-underline-offset: 3px; margin: 0 0 0.5em; } .more-link { position: relative; padding-bottom: 50px; } .more-link::before { content: "詳しく読む"; color: #ffffff; font-size: 14px; font-weight: bold; position: absolute; right: 10px; bottom: 5px; padding: 2% 40px 2% 4%; transform: translateY(-50%); white-space: nowrap; background-color: #000; border-radius: 30px; } .more-link { /* ::after で曲がり矢印アイコンを配置 */ } .more-link::after { content: ""; position: absolute; right: 20px; bottom: 15px; transform: translateY(-50%); width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23E6E6E6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.2s ease; } .more-link { /* ホバーで矢印を少し右へ */ } .more-link:hover { text-decoration: none; } .more-link:hover::before { color: #333333; background-color: #ffffff; } .more-link:hover::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23333333'/%3E%3C/svg%3E"); } .more-link--white { position: relative; padding-bottom: 50px; display: block; } .more-link--white::before { content: "詳しく見る"; color: #333333; font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem); font-weight: bold; position: absolute; right: 10px; bottom: 0; padding: 2% 40px 2% 4%; line-height: 1; transform: translateY(-50%); white-space: nowrap; border: 1px solid #333333; border-radius: 30px; background: linear-gradient(to right, #141414 0%, #141414 33.3%, #ffffff 66.6%, #ffffff 100%); background-size: 300% 100%; background-position: 100% 50%; transition: background-position 0.2s ease-in-out; } .more-link--white::after { content: ""; position: absolute; right: 20px; bottom: 13px; transform: translateY(-50%); width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23333333'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.2s ease; } .more-link--white:hover { text-decoration: none; } .more-link--white:hover::before { background-position: 0% 50%; color: #fff; } .more-link--white:hover::after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23ffffff'/%3E%3C/svg%3E"); } .more-link--black { position: relative; display: block; } .more-link--black::before { content: "詳しく見る"; color: #ffffff; font-size: clamp(0.875rem, 0vw + 0.875rem, 0.875rem); font-weight: bold; position: absolute; right: 0; bottom: -35px; padding: 1% 40px 1% 1%; line-height: 1; transform: translateY(-50%); white-space: nowrap; border: 1px solid #333333; background-color: #333333; border-radius: 30px; } .more-link--black { /* ::after で曲がり矢印アイコンを配置 */ } .more-link--black::after { content: ""; position: absolute; right: 10px; bottom: -10px; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23ffffff'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.2s ease; } .more-link--black:hover { text-decoration: none; } .more-link--black:hover::before { color: #333333; background-color: #ffffff; } .more-link--black:hover::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23333333'/%3E%3C/svg%3E"); } .link-area { text-align: center; } .more-link--text { position: relative; color: #ffffff; font-size: clamp(0.875rem, 0.3898635478vw + 0.6881091618rem, 1rem); font-weight: 700; padding: 8px 45px 8px 35px; display: inline-block; white-space: nowrap; background-color: #333333; border-radius: 30px; border: 1px solid #333333; line-height: 1; } .more-link--text::after { content: ""; display: inline-block; width: 24px; height: 24px; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23E6E6E6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; transition: transform 0.2s ease; position: absolute; top: 0; bottom: 0; margin: auto; right: 14px; } .more-link--text { /* ホバーで矢印を少し右へ */ } .more-link--text:hover { text-decoration: none; background-color: #fff; color: #333333; border: 1px solid #333333; } .more-link--text:hover::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37798 8.59906C3.2052 8.69759 3.07863 8.86073 3.02612 9.05257C2.97361 9.24442 2.99946 9.44927 3.09798 9.62206C4.39498 11.8911 6.05198 13.0131 7.80798 13.5431C9.36098 14.0111 10.974 14.0061 12.351 14.0001L12.751 14.0001L18.439 14.0001L14.719 17.7201C14.6474 17.7893 14.5903 17.8721 14.551 17.9636C14.5118 18.0551 14.4911 18.1535 14.4903 18.2531C14.4895 18.3527 14.5085 18.4515 14.5463 18.5436C14.584 18.6358 14.6397 18.7195 14.7102 18.7899C14.7806 18.8602 14.8644 18.9159 14.9566 18.9536C15.0488 18.9912 15.1476 19.0102 15.2471 19.0092C15.3467 19.0083 15.4451 18.9876 15.5366 18.9482C15.6281 18.9089 15.7108 18.8517 15.78 18.7801L20.78 13.7801C20.9204 13.6394 20.9993 13.4488 20.9993 13.2501C20.9993 13.0513 20.9204 12.8607 20.78 12.7201L15.78 7.72006C15.6378 7.58758 15.4498 7.51546 15.2555 7.51889C15.0612 7.52231 14.8758 7.60103 14.7384 7.73844C14.6009 7.87585 14.5222 8.06124 14.5188 8.25554C14.5154 8.44984 14.5875 8.63789 14.72 8.78006L18.44 12.5001L12.37 12.5001C10.959 12.5041 9.56798 12.5071 8.24198 12.1071C6.84798 11.6871 5.50498 10.8091 4.40198 8.87706C4.35303 8.79154 4.2877 8.71651 4.20973 8.65625C4.13176 8.59599 4.04269 8.55169 3.94759 8.52587C3.85249 8.50005 3.75324 8.49323 3.6555 8.50579C3.55777 8.51834 3.46346 8.55004 3.37798 8.59906Z' fill='%23141414'/%3E%3C/svg%3E"); } .c-section__card-content { padding: 5% 5% 1%; } .c-section__img, .c-section__card-img img { width: 100%; height: auto; } .c-section__card-pic img { width: 100%; height: auto; } .c-section__tag-area { padding: 0; margin: 0; list-style: none; } .card-tag { padding: 5px 10px 5px 1.8em; text-indent: -1.5em; font-size: clamp(0.75rem, 0.1949317739vw + 0.6565545809rem, 0.8125rem); border-radius: 8px; line-height: 1.4; display: inline-block; margin: 0 0 10px; border: 1px solid rgba(152, 152, 152, 0.15); background: #ffffff; } .card-tag::before { content: ""; width: 10px; height: 10px; position: relative; top: auto; left: auto; display: inline-block; background: #FCCF00; border-radius: 50%; margin: 0 5px 0 0; padding: 0 0 0 5px; } .underline { display: inline; border-bottom: 2px solid #FCCF00; padding-bottom: 0; line-height: 1.2; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .contact-area { display: flex; gap: 10px; list-style: none; margin: auto; margin: 2% 0 1%; padding: 0; justify-content: center; } .disk-list { list-style: disc; padding: 0 0 0 1.5em; text-align: left; } .disk-list li { font-size: clamp(0.875rem, 0.1949317739vw + 0.7815545809rem, 0.9375rem); } .c-section--link-area { margin: 0 auto; padding: 0; list-style: none; } .page-top-btn { position: fixed; bottom: 10px; right: 10px; width: 48px; height: 48px; border-radius: 50%; opacity: 1; border: none; cursor: pointer; background: #ffffff; display: flex; align-items: center; justify-content: center; z-index: 10000; transition: all 0.2s ease; } .page-top-btn:hover { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .page-top-btn[hidden] { display: none; opacity: 0; } .page-top-btn:focus-visible { outline: 3px solid #000000; outline-offset: 2px; } /* OSの「運動を減らす」設定が有効な場合のスムーススクロール無効化 */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } } @media (max-width: 767px) { .site-footer__nav-item-item { font-size: 14px; } .c-section--flex { display: block; } .c-section__inner--5-1 { width: 100%; padding: 0 3%; } .c-section__inner--5-2 { width: 100%; padding: 0 3%; } .c-section__inner--5-3 { width: 100%; padding: 0 3%; } .c-section__inner--5-4 { width: 100%; padding: 0 3%; } .c-section--2col, .c-section--3col, .c-section--4col, .c-section--5col { width: 100%; padding: 0; margin: 0 0 20px; } .c-section__inner--2col { width: 100%; padding: 0 3%; } .c-section__inner--2col:nth-child(odd) { padding: 0; } .c-section__inner--2col:nth-child(even) { padding: 0; } .no-break-sp { display: none; } .c-section { padding: 30px 0; } .c-section__inner-flex { display: block; } .c-section__inner-item--3col { width: 100%; } .c-section--img-block { display: block; margin: 0 auto; } .contact-btn { background: #FCCF00; color: #333333; } .contact-btn:hover { background-position: none; } .c-section__wrapper { padding: 0 15px 10px; margin: 0 0 15px; } .c-section__header { padding: 5px 0; } .c-section__header-title { padding: 5px 0; } .c-section--header-svg { background-size: contain; background-position: bottom -17px right -90px; } .breadcrumb-nav { padding: 10px 15px; } .c-section__wrapper.c-section--main-color.c-section--header-svg > .breadcrumb-nav { padding: 10px 0; } .c-section__wrapper.c-section--main-color.c-section--header-svg > .c-section__header { padding: 10px 0 30px; } .c-section--flex-small { display: block; } .section--2col, .c-section--5-1col, .c-section--5-2col, .c-section--5-3col, .c-section--5-4col, .c-section--2col, .c-section--3col, .c-section--3-1col, .c-section--3-2col, .c-section--5-2col, .c-section--5-3col, .c-section--4-3col, .c-section--4-1col, .c-section--4-2col, .c-section--4-3col, .c-section--4-4col { width: 100%; padding: 0; } .c-section__head-title-multi::before { top: 11px; width: 15px; } .page-top-btn { bottom: 5px; right: 5px; width: 40px; height: 40px; } .page-top-btn:hover { background: none; } .c-section__wrapper.c-section__wrapper--max iframe { margin-top: 2rem; } /* スマホ表示時、クライゼルフォーム（iframe）の縦幅を十分に確保して下部見切れを防ぐ */ #kreisel-iframe, .kreisel-iframe, iframe[src*="krs.bz"] { height: 2500px !important; /* 全体実高（約2200px）＋余裕を持たせた安全値 */ min-height: 2500px !important; } } @media (max-width: 1280px) { .c-section__header { padding: 10px 15px 30px; } } @media screen and (min-width: 769px) and (max-width: 900px) { #kreisel-iframe, .kreisel-iframe, iframe[src*="krs.bz"] { height: 2000px !important; min-height: 2000px !important; } }