/*
 * Heading Decorative Styles for Front-end
 * Generated on: 2026-02-06 16:30:48
 * Do not edit manually - managed by CMS
 */

.custom-style-test-para { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-para::before,.custom-style-test-para::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '' !important;}.custom-style-test-para::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-test-para::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-h2 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-h2::before,.custom-style-test-h2::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '' !important;}.custom-style-test-h2::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-test-h2::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-h3-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-h3-8::before,.custom-style-test-h3-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '' !important;}.custom-style-test-h3-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-test-h3-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-h4-9 { padding: 1rem 0 2rem !important; margin-bottom: 0.5rem !important; background: linear-gradient(90deg, #66c5dd 0% 100%) !important; background-repeat: no-repeat !important; background-size: 40px 2px !important; background-position: left bottom !important; font-weight: bold !important; font-size: 26px !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-test-h2-10 { padding: 1rem 1rem 1rem 2rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(90deg, transparent 1rem, #353535 1rem), radial-gradient(#b2d5de 40%, #333 40%) !important; background-repeat: no-repeat, repeat !important; background-size: 100%, 5px 5px !important; color: white !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-test-h3-11 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-test-h3-11:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '' !important;}

.custom-style-test-h4-11-color { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #FCAEBF !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-test-h4-11-color:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '' !important;}

.custom-style-test-h2-20 { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 6px dotted !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-h4-24 { position: relative !important; padding: 1.5rem 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h4-24::before,.custom-style-h4-24::after { position: absolute !important; width: 95% !important; height: 20px !important; content: '' !important;}.custom-style-h4-24::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h4-24::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h4-25 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h4-25::before,.custom-style-h4-25::after { position: absolute !important; width: 15px !important; height: 40px !important; content: '' !important;}.custom-style-h4-25::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h4-25::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-para-28 { position: relative !important; padding: 1rem 1.5rem !important; font-size: 1.5rem !important; font-weight: bold !important; text-align: center !important;}.custom-style-para-28::before,.custom-style-para-28::after { position: absolute !important; top: 0.8rem !important; height: 1.8rem !important; content: '' !important;}.custom-style-para-28::before { border-left: solid 3px !important; left: 0 !important; transform: rotate(-30deg) !important;}.custom-style-para-28::after { border-right: solid 3px !important; right: 0 !important; transform: rotate(30deg) !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-para-29 { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border: 3px solid #333 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-para-29:before,.custom-style-para-29:after { position: absolute !important; top: 100% !important; left: 30px !important; height: 0 !important; width: 0 !important; border: solid transparent !important; content: "" !important;}.custom-style-para-29:before { margin-left: -12px !important; border-color: transparent !important; border-top-color: #333 !important; border-width: 12px !important;}.custom-style-para-29:after { margin-left: -8px !important; border-color: transparent !important; border-top-color: white !important; border-width: 8px !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-para-32 { padding-left: 20px !important; font-weight: bold !important; font-size: 26px !important; color: #353535 !important; background-image: repeating-linear-gradient(45deg, #353535 0, #353535 2px, transparent 2px, transparent 4px) !important; background-repeat: no-repeat !important; background-size: 15px 15px !important; background-position: center left !important;}

.custom-style-para-36 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}.custom-style-para-36:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: '' !important; z-index: -1 !important;}

.custom-style-para-39 { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-39:before,.custom-style-para-39:after { position: absolute !important; top: 100% !important; left: 50% !important; content: "" !important; height: 0 !important; width: 0 !important;}.custom-style-para-39:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-para-39:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-para-40 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; background-color: #ddcfb3 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-40:before { position: absolute !important; inset: -5px 5px 5px -5px !important; border: 3px solid #353535 !important; content: '' !important;}

.custom-style-h4-41 { padding: 1rem !important; border-left: 5px dotted black !important; border-right: 5px dotted black !important; color: black !important; font-size: 26px !important; font-weight: bold !important; background-color: white !important; outline: 5px solid black !important; outline-offset: 5px !important; text-align: center !important;}

.custom-style-h4-41-2 { padding: 1rem !important; border-left: 5px dotted black !important; border-right: 5px dotted black !important; color: black !important; font-size: 26px !important; font-weight: bold !important; background-color: white !important; outline: 5px solid black !important; outline-offset: 5px !important; text-align: center !important;}

.custom-style-h4-43 { padding: 0.5rem 1rem 0.5rem 1.5rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%) !important; background-repeat: no-repeat !important; background-size: 0.5rem 100% !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-para-46 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.5rem 1rem 1rem !important; background-image: linear-gradient(rgb(232, 211, 154, .5) 0 100%), linear-gradient(#b2d5de 0 100%) !important; background-repeat: no-repeat !important; background-size: 60px 20px, 100% calc(100% - 0.5rem) !important; background-position: center top, bottom !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-46::before,.custom-style-para-46::after { content: '' !important; position: absolute !important; bottom: 10px !important; z-index: -1 !important; height: 50% !important; box-shadow: 0 10px 15px rgba(0, 0, 0, .5) !important;}.custom-style-para-46::before { left: 0px !important; width: 20% !important; transform: rotate(-4deg) !important;}.custom-style-para-46::after { right: 0px !important; width: 30% !important; transform: rotate(4deg) !important;}

.custom-style-para-47 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddb3dd !important; color: #212121 !important; font-weight: bold !important; font-size: 24px !important; text-align: center !important;}.custom-style-para-47::before,.custom-style-para-47::after { position: absolute !important; bottom: 30px !important; width: 30% !important; height: 5px !important; background: transparent !important; box-shadow: 0 25px 20px #555 !important; content: "" !important; z-index: -1 !important;}.custom-style-para-47::before { transform: rotate(-8deg) !important; left: 5px !important;}.custom-style-para-47::after { transform: rotate(8deg) !important; right: 5px !important;}

.custom-style-para-48 { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-para-50 { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-50::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "" !important;}.custom-style-para-50::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '' !important;}

.custom-style-para-49 { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-para-49:before,.custom-style-para-49:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "" !important;}.custom-style-para-49:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-para-49:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-para-31 { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-para-31::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: '' !important; z-index: -1 !important;}

.custom-style-para-14 { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-14 .custom-style-para-14 { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-para-37 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border: 2px solid #353535 !important; background: linear-gradient(135deg, #353535 0 10px, transparent 10px), linear-gradient(-45deg, #353535 0 10px, transparent 10px) !important; /* 文字のカラー */ color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-para-37-2 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}.custom-style-para-37-2:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: '' !important; z-index: -1 !important;}

.custom-style-para-37-3 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}.custom-style-para-37-3:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: '' !important; z-index: -1 !important;}

.custom-style-para-39-2 { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-para-39-2:before,.custom-style-para-39-2:after { position: absolute !important; top: 100% !important; left: 50% !important; content: "" !important; height: 0 !important; width: 0 !important;}.custom-style-para-39-2:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-para-39-2:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-para-49-2 { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-para-49-2:before,.custom-style-para-49-2:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "" !important;}.custom-style-para-49-2:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-para-49-2:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-h4-49 { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h4-49:before,.custom-style-h4-49:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "" !important;}.custom-style-h4-49:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-h4-49:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-h4-49-2 { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h4-49-2:before,.custom-style-h4-49-2:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-h4-49-2:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-h4-49-2:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-test-h2-14 { margin-bottom: 0.2rem !important; padding: 0.7rem !important; color: #353535 !important; border: 10px double !important; border-radius: 1rem !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-p-08-19 { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-08-19 .custom-style-p-08-19 { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-p-08-19-new { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-08-19-new .custom-style-p-08-19-new { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-p-20-test { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-20-test .custom-style-p-20-test { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

/* SPAN-WRAPPER-NEEDED */.custom-style-p-8-20-test { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-8-20-test span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-p-31-test { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-31-test::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-p-49-test { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-49-test:before,.custom-style-p-49-test:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "";}.custom-style-p-49-test:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-p-49-test:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-p-31-test-new { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-31-test-new::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-p-49-test-new { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-49-test-new:before,.custom-style-p-49-test-new:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "";}.custom-style-p-49-test-new:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-p-49-test-new:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

/* SPAN-WRAPPER-NEEDED */.custom-style-p-14-test { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-14-test span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-p-6 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-6::before,.custom-style-p-6::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-6-new { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-6-new::before,.custom-style-p-6-new::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6-new::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6-new::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-5 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-5::before,.custom-style-p-5::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-5::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-5::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h2-8::before,.custom-style-h2-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-h2-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-8::before,.custom-style-p-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-p-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h3-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h3-8::before,.custom-style-h3-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-h3-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h3-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h4-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h4-8::before,.custom-style-h4-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-h4-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h4-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h4-10 { padding: 1rem 1rem 1rem 2rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(90deg, transparent 1rem, #353535 1rem), radial-gradient(#b2d5de 40%, #333 40%) !important; background-repeat: no-repeat, repeat !important; background-size: 100%, 5px 5px !important; color: white !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h3-12 { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #16b5dd 60%) !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h4-13 { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h4-13-new { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h4-15 { padding: 1rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 3px dotted #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h3-16 { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 4px double !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-h4-17 { padding: 1rem 1rem 1rem 1.5rem !important; background-color: #b2d5de !important; background-image: repeating-linear-gradient(45deg, #353535 0 2px, transparent 2px 6px) !important; background-repeat: no-repeat !important; background-size: 1rem 100% !important; background-position: left !important; font-weight: bold !important; font-size: 26px !important; color: #353535 !important;}

.custom-style-h4-18 { margin-bottom: 0.2rem !important; padding: 0.7rem !important; color: #333 !important; border-radius: 1rem !important; border: 5px solid !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-h3-19 { margin-bottom: 0.2rem !important; padding: 0.7rem !important; color: #353535 !important; border: 10px double !important; border-radius: 1rem !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-h2-20 { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 6px dotted !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-h3-21 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-left: 30px solid #b2d5de !important; background-color: #efefef !important; color: #212121 !important; font-weight: bold !important; font-size: 23px !important;}.custom-style-h3-21::before { position: absolute !important; right: 1px !important; bottom: 10px !important; width: 40% !important; height: 50% !important; box-shadow: 0 5px 25px #333 !important; transform: rotate(4deg) !important; z-index: -1 !important; content: '';}

.custom-style-h3-22 { position: relative !important; padding: 0.5rem 1rem !important; color: black !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h3-22::before,.custom-style-h3-22::after { position: absolute !important; top: -3px !important; width: 10px !important; height: 100% !important; content: ''; border-top: solid 3px !important; border-bottom: solid 3px !important;}.custom-style-h3-22::before { border-left: solid 3px !important; left: 0 !important;}.custom-style-h3-22::after { border-right: solid 3px !important; right: 0 !important;}

.custom-style-h3-23 { position: relative !important; padding: 1rem 1.5rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h3-23::before,.custom-style-h3-23::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-h3-23::before { border-left: solid 3px !important; border-top: solid 3px !important; border-radius: 5px 0 0 0 !important; top: 0 !important; left: 0 !important;}.custom-style-h3-23::after { border-right: solid 3px !important; border-bottom: solid 3px !important; border-radius: 0 0 5px 0 !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h3-24 { position: relative !important; padding: 1.5rem 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h3-24::before,.custom-style-h3-24::after { position: absolute !important; width: 95% !important; height: 20px !important; content: '';}.custom-style-h3-24::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h3-24::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-25 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h2-25::before,.custom-style-h2-25::after { position: absolute !important; width: 15px !important; height: 40px !important; content: '';}.custom-style-h2-25::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-25::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h3-26 { margin-bottom: 0.2rem !important; padding: 0.7rem !important; border-left: 7px solid #353535 !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h3-27 { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 7px solid #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-p-28 { position: relative !important; padding: 1rem 1.5rem !important; font-size: 1.5rem !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-28::before,.custom-style-p-28::after { position: absolute !important; top: 0.8rem !important; height: 1.8rem !important; content: '';}.custom-style-p-28::before { border-left: solid 3px !important; left: 0 !important; transform: rotate(-30deg) !important;}.custom-style-p-28::after { border-right: solid 3px !important; right: 0 !important; transform: rotate(30deg) !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h2-29 { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border: 3px solid #333 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h2-29:before,.custom-style-h2-29:after { position: absolute !important; top: 100% !important; left: 30px !important; height: 0 !important; width: 0 !important; border: solid transparent !important; content: "";}.custom-style-h2-29:before { margin-left: -12px !important; border-color: transparent !important; border-top-color: #333 !important; border-width: 12px !important;}.custom-style-h2-29:after { margin-left: -8px !important; border-color: transparent !important; border-top-color: white !important; border-width: 8px !important;}

.custom-style-h3-30 { position: relative !important; padding: 0.5rem 0 !important; margin-bottom: 0.2rem !important; border-top: 7px double #353535 !important; border-bottom: 7px double #353535 !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}

/* SPAN-WRAPPER-NEEDED */.custom-style-test-h1-14-dung { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-test-h1-14-dung span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-p-test { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-p-test::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-p-31 { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; width: fit-content !important;}.custom-style-p-31::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-p-49 { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-49:before,.custom-style-p-49:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-p-49:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-p-49:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-p-13-test { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h4-32 { padding-left: 20px !important; font-weight: bold !important; font-size: 26px !important; color: #353535 !important; background-image: repeating-linear-gradient(45deg, #353535 0, #353535 2px, transparent 2px, transparent 4px) !important; background-repeat: no-repeat !important; background-size: 15px 15px !important; background-position: center left !important;}

.custom-style-p-33 { margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.5rem !important; box-shadow: 0 0 5px #353535, 10px 10px 0 #efefef !important; background-color: white !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-h2-34 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border-left: 15px double #353535 !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h2-35 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.2rem !important; border-radius: 2em .6em 3em .4em/.3em 4em .6em 2em !important; border: 3px solid #353535 !important; color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h2-35:before { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; border: 5px solid #353535 !important; border-radius: 2em .6em 3em .4em/.3em 4em .6em 2em !important; content: '';}

.custom-style-h4-37 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h4-37:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: ''; z-index: -1 !important;}

.custom-style-p-38 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border: 2px solid #353535 !important; background: linear-gradient(135deg, #353535 0 10px, transparent 10px), linear-gradient(-45deg, #353535 0 10px, transparent 10px) !important; /* 文字のカラー */ color: #353535 !important; font-size: 26px !important; font-weight: bold !important; text-align: center !important;}

.custom-style-p-39 { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-39:before,.custom-style-p-39:after { position: absolute !important; top: 100% !important; left: 50% !important; content: ""; height: 0 !important; width: 0 !important;}.custom-style-p-39:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-p-39:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-p-40 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; background-color: #ddcfb3 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-40:before { position: absolute !important; inset: -5px 5px 5px -5px !important; border: 3px solid #353535 !important; content: '';}

.custom-style-p-41 { padding: 1rem !important; border-left: 5px dotted black !important; border-right: 5px dotted black !important; color: black !important; font-size: 26px !important; font-weight: bold !important; background-color: white !important; outline: 5px solid black !important; outline-offset: 5px !important; text-align: center !important;}

.custom-style-p-42 { padding: 0.5rem !important; border-top: 2px dashed black !important; border-bottom: 2px dashed black !important; background-color: white !important; font-size: 26px !important; font-weight: bold !important; outline: 3px solid black !important; outline-offset: 7px !important; text-align: center !important;}

.custom-style-p-43 { padding: 0.5rem 1rem 0.5rem 1.5rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%) !important; background-repeat: no-repeat !important; background-size: 0.5rem 100% !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-p-44 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddd5b3 !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-44:before { content: ''; border-left: 2px dotted !important; margin-right: 0.5rem !important;}

.custom-style-p-45 { position: relative !important; padding-left: 25px !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-45::before { position: absolute !important; top: -10px !important; left: 0 !important; border-right: 5px solid #1ac2d8 !important; color: black !important; font-size: 10px !important; writing-mode: vertical-rl !important; -ms-writing-mode: tb-rl !important; text-transform: uppercase !important; content: 'heading';}

.custom-style-p-46 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.5rem 1rem 1rem !important; background-image: linear-gradient(rgb(232, 211, 154, .5) 0 100%), linear-gradient(#b2d5de 0 100%) !important; background-repeat: no-repeat !important; background-size: 60px 20px, 100% calc(100% - 0.5rem) !important; background-position: center top, bottom !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-p-46::before,.custom-style-p-46::after { content: ''; position: absolute !important; bottom: 10px !important; z-index: -1 !important; height: 50% !important; box-shadow: 0 10px 15px rgba(0, 0, 0, .5) !important;}.custom-style-p-46::before { left: 0px !important; width: 20% !important; transform: rotate(-4deg) !important;}.custom-style-p-46::after { right: 0px !important; width: 30% !important; transform: rotate(4deg) !important;}

.custom-style-h4-47 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddb3dd !important; color: #212121 !important; font-weight: bold !important; font-size: 24px !important; text-align: center !important;}.custom-style-h4-47::before,.custom-style-h4-47::after { position: absolute !important; bottom: 30px !important; width: 30% !important; height: 5px !important; background: transparent !important; box-shadow: 0 25px 20px #555 !important; content: ""; z-index: -1 !important;}.custom-style-h4-47::before { transform: rotate(-8deg) !important; left: 5px !important;}.custom-style-h4-47::after { transform: rotate(8deg) !important; right: 5px !important;}

.custom-style-p-48 { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-p-48-new { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-h4-50 { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-h4-50::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-h4-50::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-p-48-test { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-p-6-test { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-6-test::before,.custom-style-p-6-test::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6-test::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6-test::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-7 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-7::before,.custom-style-p-7::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-7::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-7::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-7-new { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: left !important;}.custom-style-p-7-new::before,.custom-style-p-7-new::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-7-new::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-7-new::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-39-test { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: left !important;}.custom-style-p-39-test:before,.custom-style-p-39-test:after { position: absolute !important; top: 100% !important; left: 50% !important; content: ""; height: 0 !important; width: 0 !important;}.custom-style-p-39-test:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-p-39-test:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-p-13 { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-h2-13 { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}

:root { --accent-color: #b2d5de !important;}.custom-style-test-49-dung { position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: var(--accent-color) !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-test-49-dung:before,.custom-style-test-49-dung:after { position: absolute !important; border-radius: 50% !important; background-color: var(--accent-color) !important; content: "";}.custom-style-test-49-dung:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-test-49-dung:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-test49 { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-test49:before,.custom-style-test49:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-test49:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-test49:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-test49h3 { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-test49h3:before,.custom-style-test49h3:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-test49h3:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-test49h3:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.decorative-style-02 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.decorative-style-02::before,.decorative-style-02::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '' !important;}.decorative-style-02::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.decorative-style-02::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-7-new-test { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-7-new-test::before,.custom-style-p-7-new-test::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-7-new-test::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-7-new-test::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-list-7-test { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-list-7-test::before,.custom-style-p-list-7-test::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-list-7-test::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-list-7-test::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test31dung { position: relative !important; padding: 0 1rem !important; font-weight: bold !important; color: #353535 !important; font-size: 26px !important; text-align: center !important;}.custom-style-test31dung:before,.custom-style-test31dung:after { position: absolute !important; top: 48% !important; width: 3rem !important; height: 0.1rem !important; background-color: #2a2a72 !important; background-color: #353535 !important; content: '';}.custom-style-test31dung:before { left: -3rem !important;}.custom-style-test31dung:after { right: -3rem !important;}

.custom-style-test-36-h2-dung { position: relative !important; padding: 0 1rem !important; font-weight: bold !important; color: #353535 !important; font-size: 26px !important; text-align: center !important;}.custom-style-test-36-h2-dung:before,.custom-style-test-36-h2-dung:after { position: absolute !important; top: 48% !important; width: 3rem !important; height: 0.1rem !important; background-color: #2a2a72 !important; background-color: #353535 !important; content: '';}.custom-style-test-36-h2-dung:before { left: -3rem !important;}.custom-style-test-36-h2-dung:after { right: -3rem !important;}

.custom-style-test-1-dung { position: relative !important; padding: 0 1rem !important; font-weight: bold !important; color: #353535 !important; font-size: 26px !important; text-align: center !important;}.custom-style-test-1-dung:before,.custom-style-test-1-dung:after { position: absolute !important; top: 48% !important; width: 3rem !important; height: 0.1rem !important; background-color: #2a2a72 !important; background-color: #353535 !important; content: '';}.custom-style-test-1-dung:before { left: -3rem !important;}.custom-style-test-1-dung:after { right: -3rem !important;}

.custom-style-test-h2-dung { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-test-h2-dung::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-test-h2-dung::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-test-2-dung { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-test-2-dung::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-test-2-dung::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-dung-test-h2 { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-dung-test-h2::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-dung-test-h2::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-test-p { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-p::before,.custom-style-test-p::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-p::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-test-p::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-p-7 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-p-7::before,.custom-style-test-p-7::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-p-7::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-test-p-7::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-7-test { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-p-7-test::before,.custom-style-p-7-test::after { position: absolute !important; width: 20px !important; height: 30px !important; content: "";}.custom-style-p-7-test::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-7-test::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-n-h2 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-n-h2::before,.custom-style-n-h2::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-n-h2::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-n-h2::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-n-h4 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-n-h4::before,.custom-style-n-h4::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-n-h4::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-n-h4::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-n2-h4 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-n2-h4::before,.custom-style-n2-h4::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-n2-h4::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-n2-h4::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-usi { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-h2-usi::before,.custom-style-h2-usi::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-h2-usi::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-usi::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-usi { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; display: inline-block !important;}.custom-style-p-usi::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-h2-ok { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-h2-ok::before,.custom-style-h2-ok::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-h2-ok::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-ok::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-7-01 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-h2-7-01::before,.custom-style-h2-7-01::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-h2-7-01::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-7-01::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-08 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-h2-08::before,.custom-style-h2-08::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-h2-08::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h2-08::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h2-09 { padding: 1rem 0 2rem !important; margin-bottom: 0.5rem !important; background: linear-gradient(90deg, #66c5dd 0% 100%) !important; background-repeat: no-repeat !important; background-size: 40px 2px !important; background-position: left bottom !important; font-weight: bold !important; font-size: 26px !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h2-10 { padding: 1rem 1rem 1rem 2rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(90deg, transparent 1rem, #353535 1rem), radial-gradient(#b2d5de 40%, #333 40%) !important; background-repeat: no-repeat, repeat !important; background-size: 100%, 5px 5px !important; color: white !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-p-11 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-11:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-p-12 { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #16b5dd 60%) !important; font-weight: bold !important; font-size: 26px !important; display: inline-block !important;}

.custom-style-p-13-ok { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important; font-size: 26px !important; display: inline-block !important;}

.custom-style-h4-ok { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-h4-ok::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-h4-14-ok { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-h4-14-ok::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-h3-14 { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-h3-14::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-h4-14-test { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-h4-14-test::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-h2-14-ok { position: relative !important; margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; display: unset !important;}.custom-style-h2-14-ok::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important; border-radius: 80% 50% 60% 5% / 80% 75% 15% 75% !important; z-index: -1 !important;}

.custom-style-p-49-ok { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-49-ok:before,.custom-style-p-49-ok:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-p-49-ok:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-p-49-ok:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-p-31-ok { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important; width: fit-content !important;}.custom-style-p-31-ok::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-p-6-ok { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-6-ok::before,.custom-style-p-6-ok::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6-ok::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6-ok::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-8-niu { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-8-niu::before,.custom-style-p-8-niu::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-p-8-niu::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-8-niu::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h4-50-ok { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-h4-50-ok::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-h4-50-ok::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-h4-7 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-h4-7::before,.custom-style-h4-7::after { position: absolute !important; width: 20px !important; height: 30px !important; content: "";}.custom-style-h4-7::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-h4-7::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-7-niu { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-p-7-niu::before,.custom-style-p-7-niu::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-7-niu::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-p-7-niu::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-dung-test-8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important; display: inline-block !important;}.custom-style-dung-test-8::before,.custom-style-dung-test-8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-dung-test-8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-dung-test-8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-dung-test-8-2 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: left !important; display: inline !important;}.custom-style-dung-test-8-2::before,.custom-style-dung-test-8-2::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-dung-test-8-2::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-dung-test-8-2::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-d6 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-d6::before,.custom-style-d6::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-d6::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-d6::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-d7 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-d7::before,.custom-style-d7::after { position: absolute !important; width: 20px !important; height: 30px !important; content: "";}.custom-style-d7::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-d7::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-d8 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-d8::before,.custom-style-d8::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-d8::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-d8::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-d9 { padding: 1rem 0 2rem !important; margin-bottom: 0.5rem !important; background: linear-gradient(90deg, #66c5dd 0% 100%) !important; background-repeat: no-repeat !important; background-size: 40px 2px !important; background-position: left bottom !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-d39 { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-d39:before,.custom-style-d39:after { position: absolute !important; top: 100% !important; left: 50% !important; content: ""; height: 0 !important; width: 0 !important;}.custom-style-d39:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-d39:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-d40 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; background-color: #ddcfb3 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-d40:before { position: absolute !important; inset: -5px 5px 5px -5px !important; border: 3px solid #353535 !important; content: '';}

.custom-style-d41 { padding: 1rem !important; border-left: 5px dotted black !important; border-right: 5px dotted black !important; color: black !important; font-size: 26px !important; font-weight: bold !important; background-color: white !important; outline: 5px solid black !important; outline-offset: 5px !important; text-align: center !important;}

.custom-style-d42 { padding: 0.5rem !important; border-top: 2px dashed black !important; border-bottom: 2px dashed black !important; background-color: white !important; font-size: 26px !important; font-weight: bold !important; outline: 3px solid black !important; outline-offset: 7px !important; text-align: center !important;}

.custom-style-d43 { padding: 0.5rem 1rem 0.5rem 1.5rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%) !important; background-repeat: no-repeat !important; background-size: 0.5rem 100% !important; font-weight: bold !important; font-size: 26px !important;}

.custom-style-d44 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddd5b3 !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-d44:before { content: ''; border-left: 2px dotted !important; margin-right: 0.5rem !important;}

.custom-style-d45 { position: relative !important; padding-left: 25px !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-d45::before { position: absolute !important; top: -10px !important; left: 0 !important; border-right: 5px solid #1ac2d8 !important; color: black !important; font-size: 10px !important; writing-mode: vertical-rl !important; -ms-writing-mode: tb-rl !important; text-transform: uppercase !important; content: 'heading';}

.custom-style-d46 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.5rem 1rem 1rem !important; background-image: linear-gradient(rgb(232, 211, 154, .5) 0 100%), linear-gradient(#b2d5de 0 100%) !important; background-repeat: no-repeat !important; background-size: 60px 20px, 100% calc(100% - 0.5rem) !important; background-position: center top, bottom !important; color: #353535 !important; font-weight: bold !important;}.custom-style-d46::before, .custom-style-d46::after { content: ''; position: absolute !important; bottom: 10px !important; z-index: -1 !important; height: 50% !important; box-shadow: 0 10px 15px rgba(0, 0, 0, .5) !important;}.custom-style-d46::before { left: 0px !important; width: 20% !important; transform: rotate(-4deg) !important;}.custom-style-d46::after { right: 0px !important; width: 30% !important; transform: rotate(4deg) !important;}

.custom-style-d47 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddb3dd !important; color: #212121 !important; font-weight: bold !important;}.custom-style-d47::before, .custom-style-d47::after { position: absolute !important; bottom: 30px !important; width: 30% !important; height: 5px !important; background: transparent !important; box-shadow: 0 25px 20px #555 !important; content: ""; z-index: -1 !important;}.custom-style-d47::before { transform: rotate(-8deg) !important; left: 5px !important;}.custom-style-d47::after { transform: rotate(8deg) !important; right: 5px !important;}

.custom-style-d48 { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}

.custom-style-d49 { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-d49:before,.custom-style-d49:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-d49:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-d49:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-d50 { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-d50::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-d50::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

/* SPAN-WRAPPER-NEEDED */.custom-style-new-14 { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-new-14 span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

/* SPAN-WRAPPER-NEEDED */.custom-style-new14 { margin-bottom: 0.2rem !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-new14 span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-new-manual-21 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-left: 30px solid #b2d5de !important; background-color: #efefef !important; color: #212121 !important; font-weight: bold !important;}.custom-style-new-manual-21::before { position: absolute !important; right: 1px !important; bottom: 10px !important; width: 40% !important; height: 50% !important; box-shadow: 0 5px 25px #333 !important; transform: rotate(4deg) !important; z-index: -1 !important; content: '';}

.custom-style-new-manual-31 { position: relative !important; padding: 0.7rem 0 !important; margin-bottom: 0.2rem !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important;}.custom-style-new-manual-31::before { position: absolute !important; left: -5px !important; bottom: 5px !important; width: 100% !important; height: 15px !important; transform: skew(-45deg) !important; background-image: repeating-linear-gradient(90deg, transparent 0 5px, #dcddb3 5px 12px) !important; content: ''; z-index: -1 !important;}

.custom-style-new-manual-37 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-weight: bold !important; display: inline !important;}.custom-style-new-manual-37:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: ''; z-index: -1 !important;}

.custom-style-new-manual-46 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.5rem 1rem 1rem !important; background-image: linear-gradient(rgb(232, 211, 154, .5) 0 100%), linear-gradient(#b2d5de 0 100%) !important; background-repeat: no-repeat !important; background-size: 60px 20px, 100% calc(100% - 0.5rem) !important; background-position: center top, bottom !important; color: #353535 !important; font-weight: bold !important;}.custom-style-new-manual-46::before, .custom-style-new-manual-46::after { content: ''; position: absolute !important; bottom: 10px !important; z-index: -1 !important; height: 50% !important; box-shadow: 0 10px 15px rgba(0, 0, 0, .5) !important;}.custom-style-new-manual-46::before { left: 0px !important; width: 20% !important; transform: rotate(-4deg) !important;}.custom-style-new-manual-46::after { right: 0px !important; width: 30% !important; transform: rotate(4deg) !important;}

.custom-style-new-manual-47 { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddb3dd !important; color: #212121 !important; font-weight: bold !important;}.custom-style-new-manual-47::before, .custom-style-new-manual-47::after { position: absolute !important; bottom: 30px !important; width: 30% !important; height: 5px !important; background: transparent !important; box-shadow: 0 25px 20px #555 !important; content: ""; z-index: -1 !important;}.custom-style-new-manual-47::before { transform: rotate(-8deg) !important; left: 5px !important;}.custom-style-new-manual-47::after { transform: rotate(8deg) !important; right: 5px !important;}

.custom-style-title-01 { position: relative !important; padding: 1rem !important; font-weight: bold !important; text-align: center !important; width: fit-content !important;}.custom-style-title-01::before,.custom-style-title-01::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-title-01::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-title-01::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-01-h1 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-test-01-h1::before,.custom-style-test-01-h1::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-01-h1::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-test-01-h1::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-06 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-test-06::before, .custom-style-test-06::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-06::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-test-06::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-style01-06 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-style01-06::before, .custom-style-style01-06::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-style01-06::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-style01-06::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-01-06 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-test-01-06::before, .custom-style-test-01-06::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-01-06::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-test-01-06::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-test-6 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-p-test-6::before,.custom-style-p-test-6::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-test-6::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-test-6::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-test-06 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-p-test-06::before,.custom-style-p-test-06::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-test-06::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-test-06::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-6-test-gyu { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-p-6-test-gyu::before,.custom-style-p-6-test-gyu::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6-test-gyu::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6-test-gyu::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-p-6-test-niu { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-p-6-test-niu::before,.custom-style-p-6-test-niu::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-p-6-test-niu::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-p-6-test-niu::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-h3-6 { position: relative !important; padding: 1rem !important; font-size: 24px !important; font-weight: bold !important; text-align: center !important;}.custom-style-h3-6::before,.custom-style-h3-6::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-h3-6::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-h3-6::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-6 span { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-test-6 span::before, .custom-style-test-6 span::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-test-6 span::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-test-6 span::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-style-01-06-l { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-style-01-06-l::before, .custom-style-style-01-06-l::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-style-01-06-l::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-style-01-06-l::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-test-02-07-202510 { position: relative !important; padding: 1rem !important; font-weight: bold !important; display: inline !important;}.custom-style-test-02-07-202510::before,.custom-style-test-02-07-202510::after { position: absolute !important; width: 20px !important; height: 30px !important; content: "";}.custom-style-test-02-07-202510::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-test-02-07-202510::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-01-l { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-01-l::before, .custom-style-titled-01-l::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-titled-01-l::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-titled-01-l::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-02-l { position: relative !important; padding: 1rem !important; font-weight: bold !important; display: inline !important;}.custom-style-titled-02-l::before,.custom-style-titled-02-l::after { position: absolute !important; width: 20px !important; height: 30px !important; content: "";}.custom-style-titled-02-l::before { border-left: dotted 3px !important; border-top: dotted 3px !important; top: 0 !important; left: 0 !important;}.custom-style-titled-02-l::after { border-right: dotted 3px !important; border-bottom: dotted 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-03-l { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-03-l::before,.custom-style-titled-03-l::after { position: absolute !important; width: 30px !important; height: 30px !important; content: '';}.custom-style-titled-03-l::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-titled-03-l::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-04-l { padding: 1rem 0 2rem !important; margin-bottom: 0.5rem !important; background: linear-gradient(90deg, #66c5dd 0% 100%) !important; background-repeat: no-repeat !important; background-size: 40px 2px !important; background-position: left bottom !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-05-l { padding: 1rem 1rem 1rem 2rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(90deg, transparent 1rem, #353535 1rem), radial-gradient(#b2d5de 40%, #333 40%) !important; background-repeat: no-repeat, repeat !important; background-size: 100%, 5px 5px !important; color: white !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-06-l { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-06-l:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-titled-07-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #16b5dd 60%) !important; font-weight: bold !important;}

.custom-style-titled-08-l span { padding: 1rem 0rem !important; margin-bottom: 0.2rem !important; border-bottom: 3px solid #b2d5de !important; font-weight: bold !important;}

.custom-style-titled-09-l span { margin-bottom: 0.2rem !important; font-weight: bold !important; border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 0) 0 100% / 100% 1.4em no-repeat !important;}

.custom-style-titled-10-l { padding: 1rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 3px dotted #b2d5de !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-11-l { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 4px double !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-12-l { padding: 1rem 1rem 1rem 1.5rem !important; background-color: #b2d5de !important; background-image: repeating-linear-gradient(45deg, #353535 0 2px, transparent 2px 6px) !important; background-repeat: no-repeat !important; background-size: 1rem 100% !important; background-position: left !important; font-weight: bold !important; color: #353535 !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-13-l { margin-bottom: 0.2rem !important; padding: 0.7rem !important; color: #333 !important; border-radius: 1rem !important; border: 5px solid !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-14-l { margin-bottom: 0.2rem !important; padding: 0.7rem !important; color: #353535 !important; border: 10px double !important; border-radius: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-15-l { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 6px dotted !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-16-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-left: 30px solid #b2d5de !important; background-color: #efefef !important; color: #212121 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-16-l::before { position: absolute !important; right: 1px !important; bottom: 10px !important; width: 40% !important; height: 50% !important; box-shadow: 0 5px 25px #333 !important; transform: rotate(4deg) !important; z-index: -1 !important; content: '';}

.custom-style-titled-17-l { position: relative !important; padding: 0.5rem 1rem !important; color: black !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-17-l::before, .custom-style-titled-17-l::after { position: absolute !important; top: -3px !important; width: 10px !important; height: 100% !important; content: ''; border-top: solid 3px !important; border-bottom: solid 3px !important;}.custom-style-titled-17-l::before { border-left: solid 3px !important; left: 0 !important;}.custom-style-titled-17-l::after { border-right: solid 3px !important; right: 0 !important;}

.custom-style-titled-18-l { position: relative !important; padding: 1rem 1.5rem !important; font-weight: bold !important; width: fit-content !important;}.custom-style-titled-18-l::before, .custom-style-titled-18-l::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-titled-18-l::before { border-left: solid 3px !important; border-top: solid 3px !important; border-radius: 5px 0 0 0 !important; top: 0 !important; left: 0 !important;}.custom-style-titled-18-l::after { border-right: solid 3px !important; border-bottom: solid 3px !important; border-radius: 0 0 5px 0 !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-19-l { position: relative !important; padding: 1.5rem 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-19-l::before, .custom-style-titled-19-l::after { position: absolute !important; width: 95% !important; height: 20px !important; content: '';}.custom-style-titled-19-l::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-titled-19-l::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-20-l { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-20-l::before, .custom-style-titled-20-l::after { position: absolute !important; width: 15px !important; height: 40px !important; content: '';}.custom-style-titled-20-l::before { border-left: solid 3px !important; border-top: solid 3px !important; top: 0 !important; left: 0 !important;}.custom-style-titled-20-l::after { border-right: solid 3px !important; border-bottom: solid 3px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-titled-21-l { margin-bottom: 0.2rem !important; padding: 0.7rem !important; border-left: 7px solid #353535 !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-22-l { margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border: 7px solid #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-23-l { position: relative !important; padding: 1rem 1.5rem !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-23-l::before, .custom-style-titled-23-l::after { position: absolute !important; top: 0.8rem !important; height: 1.8rem !important; content: '';}.custom-style-titled-23-l::before { border-left: solid 3px !important; left: 0 !important; transform: rotate(-30deg) !important;}.custom-style-titled-23-l::after { border-right: solid 3px !important; right: 0 !important; transform: rotate(30deg) !important;}

.custom-style-titled-25-l { position: relative !important; padding: 0.5rem 0 !important; margin-bottom: 0.2rem !important; border-top: 7px double #353535 !important; border-bottom: 7px double #353535 !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-26-l { display: inline !important; color: #353535 !important; font-weight: bold !important; padding: .7rem 0 !important; background: repeating-linear-gradient(-45deg, #dcddb3 0 5px, transparent 5px 10px) 0 calc(100% - 5px) / 100% 15px no-repeat !important;}

.custom-style-titled-27-l { padding-left: 20px !important; font-weight: bold !important; color: #353535 !important; background-image: repeating-linear-gradient(45deg, #353535 0, #353535 2px, transparent 2px, transparent 4px) !important; background-repeat: no-repeat !important; background-size: 15px 15px !important; background-position: center left !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-28-l { margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.5rem !important; box-shadow: 0 0 5px #353535, 10px 10px 0 #efefef !important; background-color: white !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-29-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; border-left: 15px double #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-30-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.2rem !important; border-radius: 2em .6em 3em .4em/.3em 4em .6em 2em !important; border: 3px solid #353535 !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-30-l:before { position: absolute !important; top: -0.5rem !important; left: -0.5rem !important; border: 5px solid #353535 !important; border-radius: 2em .6em 3em .4em/.3em 4em .6em 2em !important; content: '';}

.custom-style-titled-31-l { position: relative !important; padding: 0 1rem !important; font-weight: bold !important; color: #353535 !important; width: fit-content !important; display: inline !important;}.custom-style-titled-31-l:before,.custom-style-titled-31-l:after { position: absolute !important; top: 48% !important; width: 3rem !important; height: 0.1rem !important; background-color: #2a2a72 !important; background-color: #353535 !important; content: '';}.custom-style-titled-31-l:before { left: -3rem !important;}.custom-style-titled-31-l:after { right: -3rem !important;}

.custom-style-titled-32-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; background-color: #fff !important; color: #353535 !important; font-weight: bold !important; text-align: center !important; width: fit-content !important; display: inline !important;}.custom-style-titled-32-l:before { position: absolute !important; inset: 0 !important; transform: rotate(2deg) !important; border-radius: 0.2em !important; border: 2px solid #353535 !important; content: ''; z-index: -1 !important;}

.custom-style-titled-33-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; border: 2px solid #353535 !important; background: linear-gradient(135deg, #353535 0 10px, transparent 10px), linear-gradient(-45deg, #353535 0 10px, transparent 10px) !important; /* 文字のカラー */ color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-35-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; color: #353535 !important; background-color: #ddcfb3 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-35-l:before { position: absolute !important; inset: -5px 5px 5px -5px !important; border: 3px solid #353535 !important; content: '';}

.custom-style-titled-36-l { padding: 1rem !important; border-left: 5px dotted black !important; border-right: 5px dotted black !important; color: black !important; font-weight: bold !important; background-color: white !important; outline: 5px solid black !important; outline-offset: 5px !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-37-l { padding: 0.5rem !important; border-top: 2px dashed black !important; border-bottom: 2px dashed black !important; background-color: white !important; font-weight: bold !important; outline: 3px solid black !important; outline-offset: 7px !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-38-l { padding: 0.5rem 1rem 0.5rem 1.5rem !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to top, #b2d5de 10%, #66c5dd 100%) !important; background-repeat: no-repeat !important; background-size: 0.5rem 100% !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-39-l { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddd5b3 !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-39-l:before { content: ''; border-left: 2px dotted !important; margin-right: 0.5rem !important;}

.custom-style-titled-40-l { position: relative !important; padding-left: 25px !important; font-weight: bold !important; line-height: unset !important;}.custom-style-titled-40-l::before { position: absolute !important; top: -10px !important; left: 0 !important; word-break: normal !important; line-break: normal !important; border-right: 5px solid #1ac2d8 !important; color: black !important; font-size: 10px !important; writing-mode: vertical-rl !important; -ms-writing-mode: tb-rl !important; text-transform: uppercase !important; content: 'heading';}

.custom-style-titled-41-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1.5rem 1rem 1rem !important; background-image: linear-gradient(rgb(232, 211, 154, .5) 0 100%), linear-gradient(#b2d5de 0 100%) !important; background-repeat: no-repeat !important; background-size: 60px 20px, 100% calc(100% - 0.5rem) !important; background-position: center top, bottom !important; color: #353535 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-41-l::before, .custom-style-titled-41-l::after { content: ''; position: absolute !important; bottom: 10px !important; z-index: -1 !important; height: 50% !important; box-shadow: 0 10px 15px rgba(0, 0, 0, .5) !important;}.custom-style-titled-41-l::before { left: 0px !important; width: 20% !important; transform: rotate(-4deg) !important;}.custom-style-titled-41-l::after { right: 0px !important; width: 30% !important; transform: rotate(4deg) !important;}

.custom-style-titled-42-l { position: relative !important; margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #ddb3dd !important; color: #212121 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-42-l::before, .custom-style-titled-42-l::after { position: absolute !important; bottom: 30px !important; width: 30% !important; height: 5px !important; background: transparent !important; box-shadow: 0 25px 20px #555 !important; content: ""; z-index: -1 !important;}.custom-style-titled-42-l::before { transform: rotate(-8deg) !important; left: 5px !important;}.custom-style-titled-42-l::after { transform: rotate(8deg) !important; right: 5px !important;}

.custom-style-titled-43-l { --x-gradient: linear-gradient(90deg, #333 0 100%) !important; --y-gradient: linear-gradient(#333 0 15px, transparent 0 calc(100% - 15px), #333 calc(100% - 15px)) !important; position: relative !important; padding: 1rem !important; margin-bottom: 0.2rem !important; background-image: var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient) !important; background-repeat: no-repeat !important; background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100% !important; background-position: top, right, bottom, left !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}

.custom-style-titled-44-l { width: fit-content !important; position: relative !important; padding: 1rem 1rem 1rem 1.5rem !important; border-radius: 30px !important; background-color: #a8d8ea !important; color: #353535 !important; font-weight: bold !important;}.custom-style-titled-44-l:before, .custom-style-titled-44-l:after { position: absolute !important; border-radius: 50% !important; background-color: #a8d8ea !important; content: "";}.custom-style-titled-44-l:before { top: 110% !important; left: 40px !important; height: 15px !important; width: 15px !important;}.custom-style-titled-44-l:after { top: 150% !important; left: 50px !important; height: 10px !important; width: 10px !important;}

.custom-style-titled-45-l { position: relative !important; padding: 1rem !important; border-radius: 5px !important; background: repeating-linear-gradient(45deg, #dddbb3 0 3px, #fff 3px 8px) !important; color: #333 !important; font-weight: bold !important; width: fit-content !important; display: inline !important;}.custom-style-titled-45-l::before { position: absolute !important; bottom: -16px !important; left: calc(50% - 6px) !important; transform: translateX(-50% + 6px) !important; height: 20px !important; width: 2px !important; background-color: #333 !important; content: "";}.custom-style-titled-45-l::after { position: absolute !important; top: -6px !important; left: -6px !important; width: 100% !important; height: 100% !important; border: 2px solid #353535 !important; content: '';}

.custom-style-titled-06p-l > span { margin-bottom: 0.2rem !important; background-color: #fff9f9 !important; font-weight: bold !important; display: block !important; padding: 0.5rem !important; padding-left: calc(10px + 1.5rem) !important; position: relative !important; line-height: calc(0.5 * 1em + 0.5 * 1.5em) !important; width: fit-content !important;}.custom-style-titled-06p-l > span::before { content: ""; position: absolute !important; left: 1rem !important; top: calc(0.5rem + 0.1em) !important; width: 5px !important; height: 0.95em !important; background-color: #eeb7c4 !important;}

.custom-style-titled-07y-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #fffa7d 60%) !important; font-weight: bold !important;}

.custom-style-titled-07p-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #ffb7db 60%) !important; font-weight: bold !important;}

.custom-style-titled-07g-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #adffad 60%) !important; font-weight: bold !important;}

.custom-style-titled-07o-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #ffd6ad 60%) !important; font-weight: bold !important;}

.custom-style-titled-07b-l span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 60%, #adffff 60%) !important; font-weight: bold !important;}

.custom-style-h2-niu-10-07 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h2-niu-10-07:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-h4-niu-10-07 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h4-niu-10-07:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-h4-niu-10-07-2 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-h4-niu-10-07-2:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-title-test-06 { position: relative !important; padding: 1rem !important; font-weight: bold !important; width: fit-content !important; white-space: nowrap !important; margin-left: 20% !important; margin-right: 20% !important;}.custom-style-title-test-06::before, .custom-style-title-test-06::after { position: absolute !important; width: 20px !important; height: 30px !important; content: '';}.custom-style-title-test-06::before { border-left: double 5px !important; border-top: double 5px !important; top: 0 !important; left: 0 !important;}.custom-style-title-test-06::after { border-right: double 5px !important; border-bottom: double 5px !important; bottom: 0 !important; right: 0 !important;}

.custom-style-new-p-06 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #b2d5de !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-new-p-06:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.tocD01-ul04 { position: relative !important; padding: 1.5em 1em 1em 2.5em !important; border: 2px solid #2589d0 !important; width: 80% !important;}.tocD01-ul04 > div { position: absolute !important; top: -.75em !important; left: 1em !important; padding: 0 .5em !important; background-color: #ffffff !important; color: #2589d0 !important; font-weight: 600 !important;}

.custom-style-titled-46-l { position: relative !important; margin-top: 15px !important; padding: 0.8em 1.2em !important; border: 2px solid #dfdfdf !important; border-radius: 20px !important; background-color: #f8f8f8 !important; color: #545454 !important; display: flow-root !important;}.custom-style-titled-46-l::before,.custom-style-titled-46-l::after { position: absolute !important; top: -29px !important; width: 30px !important; height: 28px !important; clip-path: polygon(50% 0, 0 100%, 100% 100%) !important; content: ""; left: 80px !important;}.custom-style-titled-46-l::before { background-color: #dfdfdf !important;}.custom-style-titled-46-l::after { top: -25px !important; background-color: #f8f8f8 !important;}

.custom-style-p-new-06 { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #FFF9F9 !important; font-weight: bold !important; font-size: 26px !important;}.custom-style-p-new-06:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-d39 { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; border-bottom: 5px solid !important; color: black !important; font-weight: bold !important; font-size: 26px !important; text-align: center !important;}.custom-style-d39:before,.custom-style-d39:after { position: absolute !important; top: 100% !important; left: 50% !important; content: ""; height: 0 !important; width: 0 !important;}.custom-style-d39:before { border: 16px solid !important; border-color: transparent !important; border-top-color: black !important; margin-left: -16px !important;}.custom-style-d39:after { border: 10px solid !important; border-color: transparent !important; border-top-color: white !important; margin-left: -10px !important;}

.custom-style-decorative-no-07 span { padding: 0.2rem !important; margin-bottom: 0.2rem !important; background: linear-gradient(transparent 70%, #ffdde9 70% 90%, transparent 90%) !important; font-weight: bold !important;}

.custom-style-decorative-no-09 span { border-radius: 80% 50% 60% 5%/80% 75% 15% 75% !important; background: linear-gradient(transparent 60%, #52FD4D 60%) !important;}

.custom-style-titled-24-l-h2 > span { position: relative !important; padding: 4px 8px !important; border: 3px solid #333 !important; border-bottom: none !important; font-weight: bold !important; background-image: linear-gradient(to right, #333 0, #333 30px, transparent 30px, transparent 45px, #333 36px, #333 100%) !important; background-size: 100% 3px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important; line-height: 1.4 !important;} .custom-style-titled-24-l-h2 > span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 14px !important; aspect-ratio: 1/1 !important; border-left: 3px solid #333 !important; border-bottom: 3px solid #333 !important; transform: rotate(-45deg) !important; left: 30px !important; top: calc(100% - 7.5px) !important;}

.custom-style-titled-34-l-h2 > span { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to right, #333 0, #333 calc(50% - 7px), transparent calc(50% - 7px), transparent calc(50% + 7px), #333 calc(50% + 7px), #333 100%) !important; background-size: 100% 5px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important; text-align: center !important;} .custom-style-titled-34-l-h2 > span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 15px !important; height: 15px !important; border-left: 5px solid #333 !important; border-bottom: 5px solid #333 !important; transform: translateX(-50%) rotate(-45deg) !important; left: 50% !important; bottom: -6px !important; transform-origin: center !important; z-index: -1 !important;}

.custom-style-decorative-no-24 > span { position: relative !important; padding: 1rem !important; border: 3px solid #333 !important; border-bottom: none !important; font-weight: bold !important; background-image: linear-gradient(to right, #333 0, #333 30px, transparent 30px, transparent 45px, #333 36px, #333 100%) !important; background-size: 100% 3px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important;} .custom-style-decorative-no-24 > span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 14px !important; aspect-ratio: 1/1 !important; border-left: 3px solid #333 !important; border-bottom: 3px solid #333 !important; transform: rotate(-45deg) !important; left: 30px !important; top: calc(100% - 7.5px) !important;}

.custom-style-decorative-no-34 > span { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; color: black !important; background-image: linear-gradient(to right, #333 0, #333 calc(50% - 7px), transparent calc(50% - 7px), transparent calc(50% + 7px), #333 calc(50% + 7px), #333 100%) !important; background-size: 100% 5px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important; text-align: center !important; min-width: 275px !important;} .custom-style-decorative-no-34 > span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 15px !important; height: 15px !important; border-left: 5px solid #333 !important; border-bottom: 5px solid #333 !important; transform: translateX(-50%) rotate(-45deg) !important; left: 50% !important; bottom: -6px !important; transform-origin: center !important; z-index: -1 !important;}

/*--------------------------------*//* プログの見出しで使用する場合は *//* ↓ここからコピーしてください *//*--------------------------------*/.custom-style-h2-no24-title>span { position: relative !important; padding: 1rem !important; border: 3px solid #333 !important; border-bottom: none !important; font-weight: bold !important; background-image: linear-gradient(to right, #333 0, #333 30px, transparent 30px, transparent 45px, #333 36px, #333 100%) !important; background-size: 100% 3px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important;} .custom-style-h2-no24-title>span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 14px !important; aspect-ratio: 1/1 !important; border-left: 3px solid #333 !important; border-bottom: 3px solid #333 !important; transform: rotate(-45deg) !important; left: 30px !important; top: calc(100% - 7.5px) !important;}

.custom-style-h2-no34-title>span { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; background-image: linear-gradient(to right, #333 0, #333 calc(50% - 7px), transparent calc(50% - 7px), transparent calc(50% + 7px), #333 calc(50% + 7px), #333 100%) !important; background-size: 100% 5px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important; text-align: center !important;} .custom-style-h2-no34-title>span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 15px !important; height: 15px !important; border-left: 5px solid #333 !important; border-bottom: 5px solid #333 !important; transform: translateX(-50%) rotate(-45deg) !important; left: 50% !important; bottom: -6px !important; transform-origin: center !important; z-index: -1 !important;}

.custom-style-fff3f5-add { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #FFF3F5 !important; font-weight: bold !important; font-size: 26px !important;} .custom-style-fff3f5-add:before { margin-right: 0.5rem !important; border-left: 10px solid !important; content: '';}

.custom-style-p-11-19-new { margin-bottom: 0.2rem !important; padding: 1rem !important; background-color: #FFF3F5 !important; font-weight: bold !important; font-size: 26px !important;} .custom-style-p-11-19-new:before { margin-right: 0.5rem !important; border-left: 10px solid !important; border-left-color: pink !important; content: '';}

.custom-style-decorative-no-06 > span { margin-bottom: 0.2rem !important; background-color: #fff9f9 !important; font-weight: bold !important; display: block !important; padding: 0.5rem !important; padding-left: calc(10px + 1.5rem) !important; position: relative !important; line-height: calc(0.5 * 1em + 0.5 * 1.5em) !important;} .custom-style-decorative-no-06 > span::before { content: ""; position: absolute !important; left: 1rem !important; top: calc(0.5rem + 0.1em) !important; width: 5px !important; height: 0.95em !important; background-color: #eeb7c4 !important;}

.custom-style-h2-06-new > span { margin-bottom: 0.2rem !important; background-color: #fff9f9 !important; font-weight: bold !important; display: block !important; padding: 0.5rem !important; padding-left: calc(10px + 1.5rem) !important; position: relative !important; line-height: calc(0.5 * 1em + 0.5 * 1.5em) !important;} .custom-style-h2-06-new > span::before { content: ""; position: absolute !important; left: 1rem !important; top: calc(0.5rem + 0.1em) !important; width: 5px !important; height: 0.95em !important; background-color: #eeb7c4 !important;}

.custom-style-no-34-second-version > span { position: relative !important; padding: 0.8rem 0 !important; margin-bottom: 0.2rem !important; color: black !important; background-image: linear-gradient(to right, #333 0, #333 calc(50% - 7px), transparent calc(50% - 7px), transparent calc(50% + 7px), #333 calc(50% + 7px), #333 100%) !important; background-size: 100% 3px !important; background-position: bottom !important; background-repeat: no-repeat !important; display: inline-block !important; position: relative !important; line-height: 1.25 !important; padding: 0.5rem !important; padding-left: 11px !important;} .custom-style-no-34-second-version > span::before { content: ""; display: block !important; position: absolute !important; box-sizing: border-box !important; width: 13px !important; height: 13px !important; border-left: 3px solid #333 !important; border-bottom: 3px solid #333 !important; transform: translateX(-50%) rotate(-45deg) !important; left: 50% !important; bottom: -6px !important; transform-origin: center !important; z-index: -1 !important;} .custom-style-no-34-second-version > span::after { content: ""; position: absolute !important; left: 0 !important; top: calc(0.45rem + 0.16em) !important; width: 4px !important; height: 0.9em !important; background-color: #F5B6C3 !important;}

.custom-style-no-47-image-text { display: flex !important; align-items: center !important;} .custom-style-no-47-image-text img { border-radius: 50% !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; aspect-ratio: 1/1 !important; object-fit: cover !important; width: 60px !important;} .custom-style-no-47-image-text p { margin: 0 !important;}

.custom-style-center-text-in-left { width: fit-content !important; text-align: center !important;}.custom-style-center-text-in-left > * { margin-top: 6px !important; margin-bottom: 6px !important;}

.custom-style-supervisor-credit { display: flex !important; gap: 17px !important; padding-left: 13px !important;} .custom-style-supervisor-credit img { width: 50px !important; min-width: 50px !important; height: 50px !important; aspect-ratio: 1 !important; border-radius: 999px !important; overflow: hidden !important; object-fit: cover !important; margin-top: 8px !important;} .custom-style-supervisor-credit p { margin: 0 !important;}

.custom-style-decorative-no-48>span { position: relative !important; color: black !important; display: inline-block !important; line-height: 1.25 !important; padding-left: 11px !important;}.custom-style-decorative-no-48>span::before { content: ""; position: absolute !important; left: 0 !important; top: calc(0.16em - 0.05rem) !important; width: 4px !important; height: 0.85em !important; background-color: #eeb7c4 !important;}

.custom-style-test-algindiv-style { background-color: #f5c4de !important; width: fit-content !important; padding: 20px !important;}

.custom-style-link-01 a { color: #0000A1 !important; display: inline-block !important; max-width: 30ch !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; vertical-align: bottom !important;}