@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;src:url(../fonts/NotoSansCJKjp-Regular.otf) format("opentype"),url(../fonts/NotoSansCJKjp-Regular.woff) format("woff"),url(../fonts/NotoSansCJKjp-Regular.woff2) format("woff2")}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;src:url(../fonts/NotoSansCJKjp-Bold.otf) format("opentype"),url(../fonts/NotoSansCJKjp-Bold.woff) format("woff"),url(../fonts/NotoSansCJKjp-Bold.woff2) format("woff2")}html{overflow-x:hidden}p,#main{padding:0}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-normal{font-size:16px}.text-md{font-size:18px}.text-lg{font-size:24px}.text-xl{font-size:30px}.text-xxl{font-size:55px}.breadcrumb{height:20px;border:none}.study-type-area{font-family:Noto Sans JP,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif}section p{margin-block-start:5px;margin-block-end:5px}.background{background-image:url(../content/img/background.webp);background-repeat:repeat;position:relative;height:auto;z-index:0;margin-bottom:40px}.grid{display:grid;grid-gap:20px}.wlc-container{display:flex;height:max-content;width:100%}.wlc-container.base{margin:0 auto;width:960px;max-width:100%;padding-top:20px;padding-bottom:60px}.wlc-container.padding{padding:20px 0}.wlc-container.row{flex-direction:row;align-items:start;justify-content:center;gap:30px}.wlc-container.column{flex-direction:column;align-items:center;justify-content:start}.wlc-container.column.gap{gap:20px}.wlc-container.column.align-start{align-items:start}.center{display:flex;justify-content:center;align-items:center;margin:auto}.parallelogram{position:relative;display:inline-block;padding:6px;width:max-content;height:max-content}.parallelogram:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;border-radius:3px;transform:skew(-15deg);background-color:#e4aa03}.grow{flex-grow:1}.grid.top-supervisor{grid-row-gap:5px;grid-column-gap:40px}.grid.top-supervisor .grid-n-1{grid-column:1;grid-row:1 / span 3}.grid.top-supervisor .grid-n-2{grid-column:2;grid-row:1}.grid.top-supervisor .grid-n-3{grid-column:2;grid-row:2}.grid.top-supervisor .grid-n-4{grid-column:2;grid-row:3}.title.top.sp{width:400px;height:150px}.confirm-btn.top{width:400px;font-size:25px}.title.top.pc{width:400px}#art-top-left,#art-top-right,#art-bottom-left,#art-bottom-right{position:absolute;object-fit:contain}#art-top-left,#art-top-right{height:170px}#art-top-left,#art-top-right{top:0}#art-top-left{left:0}#art-top-right{right:0;rotate:10deg}#art-bottom-left,#art-bottom-right{bottom:0}#art-bottom-left{height:200px;left:0;transform:rotate(-15deg)}#art-bottom-right{height:180px;right:0}img.title{height:140px;object-fit:contain}img.title_yoko2{height:40px}.blue{background-color:#0f9fcc;color:#fff}.dark-blue{background-color:#0d6db5;color:#fff}.orange{background-color:#e4aa03;color:#fff}.blue-outer{border:1px solid #0F9FCC!important;background-color:#fff;color:#0f9fcc}.confirm-btn.disable,.disable{background-color:#f1f1f1;color:#a9a9a9;opacity:1;border:none}.dark-blue-text{color:#0d6db5}.bold{font-weight:700}.btn{box-shadow:0 3px 6px #0003;cursor:pointer}.confirm-btn{padding:15px 20px;min-width:200px;font-size:18px;font-weight:700;border-radius:50px;border:none;width:auto}.btn.small{padding:10px 40px;font-size:16px;min-width:100px}.btn.big{padding:25px 60px;min-width:20px}.btn:hover{opacity:.9}.btn:active{transform:scale(.95)}p.text-area{display:inline-block;width:100%;max-width:100%;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.margin-tb{margin-top:20px;margin-bottom:20px}.padding-tb{padding-top:20px;padding-bottom:20px}.text-area.left{text-align:left}.text-area .emphasis{font-size:24px;font-weight:600}.line{width:100%;height:1px;background-color:#ba9678;margin-top:20px;margin-bottom:20px}.card{margin:10px 0;padding:20px 40px;border-radius:10px;box-shadow:0 3px 6px #0003;background-color:#fff;width:100%;position:relative;overflow:hidden;box-sizing:border-box}.item{position:relative;width:120px;height:120px;padding:20px;border-radius:10px;box-shadow:0 3px 6px #0003;background-color:transparent;border:1px solid #0D6DB5;color:#000;display:flex;justify-content:center;align-items:center;text-align:center}.item.selected{color:#fff;z-index:10;border:1px solid #0F9FCC}.item.selected:after{content:"";position:absolute;top:4x;right:4px;width:calc(100% - 8px);height:calc(100% - 8px);background-color:#0f9fcc;color:#fff;border-radius:4px;display:flex;justify-content:center;align-items:center;z-index:-1}.grid.options{grid-auto-flow:column}.progress-bar{width:200px;height:10px;background-color:#f1f1f1;border-radius:10px;padding:0;margin:0 0 20px;position:relative}.progress-bar .progress{height:100%;width:0%;background-color:#0d6db5;border-radius:10px;transition:width .2s ease}.tooltip{position:absolute;color:#0d6db5;top:150%;left:0%;transform:translate(-50%);margin-bottom:10px;font-size:12px;font-weight:600;padding:0 5px;background-color:#fff;border-radius:5px;border:2px solid #0D6DB5;white-space:nowrap;z-index:10;transition:left .2s ease}.tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent white transparent}.tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #0D6DB5 transparent;z-index:-1}.grid.result{grid-auto-flow:row;grid-row-gap:15px;grid-column-gap:5px}.ribbon{position:relative;text-align:center;width:max-content;height:48px;line-height:48px;padding:0 32px 0 16px;margin-bottom:20px;background-color:#0d6db5;color:#fff;font-size:26px;font-weight:700}.ribbon:after{position:absolute;border-color:transparent white;right:-1px;border-width:24px 15px 24px 0px;top:0;width:0px;height:0px;border-style:solid;content:""}.ribbon p{font-size:20px;font-weight:700}img.user-icon{width:40px;height:40px;border-radius:50%;margin:auto 0}.result-bottom-area{width:100%;margin:20px 0;text-align:center}.result-banner{background-color:#dcdcdc;width:350px;object-fit:contain;display:flex;justify-content:center;align-content:center;margin:10px auto}.result-banner.sp{display:none}.grid.recommend{grid-auto-flow:column;grid-gap:auto;width:auto;max-width:100%;margin:0 auto}.recommend-content{width:270px}.recommend-content p{text-align:start}.recommend-img{height:180px}.sns img{height:45px;object-fit:contain}#sns-x.sns img{height:42px}.bubble{position:relative;border:solid 2px #0D6DB5;border-radius:10px;padding:20px;box-shadow:0 3px 6px #0003}@media only screen and (min-width: 741px){.breadcrumb{margin:20px auto}.grid.top-supervisor .grid-n-4{display:flex;flex-direction:column}.grid.top-supervisor .grid-n-4 p{margin-top:auto;margin-bottom:0}.grid.result{grid-template-columns:1.7fr 1fr;margin-bottom:40px}.grid.result .grid-n-1{grid-row:1;grid-column:1}.grid.result .grid-n-2{grid-row:1 / span 2;grid-column:2}.grid.result .grid-n-3{grid-row:2;grid-column:1}.grid.result .grid-n-2 img{width:300px}.grid.comments{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr,auto);grid-column-gap:40px}img.voice{width:25px}.questions.text-area br{display:none}}@media only screen and (min-width: 741px) and (max-width: 1024px){.text-xxl{font-size:38px}#main{width:100%}.card{padding:15px 30px}.breadcrumb,.wlc-container.base{width:740px;max-width:90%}.title.top.pc{width:350px}#art-top-left,#art-top-right{height:140px}#art-bottom-left{height:160px}#art-bottom-right{height:150px}.item{width:100px;height:100px}.grid.result{grid-column-gap:5px}.grid.result .grid-n-2 img{width:238px}.grid.recommend{width:90%;grid-gap:30px;overflow-x:auto}}@media only screen and (max-width: 740px){.wlc-container.base{width:auto;margin:0 20px;padding-top:20px;padding-bottom:40px}.sns img{height:40px}#sns-x.sns img{height:38px}.card{padding:10px 20px}.text-lg{font-size:22px}.text-xl{font-size:28px}.text-xxl{font-size:33px}img.title{height:50px}.art-area{position:relative}.title.top.pc{visibility:hidden}.title.top.sp{width:250px;height:auto;padding:50px}#art-top-left,#art-top-right{height:100px}#art-bottom-left{height:120px}#art-bottom-right{height:110px}.confirm-btn.top{width:250px;font-size:18px}.grid.top-supervisor{grid-gap:10px}.grid.top-supervisor .grid-n-1{grid-column:1;grid-row:2;margin:10px auto 0}.grid.top-supervisor .grid-n-2{grid-column:1;grid-row:1;margin:0 auto}.grid.top-supervisor .grid-n-3{grid-column:1;grid-row:3;text-align:center}.grid.top-supervisor .grid-n-4{grid-column:1;grid-row:4}.top.text-area{text-align:start}.top.text-area br{display:none}.top.text-area br.sp-br{display:block}.grid.options{grid-auto-flow:row;width:100%}.item{width:100%;height:55px;box-sizing:border-box}.item p br{display:none}.grid.result h1,.grid.result h2{text-align:center}.grid.result .grid-n-2 img{width:230px}.type:before{top:calc(50% - 30vw);left:calc(50% - 30vw);width:40vw;height:40vw}.type:after{top:calc(50% - 20vw);left:calc(50% - 20vw);width:60vw;height:60vw}.ribbon{padding-left:5px;padding-right:20px}.ribbon p{font-size:15px}.result-bottom-area{width:100%}.grid.recommend{grid-auto-flow:row;width:max-content;margin:0 auto}.recommend-content{width:350px;padding:0 20px;box-sizing:border-box}.recommend-img{height:200px}img.voice{width:25px}.recommend-img,#start.confirm-btn.orange.btn,.result-banner{width:300px}}@media only screen and (max-width: 400px){.text-xxl{font-size:28px}}