@import url(style.css);header{height:65px;background-color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;padding:0 10%;position:relative}.header-left{margin:0;display:flex;align-items:center}.header-left .logo-img{display:flex;align-items:center;margin-right:10px}.header-left .logo-text p{font-size:19px;font-family:"Poppins";color:#525252;text-transform:uppercase}.header-navigation ul{list-style:none;display:flex}.header-navigation ul li{margin-left:10px}.header-navigation ul li.active{border-bottom:3px solid #6c87b8}.header-navigation ul li a{font-size:15px;font-family:"Meiryo UI";color:#353535}ul#menu li.active{background:#d2dbe9}#toast-container .toast-warning .toast-message,#toast-container .toast-success .toast-message{color:#fff}#ajaxloader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color: #0000006e;position:fixed;width:100%;height:100%;z-index:1000000}#world-load{width:70px;height:70px;border-radius:50%;border:3px;border-style:solid;border-color:transparent;border-top-color:#797979;-webkit-animation:world 2400ms linear infinite;animation:world 2400ms linear infinite;z-index:999}#world-load:before{content:"";position:absolute;top:7.5px;left:7.5px;right:7.5px;bottom:7.5px;border-radius:50%;border:3px;border-style:solid;border-color:transparent;border-top-color:#797979;-webkit-animation:world 2700ms linear infinite;animation:world 2700ms linear infinite}#world-load:after{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;border-radius:50%;border:3px;border-style:solid;border-color:transparent;border-top-color:#797979;-webkit-animation:world 1800ms linear infinite;animation:world 1800ms linear infinite}@-webkit-keyframes world {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg); }
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg); } }@keyframes world {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg); }
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg); } }main{min-height:calc(100vh - 200px);display:flex;flex-direction:column}#banner{background:#6e98c3}#banner .banner-body{padding:60px 0;text-align:center}#banner.term-content .banner-body,#banner.diagnosis-content .banner-body,#banner.result-content .banner-body,#banner.questionnaire-content .banner-body{padding:60px 0}#banner .banner-body h2{font-size:50px;font-family:"Segoe UI";color:#f5f5f5;font-weight:bold;text-transform:uppercase;line-height:.733;margin-bottom:50px}#banner .banner-body p{font-size:20px;font-family:"NotoSansCJKjp";color:#f5f5f5;text-transform:uppercase;margin-bottom:50px}#banner.term-content .banner-body p,#banner.questionnaire-content .banner-body p,#banner.result-content .banner-body p,#banner.diagnosis-content .banner-body p{margin-bottom:0}#banner .banner-body a{padding:12px;border:1px solid #ffcd44;align-items:center;display:flex;width:400px;justify-content:center;margin:auto;box-shadow: 0 0 10px rgba(0 0 0 / .2);border-radius:10px;background-color:#ffcd44}#banner .banner-body a span{font-size:26px;font-family:"NotoSansCJKjp";color:#fff;font-weight:bold;text-transform:uppercase;padding-left:15px}#banner .banner-body p.subtit{font-size:30px;font-family:"NotoSansCJKjp";color:#f5f5f5;text-transform:uppercase;margin-bottom:10px}#banner .banner-body p.tit{font-size:40px;font-family:"NotoSansCJKjp";color:#ffdc5e;text-transform:uppercase;margin-bottom:10px}#questionnaire{margin:auto}#questionnaire .content{padding:20px 0}#form_result{background-color:#f2f2f2;overflow:hidden;padding:50px 0}#form_result .item{padding:10px 0}#form_result .item .desc{padding-right:200px}#form_result .item .name p{font-size:18px;font-family:"NotoSansCJKjp";color:#191919;text-align:right}#form_result .item-input input{width:100%;height:34px;border:1px solid #e5e5e5;border-radius:4px;padding:10px}#form_result .item-radio .desc{display:flex}#form_result .item-radio .desc label{padding-left:2px;padding-right:30px}#desc{margin:auto}#desc .content{padding:20px 0}#desc p{font-size:20px;font-family:"NotoSansCJKjp";color:#000;text-transform:uppercase;text-align:center}#terms{margin:auto}#terms .content{padding:20px 0}#terms .chapter{border-bottom:1px dotted;padding:40px 0 20px}#terms .chapter h3{font-size:24px;font-family:"NotoSansCJKjp";color:#000;text-align:center;margin-bottom:30px}#terms .chapter h4{font-size:18px;font-family:"NotoSansCJKjp";color:#4d4a4a;text-align:center;margin-bottom:30px}#terms .chapter p{font-size:18px;font-family:"NotoSansCJKjp";color:#4d4a4a;margin-bottom:15px;padding:0 20px}#terms .chapter ul{list-style:none;margin-left:50px;padding:30px}#terms .chapter ul li{font-size:18px;font-family:"NotoSansCJKjp";color:#000;margin-bottom:15px;position:relative}#terms .chapter ul li::before{position:absolute;content:url(https://big5-basic.com/front/view/img/term-icon.png);top:-2px;left:-15px}#diagnosis .content{padding:20px 0}#diagnosis p{font-size:24px;font-family:"NotoSansCJKjp";color:#000;text-transform:uppercase;text-align:center}.test-questions.comp{padding:30px 0}.test-questions.comp .submit{text-align:center;margin-top:15px}.test-questions.comp .submit .btn{padding:15px 50px;background-color:#81b29a;border:none;font-size:24px;font-family:"NotoSansCJKjp";color:#fff}.result-btn{padding:10px 50px;background-color:#81b29a;border:none;font-size:18px;font-family:"NotoSansCJKjp";margin-top:20px;color:#fff}.result-btn:hover{color:#fff}.test-questions.comp .question{padding:20px 0}.test-questions.comp .question .statement{font-size:22px;font-family:"NotoSansCJKjp";color:#000;text-align:center;padding:0 30px}.test-questions.comp .question .decision{margin:30px 0;padding:0 50px}.test-questions.comp .question .decision:not(.mobile) .caption {display:block}.test-questions.comp .question .decision .options{-webkit-box-flex:0;flex:0 0 100%;margin:0 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.test-questions.comp .question .decision .options .option.agree,.test-questions.comp .question .decision .options .option.disagree,.test-questions.comp .question .decision .options .option.neutral{border-width:3px}.test-questions.comp .question .decision .options .option span{font-size:1.1em;margin-top:3px;color:transparent}.test-questions.comp .question .decision .options .option.max{-webkit-box-flex:0;width:70px;max-width:70px;height:70px}.test-questions.comp .question .decision .options .option.med{-webkit-box-flex:0;width:55px;max-width:55px;height:55px}.test-questions.comp .question .decision .options .option.neutral{border:2px solid #bfceea;-webkit-box-flex:0;width:40px;max-width:40px;height:40px}.test-questions.comp .question .decision .options .option{border-radius:50%;cursor:pointer;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.test-questions.comp .question .decision .options .item{display:flex}.test-questions.comp .question .decision .options .item .tit{flex-shrink:0;align-items:center;display:flex;padding:0 20px}.test-questions.comp .question .decision.question_1 .options .option{border:2px solid #bfceea}.test-questions.comp .question .decision.question_1 .options .option.active,.test-questions.comp .question .decision.question_1 .options .option:hover{background-color:#bfceea}.test-questions.comp .question .decision.question_2 .options .option{border:2px solid #ffe699}.test-questions.comp .question .decision.question_2 .options .option.active,.test-questions.comp .question .decision.question_2 .options .option:hover{background-color:#ffe699}.test-questions.comp .question .decision.question_3 .options .option{border:2px solid #bbb}.test-questions.comp .question .decision.question_3 .options .option.active,.test-questions.comp .question .decision.question_3 .options .option:hover{background-color:#bbb}.test-questions.comp .question .decision.question_4 .options .option{border:2px solid #e2b08f}.test-questions.comp .question .decision.question_4 .options .option.active,.test-questions.comp .question .decision.question_4 .options .option:hover{background-color:#e2b08f}.test-questions.comp .question .decision.question_5 .options .option{border:2px solid #c8d5ed}.test-questions.comp .question .decision.question_5 .options .option.active,.test-questions.comp .question .decision.question_5 .options .option:hover{background-color:#c8d5ed}.test-questions.comp .question .decision.question_6 .options .option{border:2px solid #ffe699}.test-questions.comp .question .decision.question_6 .options .option.active,.test-questions.comp .question .decision.question_6 .options .option:hover{background-color:#ffe699}.test-questions.comp .question .decision.question_7 .options .option{border:2px solid #e2b08f}.test-questions.comp .question .decision.question_7 .options .option.active,.test-questions.comp .question .decision.question_7 .options .option:hover{background-color:#e2b08f}.test-questions.comp .question .decision.question_8 .options .option{border:2px solid #b0b0b0}.test-questions.comp .question .decision.question_8 .options .option.active,.test-questions.comp .question .decision.question_8 .options .option:hover{background-color:#b0b0b0}.test-questions.comp .question .decision.question_9 .options .option{border:2px solid #b9cae9}.test-questions.comp .question .decision.question_9 .options .option.active,.test-questions.comp .question .decision.question_9 .options .option:hover{background-color:#b9cae9}.test-questions.comp .question .decision.question_10 .options .option{border:2px solid #e2b08f}.test-questions.comp .question .decision.question_10 .options .option.active,.test-questions.comp .question .decision.question_10 .options .option:hover{background-color:#e2b08f}.test-questions.comp .question .caption{display:none}.test-questions.comp .question .decision .options .option.active span{color:#fff}#content .left-side img{float:right}#content .right-side img{float:left;width:100%}#content .result{margin:10px 20px 10px 10px;font-size:1em;background:#fff;padding:5px 40px;border-radius:5px}#content .result .trait{width:100%;padding:5px;border-bottom:1px solid #dcdcdc}#content .result .trait .caption{font-size:24px;text-align:center;font-weight:600;margin-bottom:0}#content .result .trait .bar-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;margin-bottom:0}#content .result .trait .bar-wrapper .percentage{-webkit-box-flex:0;flex:0 0 50px;font-size:20px}#content .result .trait .bar-wrapper .bar{-webkit-box-flex:1;flex-grow:1;height:10px;margin-top:2px;border-radius:10px;overflow:hidden;background-color:#f5f5f5}#content .result .trait .bar-wrapper .bar .filler{height:10px}#content .result .trait .bar-wrapper .percentage.right{text-align:right}#content .result .trait .trait-titles{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}#content .result .trait .trait-titles .title.left{padding-right:5px}#content .result .trait .trait-titles .title{font-size:20px}#content .result .trait .trait-titles .title.right{padding-left:5px}#content .result .trait.extroversion .bar-wrapper .bar.right-fill{background-color: #6e98beff}#content .result .trait.extroversion .bar-wrapper .bar.right-fill .filler{background-color:#ffdc5e}#content .result .trait.extroversion .bar-wrapper .percentage{color:#ffdc5e}#content .result .trait.extroversion .bar-wrapper .percentage.right{color: #6e98beff}#content .result .trait.extroversion .trait-titles .title.left{color:#ffdc5e}#content .result .trait.extroversion .trait-titles .title.right{color: #6e98beff}#content .result .trait.coordination .bar-wrapper .bar.right-fill{background-color: #6e98beff}#content .result .trait.coordination .bar-wrapper .bar.right-fill .filler{background-color:#ffdc5e}#content .result .trait.coordination .bar-wrapper .percentage{color:#ffdc5e}#content .result .trait.coordination .bar-wrapper .percentage.right{color: #6e98beff}#content .result .trait.coordination .trait-titles .title.left{color:#ffdc5e}#content .result .trait.coordination .trait-titles .title.right{color: #6e98beff}#content .result .trait.hardworking .bar-wrapper .bar.right-fill{background-color: #6e98beff}#content .result .trait.hardworking .bar-wrapper .bar.right-fill .filler{background-color:#ffdc5e}#content .result .trait.hardworking .bar-wrapper .percentage{color:#ffdc5e}#content .result .trait.hardworking .bar-wrapper .percentage.right{color: #6e98beff}#content .result .trait.hardworking .trait-titles .title.left{color:#ffdc5e}#content .result .trait.hardworking .trait-titles .title.right{color: #6e98beff}#content .result .trait.emotional .bar-wrapper .bar.right-fill{background-color: #6e98beff}#content .result .trait.emotional .bar-wrapper .bar.right-fill .filler{background-color:#ffdc5e}#content .result .trait.emotional .bar-wrapper .percentage{color:#ffdc5e}#content .result .trait.emotional .bar-wrapper .percentage.right{color: #6e98beff}#content .result .trait.emotional .trait-titles .title.left{color:#ffdc5e}#content .result .trait.emotional .trait-titles .title.right{color: #6e98beff}#content .result .trait.creativity .bar-wrapper .bar.right-fill{background-color: #6e98beff}#content .result .trait.creativity .bar-wrapper .bar.right-fill .filler{background-color:#ffdc5e}#content .result .trait.creativity .bar-wrapper .percentage{color:#ffdc5e}#content .result .trait.creativity .bar-wrapper .percentage.right{color: #6e98beff}#content .result .trait.creativity .trait-titles .title.left{color:#ffdc5e}#content .result .trait.creativity .trait-titles .title.right{color: #6e98beff}#content .description{padding:20px 0}#content .description .item{padding:10px 10px 10px 50px}#content .description .item h3{font-size:36px;font-family:"NotoSansCJKjp";color:#000;margin-bottom:5px;position:relative}#content .description .item h3::before{position:absolute;content:url(https://big5-basic.com/front/view/img/result-icon.png);left:-25px;top:-6px}#content .description .item h4{font-size:24px;font-family:"NotoSansCJKjp";color:#000;margin-bottom:5px}#content .description .item p{font-size:20px;font-family:"NotoSansCJKjp";color:#000}#content .description .item p .red{font-size:21px;font-family:"NotoSansCJKjp";color:red}#contact{padding:30px 10px}#contact .form-control{height:50px;font-size:20px}#contact textarea.form-control{height:150px}#contact .btn{padding:10px 30px;font-size:16px;background:#5b76a6;border-color:#5b76a6;color:#fff}#contact .btn:hover{background:#738ec0}#contact label{font-size:16px;font-weight:300}.contact-content#banner .banner-body p{font-size:21px}.align-center{text-align:center}.red{color:red}.blue{color:#00f}textarea{resize:vertical}footer{text-align:center;height:110px;padding-top:30px;position:relative}footer .top-line{position:absolute;left:30%;right:30%;border-top:2px solid #eaebeb;top:0}footer nav span{padding:0 2px}footer .copyright{display:block;padding:10px}.result-header{display:flex;flex-direction:row-reverse}.result-header-left{flex:auto;align-self:center}.result-header-right{flex:1;padding:0;align-self:center}.border-none{border:0!important}.mobile-part{display:none}.desktop-part{display:block}@media screen and (max-width:1199px){.test-questions.comp .question .decision .options .item .tit{display:none}.test-questions.comp .question .decision .options .item .tit{width:180px;height:70px}.test-questions.comp .question .decision{padding:0 10px}.test-questions.comp .question .decision .options .option.max{width:50px;max-width:50px;height:50px}.test-questions.comp .question .decision .options .option.med{width:40px;max-width:40px;height:40px}.test-questions.comp .question .decision .options .option.neutral{width:30px;max-width:30px;height:30px}.test-questions.comp .question .caption{display:flex;justify-content:space-between;padding:0 30px}.test-questions.comp .question .decision{margin:10px 0}}@media screen and (max-width:991px){#form_result .item .name p{font-size:18px;font-family:"NotoSansCJKjp";color:#191919;text-align:left;padding-bottom:10px}#form_result .item .desc{padding-right:0}#questionnaire{margin:0}}@media screen and (max-width:768px){.test-questions.comp .question .statement{font-size:18px}.result-header{flex-direction:column}.result-header-left{margin:10px;align-self:unset}#banner .banner-body p.subtit{font-size:25px}#banner .banner-body p.tit{font-size:35px}#content .description .item{padding:0 0 0 15px}#terms .chapter ul{margin-left:0;padding:0 30px}#terms .chapter ul li{margin-bottom:5px}#terms .chapter p{padding:0 10px}.container{padding:0}header{padding:0 10px}#banner .banner-body a{width:80%}#banner .banner-body h2{font-size:40px}#banner .banner-body{padding:60px 0}#banner .banner-body p{font-size:16px}#banner .banner-body a span{font-size:20px}#desc p{font-size:16px;padding-top:20px}footer .top-line{left:20px;right:20px}}@media screen and (max-width:479px){.mobile-part{display:block}.desktop-part{display:none}footer{font-size:12px}}@media screen and (max-width:991px){#content .left-side img{display:none}#content .result{margin:0}#menuToggle{display:block;position:fixed;top:15px;right:20px;z-index:1;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle a:hover{color:#ff6347}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1.0) , background .5s cubic-bezier(.77,.2,.05,1.0) , opacity .55s ease}#menuToggle span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2)
	{transform-origin:0% 100%}#menuToggle input:checked ~ span
	{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#cdcdcd}#menuToggle input:checked ~ span:nth-last-child(3)
	{opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle input:checked ~ span:nth-last-child(2)
	{transform:rotate(-45deg) translate(0,-1px)}#menu{position:absolute;padding:15px 0;top:-16px;right:-20px;width:100vw;background:#f5f5f5;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(0,-150%);transition:transform .5s cubic-bezier(.77,.2,.05,1.0)}#menu li{padding:10px 20px;font-size:16px;color:#525252}#menuToggle input:checked ~ ul
	{transform:none}}:root{--jp-font:"Noto Sans JP" , "Yu Gothic" , "Hiragino Kaku Gothic ProN" , Meiryo , sans-serif}html,body{font-family: var(--jp-font);font-weight:400;line-height:1.6}body,p,li,dt,dd,span,h1,h2,h3,h4,h5,h6,table,th,td,input,textarea,select,button,#banner .banner-body p,#banner .banner-body .tit,#banner .banner-body .subtit,#content .result,#content .description,.header-navigation ul li a{font-family: var(--jp-font) !important}@media (max-width:768px){html{font-size:15px}}.glyphicon,.glyphicon:before{font-family:"Glyphicons Halflings"!important}.test-questions.comp .question .statement,.test-questions.comp .submit .btn,.next-btn{font-family: var(--jp-font) !important}