.think_safety-wrapper-page{background:#E5F6FF}.think_safety-wrapper-page::before,.think_safety-wrapper-page::after{content:none}.ts-container-page{border:1vw solid #004170;box-shadow:0 0 8px #ddd;border-top:0}.ts-page-main-noimg{border-top:1px dashed #888;padding-top:1.5rem}.ts-page-main h1 b{font-size:clamp(14px, 2.4vw, 20px)}.ts-page-main h1 strong{position:relative;font-size:clamp(17px, 3vw, 32px)}.ts-page-main h1 strong::before{content:"■";color:#c82e3e}.ts-page-lead{background:linear-gradient(-45deg, #004170 0%, #004170 25%, #105180 50%, #004170 75%, #004170 100%);padding:40px;border-radius:8px;margin-bottom:2rem;color:#fff}.ts-page-lead h2{color:#fff;font-size:30px;font-weight:600;letter-spacing:2px;padding-left:2px;display:inline-block;background:linear-gradient(transparent 60%, #111 60%);margin-bottom:1rem}.ts-page-lead p{line-height:2}.ts-content{width:100%;padding-top:40px}.ts-content h2{padding-bottom:1rem}.ts-content h3{font-size:1.8em;padding-left:0;text-align:center}.ts-content h3::before{content:none}.ts-content h3 strong{position:relative;display:inline-block;padding:0 8px}.ts-content h3 strong::before,.ts-content h3 strong::after{content:"";position:absolute;width:3em;height:1px;top:50%;background:#c82e3e}.ts-content h3 strong::before{left:0;transform:translateX(-100%)}.ts-content h3 strong::after{right:0;transform:translateX(100%)}.promise10{position:relative}.promise10::before{position:absolute;z-index:1;width:120px;height:400px;right:0;top:-40px}.promise10 dl{border:2px solid #004170;margin-bottom:1rem;border-radius:16px;position:relative;z-index:3;background:#fffff9;opacity:0;transition-duration:1.2s}.promise10 dl.inView{opacity:1}.promise10 dt{display:flex;align-items:center;cursor:pointer;position:relative;padding:24px}.promise10 dt em{font-family:"HondaGlobalFontJP-Bold", sans-serif;font-weight:500;font-size:1.5em;line-height:1;padding-bottom:3px;width:2em;height:2em;border-radius:50%;background:#004170;color:#fff;display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1}.promise10 dt b{font-size:1.2em;padding-left:1rem}.promise10 dt::after{content:"";position:absolute;right:24px;top:50%;transform:translate(0, -50%);width:1.5em;height:1.1em;background:#004170;clip-path:polygon(0 0, 100% 0, 50% 100%);transition-duration:0.3s}.promise10 dt:hover em{background:#c00}.promise10 dt:hover::after{background:#c00}.promise10 dt.open::after{transform:scale(1, -1) translate(0, 50%)}.promise10 dd{display:none;padding:24px;padding-top:0}.promise10 dd p{display:flex;align-items:flex-start}.promise10 dd strong{flex:0 0 4em;background:#ddd;display:inline-block;padding:1px 8px 3px;font-size:1.2em;color:#fff;margin-right:1rem}.promise10 dd strong.blue{background:#3071A0}.promise10 dd strong.red{background:#c00}.promise10 dl.promise10-topic{background:#fceda1;border-color:#755}.promise10 dl.promise10-topic dt{padding-left:16px}.promise10 dl.promise10-topic dt::after{background:#755}.promise10 dl.promise10-topic dt em{border-radius:4px;width:auto;padding:0 8px;background:#755;font-size:1.2rem;padding-bottom:3px}.promise10 dl.promise10-topic dt:hover::after{background:#c00}.promise10 dl.promise10-topic dt:hover em{background:#c00}.road_sign{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:40px}.road_sign figure.w640{max-width:100%;margin:0 auto;padding:0}.road_sign h3{flex:0 0 100%}.road_sign dl{flex:0 0 48%;border-radius:12px;border-top:2px solid #004170;padding:24px 16px;opacity:0;transition-duration:1.2s}.road_sign dl.inView{opacity:1}.road_sign dt{display:flex;align-items:center;padding-bottom:8px}.road_sign dt img{width:100px}.road_sign dt h4{padding-left:1rem;font-weight:500}.road_sign dl.sign4{display:flex;flex-wrap:wrap}.road_sign dl.sign4 dt{flex:0 0 50%}.road_sign dl.sign4 dt img{width:70px}.road_sign dl.sign4 dt h4{padding-left:8px}.ts-content-quiz{background:#ffc;margin-bottom:40px}.quiz_banner img{border-radius:12px}.quiz_banner p{padding:40px 0 0;text-align:center}.quiz_start,.quiz_retry{text-align:center;padding-top:40px;padding-bottom:4px}.quiz_start b,.quiz_retry b{cursor:pointer;display:inline-block;text-align:center;background:#fff;border-radius:16px;padding:24px 64px;font-size:1.6em;border:1px solid #ccc;box-shadow:0 2px 1px #444}.quiz_start b:hover,.quiz_retry b:hover{background:#ff0}.quiz_retry{opacity:0;visibility:hidden;transition:padding 1.0s, opacity 1.0s 1.0s;height:0;overflow:hidden;padding:0}.quiz_retry.show{opacity:1;visibility:visible;height:auto;padding-bottom:40px}.quiz{display:none;position:relative;padding-top:40px}.quiz .quiz_close{position:absolute;right:0;top:12px;border:1px solid #333;color:#111;font-size:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-style:normal;cursor:pointer}.quiz .quiz_close:hover{border:1px solid #c00;color:#c00}.quiz dl{border:2px solid #3071A0;margin-bottom:2rem;box-shadow:inset 0 2px 3px #aaa;border-radius:12px;position:relative;opacity:0;transition-duration:1.2s}.quiz dl.inView{opacity:1}.quiz dl::after{position:absolute;right:8px;top:0;background:url("../images/q1.png") no-repeat 0 0;background-size:contain;width:120px;height:120px;transform:rotate(8deg) translate(-20%, -90%);z-index:5;display:none}.quiz .q2::after{content:"";background-image:url("../images/q1.png")}.quiz .q5::after{content:"";right:auto;left:8px;background-image:url("../images/q2.png");transform:rotate(-8deg) translate(-20%, -95%)}.quiz .q8::after{content:"";background-image:url("../images/q3.png")}.quiz dt{display:flex;background:#004170;border-bottom:1px dashed #004170;border-radius:8px 8px 0 0;overflow:hidden}.quiz dt em{font-size:40px;font-weight:600;font-family:"HondaGlobalFontJP-Bold", sans-serif;padding:16px;color:#fff;display:flex;justify-content:center;align-items:center}.quiz dt h4{flex:1;background:#fff;padding:16px 24px;display:flex;align-items:center}.quiz dt b{display:block;font-size:1.5em;padding-bottom:4px}.quiz dt span{font-size:1.1em}.quiz dd{padding:0;position:relative;background:#EAFBFF;border-radius:0 0 10px 10px;overflow:hidden}.quiz dd .comment{display:none;position:relative;padding:24px 40px;background:#fff;font-size:14px}.quiz dd .comment b{position:absolute;font-size:13px;left:0;top:0;background:#004170;color:#fff;padding:2px 12px 3px 4px;display:inline-block;clip-path:polygon(0 0, 100% 0, 80% 100%, 0 100%)}.quiz dd ul{display:flex;justify-content:center;text-align:center;gap:40px;padding:24px}.quiz dd li{flex:0 0 auto;padding:32px;font-size:6em;border-radius:50%;box-shadow:0 2px 5px #aaa;line-height:0;cursor:pointer;background:#fff}.quiz dd li img{width:52px;max-width:100%}.quiz dd li:hover{background:#f9f9ff}.quiz dd li.selected{background:#fe1;cursor:default}.quiz.done dd .comment{display:block}.quiz.done dd li{pointer-events:none}.quiz.done ul{position:relative}.quiz.done ul::after{content:"";position:absolute;left:16px;top:50%;transform:translate(0, -50%);width:120px;height:120px;background:url("../images/batsu_ng.svg") no-repeat 0 0/contain;opacity:0.3}.quiz.done ul.collect::after{background-image:url("../images/maru_good.svg")}.check{text-align:center;display:none;padding-top:16px}.check b{display:inline-block;cursor:pointer;background:#d42;padding:12px 40px;border-radius:8px;color:#fff;font-size:32px}.check b:hover{background:#f72}.result{text-align:center;font-size:4em;visibility:hidden;opacity:0;transform:scale(0);transition-timing-function:cubic-bezier(0.5, 1, 0.89, 1);margin-bottom:40px}.result strong{display:none;padding:1px 12px;position:relative}.result strong::after{content:"";position:absolute;left:-4%;width:0;transition-duration:0.45s;transition-delay:0.85s;transition-timing-function:ease-out;bottom:0;height:29px;background:url(../images/line.svg) no-repeat 10px bottom/240px;z-index:-1}.result b{font-size:2em;display:inline-block;transform:translate(-2px, 4px)}.result.show{visibility:visible;animation:resultin 0.8s 0.3s forwards}.result.show strong{display:inline-block}.result.show strong::after{width:108%}@keyframes resultin{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.kakomi{background:linear-gradient(-45deg, #004170 0%, #004170 25%, #105180 50%, #004170 75%, #004170 100%);padding:40px;border-radius:8px;margin-bottom:2rem;color:#fff;overflow:hidden}.kakomi h3{color:#fff;padding:0;margin:0;font-size:30px;font-weight:600;letter-spacing:2px;padding-left:2px;display:inline-block;background:linear-gradient(transparent 60%, #111 60%);margin-bottom:1rem}.kakomi p{line-height:2}.kakomi_flex_txt{flex:0 0 72%}.kakomi_flex_img{display:none}.kakomi_flex_img img{transform:scale(1.5);transform-origin:10% 40%}.ts-content span.kerning_open,.ts-content span.kerning_close{display:contents}@media screen and (max-width: 768px){.ts-container{max-width:100%}.ts-container .ts-container{max-width:92%;overflow:hidden}.ts-page-lead{padding:2rem}.ts-page-lead h2{font-size:24px}.ts-content{padding-top:1px}.ts-content h3{font-size:22px}.promise10::before{top:40px;right:auto;left:0}.promise10 dt{padding:4vw;padding-right:60px}.promise10 dt::after{width:20px;height:15px}.promise10 dd{padding:0 4vw 4vw}.road_sign{padding-top:0;display:block;padding-bottom:0}.road_sign dl{padding:24px 8px}.road_sign dl:last-of-type{padding-bottom:0}.road_sign dt img{width:90px}.road_sign dl.sign4{padding:24px 0}.road_sign dl.sign4 dt img{width:50px}.ts-content-quiz{padding-top:40px}.quiz dl::after{width:80px;top:70px;content:"";background-image:url("../images/q1.png")}.quiz dl:nth-child(even)::after{right:auto;left:8px;transform:rotate(-8deg) translate(-20%, -95%)}.quiz dl.q5::after{left:auto;right:8px;transform:rotate(8deg) translate(-20%, -95%)}.quiz .q2::after,.quiz .q5::after,.quiz .q8::after{background-image:url("../images/q2.png")}.quiz .q3::after,.quiz .q6::after,.quiz .q9::after{background-image:url("../images/q3.png")}.quiz dt{flex-direction:column}.quiz dt em{padding:8px;font-size:24px}.quiz dt h4{padding:16px}.quiz dt b{text-align:center}.quiz dd li{padding:16px}.quiz dd li img{width:40px}.quiz_banner p{text-align:left}.quiz_banner p br{display:none}.quiz dd ul{gap:20px}.quiz.done ul::after{width:60px;height:60px}.quiz_start b,.quiz_retry b{padding:24px 40px}.kakomi{padding:2rem 1rem}.kakomi_flex{display:block}.kakomi_flex_img{margin:0 auto;max-width:200px;padding-right:10%;padding-top:1rem}.kakomi_flex_img img{transform:scale(1.45);transform-origin:20% 0%}}@media screen and (max-width: 480px){.result b{font-size:1.5em}}
/*# sourceMappingURL=single.css.map */