.mv .mv-image{background-image:url(../img/questionnaire/questionnaire-mv.png)}@media(max-width: 768px){.mv .mv-image{background-image:url(../img/questionnaire/questionnaire-mv-sp.png)}}.questionnaire-page{min-height:100vh;margin-top:150px;position:relative;background-color:var(--color-white)}@media(max-width: 768px){.questionnaire-page{margin-top:60px}}.questionnaire-container{max-width:1280px;margin:0 auto;padding:0 clamp(16px,5vw,124px);display:grid;gap:24px}@keyframes graphImagePopIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}.panel-card{background-color:#8ec400;border-radius:24px;padding:7px;width:100%;max-width:100%;box-sizing:border-box;padding:24px 7px 10px}.panel-header{color:var(--color-white);font-family:var(--font-family-noto)}.panel-header-badge{display:flex;justify-content:center}.panel-header-badge__icon{background-color:#fff;width:40px;height:40px;border-radius:50%;color:#8ec400;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold}.panel-header-title{display:flex;justify-content:center;font-size:clamp(1.25rem,-0.625rem + 3.33vw,1.875rem);margin-bottom:25px;text-align:center;font-weight:bold}@media(max-width: 768px){.panel-header-title{margin-bottom:20px}}.panel-header-title div{display:flex;flex-direction:column;align-items:center}.panel-header-title div span{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500}.panel-content-wrapper{width:100%;background-color:#fff;border-radius:24px;padding:clamp(11px,3vw,24px);box-sizing:border-box}.two-panel-section{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 450px), 1fr));gap:24px;width:95%;margin:0 auto}@media(max-width: 768px){.two-panel-section{grid-template-columns:1fr}}.two-panel-section .panel-card{display:flex;flex-direction:column}.two-panel-section .panel-card:last-child{padding-bottom:7px}.two-panel-section .panel-card:last-child .first__number{padding-left:15px}.two-panel-section .panel-card:last-child .first__text{padding-left:45px}.two-panel-section .panel-card:last-child .item{padding:7px clamp(.313rem,-4.375rem + 10.13vw,2.775rem)}.two-panel-section .panel-content-wrapper{flex:1;padding-top:40px}@media(max-width: 768px){.two-panel-section .panel-content-wrapper{padding-top:10px;padding-bottom:30px}}.q1-q2-section .panel-content-wrapper{padding-top:25px}.ranking-list{color:#1a005d;width:100%}.ranking-list__icon{display:flex;justify-content:center;margin-bottom:10px}.ranking-list__icon img{width:42px;height:auto}.ranking-list__item{display:flex;justify-content:center;width:100%}.ranking-list .first{background-color:#1a005d;width:100%;max-width:417px;min-height:72px;display:flex;align-items:center;justify-content:center;border-radius:24px;position:relative;color:#fff;padding:16px;box-sizing:border-box;transform-origin:center center;opacity:0}@media(max-width: 768px){.ranking-list .first{border-radius:24px;padding:12px;min-height:42px}}.ranking-list .first__number{position:absolute;left:clamp(.313rem,-4.375rem + 8.33vw,1.875rem);color:#8ec400;display:flex;align-items:baseline;gap:4px;padding-left:30px}@media(max-width: 768px){.ranking-list .first__number{left:15px}}.ranking-list .first__number .num{font-size:clamp(28px,5vw,36px)}@media(max-width: 768px){.ranking-list .first__number .num{font-size:22px}}.ranking-list .first__number .kanzi{font-size:clamp(16px,3vw,20px)}@media(max-width: 768px){.ranking-list .first__number .kanzi{font-size:12px}}.ranking-list .first__text{font-size:clamp(18px,3.5vw,24px);text-align:center;padding-left:10px;font-weight:bold}@media(max-width: 768px)and (max-width: 768px){.ranking-list .first__text{font-size:15px}}.ranking-list.is-inview .first{animation:graphImagePopIn .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.ranking-list .item{display:flex;align-items:center;font-size:clamp(16px,3vw,20px);width:100%;max-width:417px;border-bottom:1px dashed #1a005d;padding:7px clamp(.313rem,-4.375rem + 10.13vw,3.775rem);padding-right:0;min-height:36px;position:relative;box-sizing:border-box;font-weight:bold}@media(max-width: 768px){.ranking-list .item{padding:10px 0 10px 15px}}.ranking-list .item__number{margin-right:clamp(20px,5vw,40px);display:flex;align-items:baseline;gap:4px;flex-shrink:0}.ranking-list .item__number .num{font-size:clamp(28px,5vw,36px)}@media(max-width: 768px){.ranking-list .item__number .num{font-size:22px}}.ranking-list .item__number .kanzi{font-size:clamp(16px,3vw,20px)}@media(max-width: 768px){.ranking-list .item__number .kanzi{font-size:12px}}.ranking-list .item__text{flex:1}@media(max-width: 768px){.ranking-list .item__text{font-size:15px}}.text-bubble{width:100%;display:flex;flex-direction:column;align-items:flex-start}.text-bubble .first-bubble,.text-bubble .third-bubble,.text-bubble .fourth-bubble,.text-bubble .fifth-bubble,.text-bubble .sixth-bubble{margin-bottom:clamp(24px,4vw,32px);align-self:flex-start}.text-bubble .second-bubble,.text-bubble .fourth-bubble,.text-bubble .sixth-bubble{margin-bottom:clamp(24px,4vw,32px);align-self:flex-end;max-width:90%}.text-bubble .second-bubble .text-bubble__arrow,.text-bubble .fourth-bubble .text-bubble__arrow,.text-bubble .sixth-bubble .text-bubble__arrow{left:auto;right:clamp(12px,3vw,24px);clip-path:polygon(0 0, 100% 0, 100% 100%)}.text-bubble__content{position:relative;background-color:#e3e3e3;width:100%;border-radius:24px;padding:clamp(16px,3vw,20px);width:fit-content;font-size:15px;font-weight:bold;color:#1a005d;box-sizing:border-box;min-height:60px;line-height:1.6;letter-spacing:1px}.text-bubble__arrow{position:absolute;bottom:-16px;left:clamp(12px,3vw,24px);width:24px;height:24px;clip-path:polygon(0 0, 100% 0, 0 100%);background-color:#e3e3e3}.first-bubble .text-bubble__content{height:69px;top:13px}@media(max-width: 768px){.first-bubble .text-bubble__content{top:20px}}@media(max-width: 768px){.first-bubble .bubble_1{margin-bottom:15px;padding-bottom:65px}}.second-bubble .text-bubble__content{top:5px}@media(max-width: 768px){.second-bubble .text-bubble__content{top:7px}}@media(max-width: 768px){.second-bubble .bubble_1{margin-bottom:15px}}@media(max-width: 768px){.third-bubble .text-bubble__content{top:-5px}}@media(max-width: 768px){.third-bubble .bubble_1{margin-bottom:15px}}.fourth-bubble .text-bubble__content{height:93px}@media(max-width: 768px){.fourth-bubble .text-bubble__content{top:-20px}}.fifth-bubble .text-bubble__content{height:69px;top:20px}@media(max-width: 768px){.fifth-bubble .text-bubble__content{top:-30px}}.sixth-bubble .text-bubble__content{height:69px;bottom:2px}@media(max-width: 768px){.sixth-bubble .text-bubble__content{top:-40px}}.panel-note{font-size:clamp(12px,2.5vw,15px);text-align:left;line-height:1.6;padding-left:1em;text-indent:-1em;font-weight:bold}.panel-note.u-graph{text-align:center}.q3-section{width:95%;padding-bottom:7px;margin:0 auto}.q3-section .panel-content-wrapper{min-height:400px}@media(max-width: 768px){.q3-section .panel-content-wrapper{min-height:auto;padding-bottom:30px}}.q3-section .graph-wrapper{display:flex;justify-content:center;flex-wrap:wrap;padding:15px 0 25px;margin:0 auto}@media(max-width: 768px){.q3-section .graph-wrapper{padding-right:60px;padding-left:18px}}.q3-section .graph-item{width:50%;display:flex;flex-direction:column;align-items:center;flex:1;min-width:200px;position:relative}.q3-section .graph-item:nth-child(2){left:-40px}.q3-section .graph-item__title{font-size:clamp(20px,3.5vw,26px);font-weight:bold;color:#1a005d;margin-bottom:clamp(24px,4vw,45px);text-align:center}@media(max-width: 768px){.q3-section .graph-item__title{position:relative;left:25px}}.q3-section .graph-item .big{font-size:36px;font-weight:bold;line-height:1}.q3-section .graph-item .small{font-size:18px;font-weight:bold;line-height:1}.q3-section .graph-item__image{position:relative;width:100%;max-width:250px}.q3-section .graph-item__image img{width:100%;height:auto;transform-origin:center center;opacity:0}.q3-section .graph-item__image.is-inview img{animation:graphImagePopIn .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.q3-section .graph-item__image .graph-comment-1{position:absolute;left:-25px;top:-15px;background:#fff;min-height:clamp(70px,15vw,82px);border:2px solid #1a005d;border-radius:24px;box-sizing:border-box;padding:15px;z-index:10}.q3-section .graph-item__image .graph-comment-1__wrapper{display:flex;align-items:center;gap:4px;margin-bottom:4px}.q3-section .graph-item__image .graph-comment-1__bullet{background-color:#1a005d;height:7px;width:7px;border-radius:50%;flex-shrink:0}.q3-section .graph-item__image .graph-comment-1__text{font-size:15px;font-weight:bold;color:#1a005d}.q3-section .graph-item__image .graph-comment-1 .big{font-size:36px;font-weight:bold;line-height:1;color:#1a005d}.q3-section .graph-item__image .graph-comment-1 .small{font-size:18px;font-weight:bold;line-height:1;color:#1a005d}.q3-section .graph-item__image .graph-comment-1__percent{font-size:clamp(14px,3vw,18px)}.q3-section .graph-item__image .graph-comment-1__percent .start{font-size:clamp(24px,5vw,36px)}.q3-section .graph-item__image .graph-comment-2{position:absolute;right:-80px;bottom:-15px;background:#fff;min-height:clamp(90px,15vw,106px);border:2px solid #8ec400;border-radius:24px;padding:clamp(12px,2vw,17px) clamp(10px,2vw,14px);box-sizing:border-box;z-index:10}@media(max-width: 768px){.q3-section .graph-item__image .graph-comment-2{right:-60px}}.q3-section .graph-item__image .graph-comment-2__wrapper{display:flex;align-items:center;gap:4px;margin-bottom:4px}.q3-section .graph-item__image .graph-comment-2__bullet{background-color:#1a005d;height:9px;width:9px;border-radius:50%;flex-shrink:0}.q3-section .graph-item__image .graph-comment-2 .graph-comment__percent{background:linear-gradient(transparent 60%, #D0E48B 70%)}.q3-section .graph-item__image .graph-comment-2__text{font-size:15px;font-weight:bold;color:#1a005d}.q3-section .graph-item__image .graph-comment-2 .big{font-size:52px;font-weight:bold;line-height:1;color:#1a005d}.q3-section .graph-item__image .graph-comment-2 .small{font-size:27px;font-weight:bold;line-height:1;color:#1a005d}.q4-section{width:95%;margin:0 auto}.q4-section .panel-content-wrapper{min-height:250px;padding-bottom:0px;padding-left:50px;padding-right:38px}.q4-section .q4-bubble .top-section{display:flex;gap:22px}.q4-section .q4-bubble .top-section .first-bubble{flex:0 0 auto}.q4-section .q4-bubble .top-section .first-bubble .text-bubble__arrow{left:45px}.q4-section .q4-bubble .top-section .second-bubble{flex:1}.q4-section .q4-bubble .top-section .second-bubble .text-bubble__content{top:16px}.q4-section .q4-bubble .top-section .second-bubble .text-bubble__arrow{right:65px}@media(max-width: 768px){.q4-section .q4-bubble .top-section{flex-direction:column}.q4-section .q4-bubble .top-section .first-bubble,.q4-section .q4-bubble .top-section .second-bubble{flex:0 0 auto}}.q4-section .q4-bubble .down-section{display:flex;flex-wrap:nowrap;width:100%;position:relative;top:-10px}.q4-section .q4-bubble .down-section .third-bubble,.q4-section .q4-bubble .down-section .fourth-bubble,.q4-section .q4-bubble .down-section .fifth-bubble,.q4-section .q4-bubble .down-section .sixth-bubble{flex:1;min-width:0}.q4-section .q4-bubble .down-section .third-bubble .text-bubble__arrow{clip-path:polygon(0 0, 100% 0, 100% 100%);left:170px}.q4-section .q4-bubble .down-section .fourth-bubble .text-bubble__content{left:27px}.q4-section .q4-bubble .down-section .fourth-bubble .text-bubble__arrow{clip-path:polygon(0 0, 100% 0, 0 100%);left:40px}.q4-section .q4-bubble .down-section .fifth-bubble .text-bubble__content{top:20px;left:5px}.q4-section .q4-bubble .down-section .fifth-bubble .text-bubble__arrow{left:clamp(12px,3vw,38px)}.q4-section .q4-bubble .down-section .sixth-bubble .text-bubble__content{bottom:5px;left:15px}.q4-section .q4-bubble .down-section .sixth-bubble .text-bubble__arrow{right:40px}@media(max-width: 768px){.q4-section .q4-bubble .down-section{flex-direction:column}.q4-section .q4-bubble .down-section .third-bubble,.q4-section .q4-bubble .down-section .fourth-bubble,.q4-section .q4-bubble .down-section .fifth-bubble,.q4-section .q4-bubble .down-section .sixth-bubble{flex:0 0 auto}}.q7-section .panel-content-wrapper,.q8-section .panel-content-wrapper{min-height:700px}@media(max-width: 768px){.q7-section .panel-content-wrapper,.q8-section .panel-content-wrapper{min-height:auto}}.q7-section .panel-content-wrapper .panel-content-wrapper,.q8-section .panel-content-wrapper .panel-content-wrapper{min-height:auto}.q7-section{height:972px}.q7-section .panel-header-title{margin-bottom:20px}.q7-section .panel-header-badge{margin-bottom:10px}@media(max-width: 768px){.q7-section{height:932px}}.q8-section{height:972px}.q8-section .panel-header-title{margin-bottom:20px}.q8-section .panel-header-badge{margin-bottom:10px}.q7-section .panel-content-wrapper{padding-top:30px;padding-bottom:0}.q7-section .fourth-bubble .text-bubble__content{letter-spacing:0;height:auto;margin-bottom:0}.q8-section .panel-content-wrapper{padding:30px 15px;padding-bottom:0}@media(max-width: 768px){.q8-section .panel-content-wrapper{padding:30px 12px;padding-bottom:0}}.q8-section .panel-content-wrapper .text-bubble__content{height:auto}.cta-buttons{width:100%;max-width:900px;margin:30px auto 100px;padding:0 16px;box-sizing:border-box}.cta-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:clamp(24px,4vw,35px) clamp(24px,4vw,40px);background-color:#8ec400;border-radius:16px;color:var(--color-white);font-family:var(--font-family-noto);font-weight:700;font-size:clamp(16px,2.5vw,18px);text-decoration:none;transition:all .3s ease;box-sizing:border-box;border:3px solid rgba(0,0,0,0)}@media(min-width: 769px){.cta-button:hover{background-color:var(--color-white);color:#8ec400;border-color:#8ec400}.cta-button:hover .cta-button-icon img:first-child{opacity:0}.cta-button:hover .cta-button-icon .cta-button-icon-hover{opacity:1}}.cta-button span{flex:1;text-align:center}.cta-button-icon{width:clamp(24px,5vw,30px);height:clamp(24px,5vw,30px);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.cta-button-icon img{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.cta-button-icon .cta-button-icon-hover{position:absolute;inset:0;opacity:0}.question-section{margin-bottom:60px;background-color:var(--color-white);border-radius:16px;overflow:hidden}.question-header{background-color:var(--color-green);color:var(--color-white);display:flex;align-items:center;gap:12px;padding:20px}@media(max-width: 768px){.question-header{flex-direction:column;align-items:flex-start;gap:8px}}.question-number{font-family:var(--font-family-noto);font-weight:700;font-size:clamp(20px,3vw,24px);letter-spacing:1px}.question-title{font-family:var(--font-family-noto);font-weight:700;font-size:clamp(18px,2.5vw,20px);letter-spacing:.5px}.question-content{background-color:var(--color-white);padding:20px}.bubble-list{list-style:none;margin:0;padding:20px;display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr));gap:16px}.bubble-list--three{grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr))}.bubble-list--grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr))}.bubble-item{background-color:var(--color-light-green);border-radius:16px;padding:20px;position:relative;font-family:var(--font-family-noto);font-weight:400;font-size:15px;color:var(--color-black);line-height:1.6}.bubble-item::before{content:"";position:absolute;top:-10px;left:30px;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid var(--color-light-green)}.pie-charts{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;padding:20px}@media(max-width: 768px){.pie-charts{flex-direction:column;gap:32px}}.pie-chart-container{display:flex;flex-direction:column;align-items:center;gap:16px}.pie-chart-title{font-family:var(--font-family-noto);font-weight:500;font-size:16px;color:var(--color-black);text-align:center}.pie-chart{width:clamp(150px,30vw,200px);height:clamp(150px,30vw,200px);position:relative}.pie-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.pie-segment{fill:none;stroke-width:40;stroke-linecap:round}.pie-segment--green{stroke:var(--color-green)}.pie-segment--blue{stroke:#1a005d}.pie-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.pie-legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-family-noto);font-size:14px;color:var(--color-black)}.pie-legend-color{width:16px;height:16px;border-radius:50%}.pie-legend-color--green{background-color:var(--color-green)}.pie-legend-color--blue{background-color:#1a005d}.bottom-cta-section{padding-top:125px}.bottom-cta-section .bottom-cta-text{text-align:center;font-size:18px;font-weight:bold;line-height:1.8;color:var(--color-dark-purple);margin-bottom:25px}.bottom-cta-section .cta-button{font-size:26px;border-radius:24px;padding:48px 32px;margin:auto}.bottom-cta-section .cta-button .cta-button-icon{width:56px;height:56px}@media(max-width: 768px){.panel-header-badge{margin-bottom:10px}.bottom-cta-section{width:95%;margin:auto;padding-top:0;margin-top:60px}.bottom-cta-section .bottom-cta-text{font-size:14px;width:100%;margin:auto;text-align:left}.bottom-cta-section .cta-buttons{width:100%;margin-top:24px;padding:0}.bottom-cta-section .cta-button{font-size:18px;max-width:500px;width:100%;padding:41px 32px;border-radius:16px}.bottom-cta-section .cta-buttons .cta-button .cta-button-icon{width:32px;height:32px}.q1-q2-section .panel-card .panel-note{margin-top:20px;margin-bottom:20px}.q3-section .graph-wrapper{padding-right:0;padding-left:0}.q3-section .graph-wrapper .graph-item__title{position:static}.q3-section .graph-wrapper .graph-item__image{max-width:200px}.q3-section .graph-wrapper .graph-item .graph-comment-1 .graph-comment-1__wrapper{margin-bottom:0}.q3-section .graph-wrapper .graph-item .graph-comment-1 .graph-comment-1__text{font-size:12px}.q3-section .graph-wrapper .graph-item .graph-comment-1__percent .big{font-size:30px}.q3-section .graph-wrapper .graph-item .graph-comment-1__percent .small{font-size:15px}.q3-section .graph-wrapper .graph-item .graph-comment-2{right:-30px;bottom:-45px;padding-left:20px;padding-right:20px}.q3-section .graph-wrapper .graph-item .graph-comment__percent .big{font-size:42px}.q3-section .graph-wrapper .graph-item .graph-comment__percent .small{font-size:22px}.q3-section .graph-wrapper .graph-item:nth-child(1){margin-bottom:80px}.q3-section .graph-wrapper .graph-item:nth-child(2){left:0;margin-bottom:40px}.q3-section .panel-note{width:75%;text-align:left;margin:auto;margin-top:20px;margin-bottom:20px}.q4-section .panel-content-wrapper{padding:24px 24px 44px}.q4-section .panel-content-wrapper .top-section .first-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto}.q4-section .panel-content-wrapper .top-section .second-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto}.q4-section .panel-content-wrapper .down-section{top:20px}.q4-section .panel-content-wrapper .down-section .third-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto}.q4-section .panel-content-wrapper .down-section .third-bubble .text-bubble__arrow{clip-path:polygon(0 0, 100% 0, 0 100%);left:30px}.q4-section .panel-content-wrapper .fourth-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;left:0 !important;top:0}.q4-section .panel-content-wrapper .fourth-bubble .text-bubble__arrow{clip-path:polygon(0 0, 100% 0, 100% 100%) !important;left:auto !important;right:30px}.q4-section .panel-content-wrapper .fifth-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;top:0 !important;left:0}.q4-section .panel-content-wrapper .fifth-bubble .text-bubble__arrow{left:30px !important}.q4-section .panel-content-wrapper .sixth-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;top:0 !important}.two-panel-section .ranking-list__item .first__number{left:0}.q7-section .panel-content-wrapper{padding-top:10px}.q7-section .panel-content-wrapper .first-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;width:90%}}@media(max-width: 768px)and (max-width: 768px){.q7-section .panel-content-wrapper .first-bubble .text-bubble__content{padding:24px 10px;width:100%}}@media(max-width: 768px){.q7-section .panel-content-wrapper .second-bubble{max-width:100%}.q7-section .panel-content-wrapper .second-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;width:100%;top:0 !important;margin-top:20px}.q7-section .panel-content-wrapper .third-bubble .text-bubble__content{padding:24px;font-size:14px;top:0 !important}}@media(max-width: 768px)and (max-width: 768px){.q7-section .panel-content-wrapper .third-bubble .text-bubble__content{padding:24px 10px;width:100%}}@media(max-width: 768px){.q7-section .panel-content-wrapper .fourth-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;top:0 !important}.q8-section{height:auto}.q8-section .ranking-list__item .item{padding:10px 0 10px 15px !important}.q8-section .panel-content-wrapper{padding-top:10px}.q8-section .panel-content-wrapper .first-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto}.q8-section .panel-content-wrapper .second-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto}.q8-section .panel-content-wrapper .third-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;top:10px}.q8-section .panel-content-wrapper .fourth-bubble .text-bubble__content{padding:24px;font-size:14px;height:auto;top:10px;margin-bottom:20px}}