:root{--orangeC: #ffc000;--orangeH: #ffda00}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5{font-size:16px}body{background-color:#fcfcfc;text-align:center;font-family:Noto Sans JP,sans-serif}.header{position:relative;height:100vh;width:100%;background:linear-gradient(to bottom,#ffa00003,#fff);overflow:hidden}.photoOut{width:100%;height:100vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover}.mainTitle{font-size:2.5rem;width:100%;position:absolute;top:150px;left:50%;transform:translate(-50%);color:#000}.subTitle{width:90%;font-size:1.2rem;position:absolute;top:250px;left:50%;transform:translate(-50%);font-weight:500;color:#000}.catchCopy{position:absolute;width:90%;bottom:100px;left:50%;transform:translate(-50%);color:#ffd000;font-size:.9rem}.company{position:absolute;bottom:70px;left:50%;transform:translate(-50%);color:#ffd000}.down{position:absolute;bottom:35px;left:50%;transform:translate(-50%);color:#ffd000}label,input{cursor:pointer}.wrapper{margin:0 50px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.question{font-size:1.5rem;-webkit-user-select:none;user-select:none;font-weight:400}.title{font-size:2rem;-webkit-user-select:none;user-select:none;font-weight:700}.titleWrap{border-bottom:1px solid #00000019}.radios{display:flex;justify-content:space-around;max-width:260px;margin:0 auto}.radioCnt{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}input[type=radio]+.inputBtn{position:relative;vertical-align:middle;display:inline-block;box-sizing:border-box;width:2.5rem;height:2.5rem;border-radius:50%;border:5px solid #ccc;background:#fcfcfc;box-shadow:none;transition:all .05s ease-out}input[type=radio]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:focus+.inputBtn{border:1px solid var(--orangeH);background:var(--orangeH)}input[type=radio]:checked+.inputBtn{background:#fcfcfc;border:7px solid var(--orangeC)}label{position:relative;border-radius:50%;width:2.5rem;height:2.5rem}label:hover .inputBtn{border:5px solid var(--orangeH);background:var(--orangeH)}.questionsWrap{border-bottom:solid 1px #00000019;padding-bottom:20px}.submit{display:block;margin:20px auto;padding:7px 25px;border-radius:7px;border:none;background-color:#ffd000;font-size:16px;font-weight:700;color:#000;text-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.1s ease-in-out}@media (hover: hover){.submit:hover{background-color:#ffda00}.submit:active{background-color:#ffd000}}@media (hover: none){.submit:active{background-color:#ffda00}}.answerText{text-align:center}.feature{font-size:1.5rem;-webkit-user-select:none;user-select:none;text-align:center}.featureWrapper{margin:0 10%}.character{display:flex;align-items:center}.character h3{vertical-align:middle;font-size:1rem}.character h4{margin-left:10px;vertical-align:middle}.resultAlphabets{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ccc}.goodAndBadSide{display:grid;grid-template-columns:1fr 1fr;justify-items:start;text-align:start}.featureWrap{padding-left:10px;border-left:1px solid #ccc;padding-bottom:10px;padding-top:10px}.chart{max-width:700px;margin:0 auto}.weak{margin-bottom:20px}.nothingWeak h2{font-size:1rem;font-weight:400}.weakH2 h2{font-size:1.5rem}.weak h2{text-align:center}.weakWrap{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:25px}.weakWrap h3{margin-bottom:5px;margin-top:10px}.weakWrapper{margin:0 10%}.ending{margin-top:40px;width:100%}.ending .endingText{font-size:1.5rem;margin-bottom:10px}.ending .endingText span{font-size:1rem}.notSubmit p{font-size:1.5rem}tbody{margin:0 auto}table{margin-bottom:20px}.homePageWrap{margin-bottom:10px;margin-top:10px}.homePage{display:inline-block;color:#000;text-decoration:none;padding:10px 20px;border-radius:50px;background-color:#ffd000;transition:.1s ease-in-out;font-weight:700}@media (hover: hover){.homePage:hover{background-color:#ffda00}.homePage:active{background-color:#ffd000}}@media (hover: none){.homePage:active{background-color:#ffda00}}.companyInformation{margin:20px auto;width:100%}.companyInformation a{color:#2812e7}@media (hover: hover){.companyInformation a:hover{color:#6a5cec}.companyInformation a:active{color:#2812e7}}@media (hover: none){.companyInformation a:active{color:#6a5cec}}.companyInformation th,.companyInformation td{border:1px solid #ccc;padding:15px}.companyInformation th{font-weight:700;background-color:#ffbf0058}footer{margin-bottom:20px;text-align:center;vertical-align:middle}@media (max-width: 973px){.character{flex-direction:column;text-align:center;justify-content:center}.featureWrap p{font-size:.8rem}}@media (max-width: 839px){.resultAlphabets{display:block}.featureWrap:first-of-type{border:none}.weakWrap ol{padding-bottom:10px;border-bottom:1px solid #ccc}.character{display:grid}.character h3{margin-top:20px;display:inline-block}.weakWrap{display:table;text-align:left;margin-left:auto;margin-right:auto}}@media (max-width: 550px){.wrapper,.weakWrapper,.featureWrapper{margin:0 10px}.character h3,.character h4,.featureWrapper h5,.featureWrapper p{font-size:.8rem}.companyInformation tr{display:grid}.notSubmit p{font-size:1.5rem}.weakWrap li{font-size:.8rem}}