@charset "utf-8";#nagano-diagnosis{width:720px;margin:0 auto}#nagano-diagnosis:has(>#resultBox){width:100%}#nagano-diagnosis *{box-sizing:border-box}:root{--bar-height:.6rem}#nagano-diagnosis .progress-bar{width:100%;height:var(--bar-height);margin-bottom:2.5rem;position:relative}#nagano-diagnosis .progress-bar:after{content:"";width:100%;height:var(--bar-height);background:#f6f6f6;border-radius:9999px;position:absolute;top:0;left:0}#nagano-diagnosis .progress-fill{background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:9999px;height:var(--bar-height);width:0;transition:width .4s ease;position:absolute;top:0;left:0;z-index:2}#nagano-diagnosis .step-indicator{font-family:var(--eng-font);font-size:.9rem;line-height:1;font-weight:var(--bold);color:var(--base-light-color);position:absolute;top:0;right:0;z-index:1;transform:translate(-.25em,-150%)}#nagano-diagnosis .screen{display:none;animation:fadeIn .4s ease}#nagano-diagnosis .screen.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#nagano-diagnosis #startScreen{text-align:center}#nagano-diagnosis .icon{font-size:3.5rem;margin-bottom:24px}#nagano-diagnosis #startScreen h2{font-size:1.5rem;color:#333;margin-bottom:16px;font-weight:700;line-height:1.5}#nagano-diagnosis .description{color:#666;margin-bottom:40px;font-size:1.05rem;line-height:1.8}#nagano-diagnosis .btn-primary{font-family:var(--zen-maru);font-size:1.5rem;line-height:1.8;font-weight:var(--bold);color:#fff;text-align:center;background:var(--key-color02);padding:.8em 0;border-radius:9999px;cursor:pointer}#nagano-diagnosis .btn-secondary{background:#fff;color:#666;border:2px solid #e0e0e0;padding:16px 32px;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}#nagano-diagnosis .btn-secondary:hover{border-color:#4caf50;color:#4caf50}#nagano-diagnosis .home-icon{font-size:1.1rem}#nagano-diagnosis .question-category{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);padding:16px 24px;border-radius:12px;margin-bottom:32px;text-align:center;font-size:.9rem;color:#2e7d32;font-weight:600}#nagano-diagnosis .question-text{font-size:1.4rem;line-height:1.6;font-weight:var(--bold);color:#fff;color:var(--base-color);text-align:center;background:var(--key-color02);background:rgba(0,125,79,.1);border-radius:9999px;padding:1em 3.5em;position:relative;margin-bottom:3em}#nagano-diagnosis .question-text>.question-number{width:2rem;height:auto;aspect-ratio:1/1;position:absolute;top:50%;left:0;transform:translate(100%,-50%)}#nagano-diagnosis .question-text>.question-number:before{font-family:var(--bootstrap);font-size:2rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#nagano-diagnosis .question-text>.question-number.number01:before{content:"\F797"}#nagano-diagnosis .question-text>.question-number.number02:before{content:"\F79D"}#nagano-diagnosis .question-text>.question-number.number03:before{content:"\F7A3"}#nagano-diagnosis .question-text>.question-number.number04:before{content:"\F7A9"}#nagano-diagnosis .question-text>.question-number.number05:before{content:"\F7AF"}#nagano-diagnosis .question-text>.question-number.number06:before{content:"\F7B5"}#nagano-diagnosis .question-text>.question-number.number07:before{content:"\F7BB"}#nagano-diagnosis .question-text:after{content:"";width:1em;height:auto;aspect-ratio:1/1;clip-path:polygon(100% 0,0 0,0 100%);background:rgba(0,125,79,.1);position:absolute;bottom:0;left:50%;transform:translate(-50%,99%)}#nagano-diagnosis .options{display:flex;justify-content:space-between;gap:1rem}#nagano-diagnosis .option-btn{width:100%;font-size:1.2rem;line-height:1.6;font-weight:var(--bold);text-align:center;padding:3em 1em;border:1px solid var(--base-light-color);border-radius:1rem;position:relative;cursor:pointer;transition:.2s}#nagano-diagnosis .option-btn:hover,#nagano-diagnosis .option-btn.is-selected{border-color:var(--key-color02);background:var(--key-color02);color:#fff}#nagano-diagnosis .option-btn:hover:after,#nagano-diagnosis .option-btn.is-selected:after{font-family:var(--google-icon);content:"\e86c";font-size:2rem;line-height:1;font-variation-settings:'FILL' 1;position:absolute;top:.25em;left:.25em}#resultBox{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}#resultBox>figure{box-sizing:border-box;width:240px;border-radius:1rem;padding:1rem}#resultBox.type01>figure{background:var(--key-color01)}#resultBox.type02>figure{background:var(--main-color)}#resultBox.type03>figure{background:var(--key-color05)}#resultBox.type04>figure{background:var(--key-color02)}#resultBox>figure>img{filter:brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(744%) hue-rotate(291deg) brightness(119%) contrast(100%);border-radius:.5rem;padding:1.5rem;padding:2rem}#resultBox>.text-box{flex:1;text-align:left}#resultBox .result-badge{width:fit-content;font-size:.9rem;line-height:2.8;font-weight:var(--bold);color:var(--key-color03);border:1px solid var(--key-color03);padding:0 2.5em;border-radius:9999px;margin-bottom:2rem}#resultBox p.result-group{font-size:1.1rem;line-height:1.8;font-weight:var(--medium);margin-bottom:0}#resultBox h2.result-title{font-size:2.4rem;line-height:1.4;font-weight:var(--heavy);margin-bottom:1.5rem}#resultBox.type01 h2{color:var(--key-color01)}#resultBox.type02 h2{color:var(--main-color)}#resultBox.type03 h2{color:var(--key-color05)}#resultBox.type04 h2{color:var(--key-color02)}#resultBox .result-message-box{border:1px solid #ccc;border-radius:.5rem;padding:1.8rem 2.5rem;margin-bottom:4rem}#resultBox .result-message{font-size:1.05rem;line-height:2;font-weight:var(--medium)}ul.result-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem}ul.result-actions>li{width:100%}ul.result-actions>li>a{display:block;text-decoration:none;color:var(--base-color);font-size:1.2rem;line-height:1.8;font-weight:var(--bold);text-align:center;border:1px solid #999;border-radius:9999px;background:#fff;padding:1em 0;padding-left:1.25em;position:relative;overflow:hidden;transition:.15s}ul.result-actions>li>a:hover{color:#fff}ul.result-actions>li.type01>a:hover,ul.result-actions>li.member>a:hover{border-color:var(--key-color01)}ul.result-actions>li.type02>a:hover{border-color:var(--main-color)}ul.result-actions>li.type03>a:hover{border-color:var(--key-color05)}ul.result-actions>li.type04>a:hover{border-color:var(--key-color02)}ul.result-actions>li>a:before{content:"";width:100%;height:104%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(0);transition:.15s}ul.result-actions>li.type01>a:before,ul.result-actions>li.member>a:before{background:var(--key-color01)}ul.result-actions>li.type02>a:before{background:var(--main-color)}ul.result-actions>li.type03>a:before{background:var(--key-color05)}ul.result-actions>li.type04>a:before{background:var(--key-color02)}ul.result-actions>li>a:hover:before{transform:translate(-50%,-50%) scaleX(1)}ul.result-actions>li>a>span{display:inline-block;position:relative;z-index:1}ul.result-actions>li>a>span:before{content:"";aspect-ratio:1/1;background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;top:50%;left:0}ul.result-actions>li.more>a>span:before{width:1.4em;height:auto;background-image:url(//www.nagano-action.jp/wp/wp-content/themes/nagano-action/css/pc/../../img/common/cta/icon03.svg);transform:translate(-140%,-45%) rotate(-20deg)}ul.result-actions>li.more.type01>a>span:before{filter:brightness(0) saturate(100%) invert(40%) sepia(23%) saturate(1291%) hue-rotate(164deg) brightness(98%) contrast(94%)}ul.result-actions>li.more.type02>a>span:before{filter:brightness(0) saturate(100%) invert(34%) sepia(89%) saturate(1377%) hue-rotate(347deg) brightness(85%) contrast(97%)}ul.result-actions>li.more.type03>a>span:before{filter:brightness(0) saturate(100%) invert(62%) sepia(100%) saturate(273%) hue-rotate(355deg) brightness(80%) contrast(99%)}ul.result-actions>li.more.type04>a>span:before{filter:brightness(0) saturate(100%) invert(35%) sepia(11%) saturate(5988%) hue-rotate(122deg) brightness(95%) contrast(101%)}ul.result-actions>li.member>a>span:before{width:1.1em;height:auto;background-image:url(//www.nagano-action.jp/wp/wp-content/themes/nagano-action/css/pc/../../img/common/cta/icon01.svg);filter:brightness(0) saturate(100%) invert(40%) sepia(23%) saturate(1291%) hue-rotate(164deg) brightness(98%) contrast(94%);transform:translate(-120%,-50%) rotate(-25deg)}ul.result-actions>li>a:hover>span:before{filter:brightness(0) saturate(100%) invert(84%) sepia(80%) saturate(0%) hue-rotate(54deg) brightness(106%) contrast(102%) !important}#nagano-diagnosis .result-actions{display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}#nagano-diagnosis .question-nav{display:flex;justify-content:flex-start;margin-top:2rem}#nagano-diagnosis #backBtn{background:#fff;border:none;width:fit-content;font-size:.95rem;line-height:1.8;color:var(--base-color);cursor:pointer;position:relative;padding-left:1.25rem}#nagano-diagnosis #backBtn>.arrow-back{width:1rem;height:auto;aspect-ratio:1/1;position:absolute;top:50%;left:0;transform:translate(0,-50%)}#nagano-diagnosis #backBtn>.arrow-back:after{font-family:var(--google-icon);content:"\e5de";font-size:1.6rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}