@media(max-width:1024px){.header ul{margin-left:100px}.wrap_gene .genehead .item_sels{margin:48px 0 24px;display:flex;gap:24px;font-size:14px;font-weight:600}.header .search input{width:180px}}@media(max-width:760px){.header ul{margin-left:0}.header{height:74px;overflow-x:hidden}.header .inner{padding:24px}.header .logo{left:50%;margin-left:-54px;width:120px}.header ul.close{display:none}.header ul.open{display:block;width:100%;height:100%;position:fixed;z-index:999;top:74px;left:0;background-color:#e0edff}.header ul.open li{padding:12px;text-align:center}.header ul.open li:first-child{margin-top:36px}.header .menu-toggle-container{display:block;cursor:pointer;position:relative;height:26px;width:30px;flex-direction:column;justify-content:center;align-items:center}.header .menu-toggle-container .menu-toggle{position:absolute;top:9px}.header .menu-toggle-container .menu-toggle,.header .menu-toggle-container .menu-toggle:after,.header .menu-toggle-container .menu-toggle:before{display:block;background-color:#1a1a1a;position:absolute;height:4px;width:30px;transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:2px}.header .menu-toggle-container .menu-toggle:before{content:"";margin-top:-8px}.header .menu-toggle-container .menu-toggle:after{content:"";margin-top:8px}.header .menu-toggle-container.on .menu-toggle:before{margin-top:0;transform:rotate(405deg)}.header .menu-toggle-container.on .menu-toggle{background:hsla(0,0%,100%,0)}.header .menu-toggle-container.on .menu-toggle:after{margin-top:0;transform:rotate(-405deg)}.header .search{display:none}}@media(max-width:660px){body{font-size:.9em}.wrap{padding:12px}h2{font-size:20px;margin:12px 0;text-align:center}h4{font-size:18px}.field{margin:6px auto;padding:12px}.chart_parsonality{min-width:320px;min-height:320px;width:100%;height:100%;max-width:400px}.chart_parsonality h3{font-size:20px}.exp_row{display:block}.exp_row h3{font-size:18px;margin-top:6px}.exp_row h3,.exp_row strong{text-align:center}.exp_row p{line-height:1.6}.exp_row .left_col{width:100%;padding-right:0}.exp_row .right_col{width:100%;padding-left:0}.toplead{font-size:calc(1.3vw + 1.5rem);margin:20px 0}.topsp{text-align:left}.topselecter{gap:12px}.topselecter li a,.topselecter li button{padding:10px 12px;font-size:16px}.top_chart{width:100%;height:100%;max-width:500px;margin:auto;overflow:hidden}.toppage h3{font-size:20px}.features{display:block}.carousel-item{margin:12px 0}.carousel-item .list_type,.carousel-item .symbol_text{padding:0}.carousel-item .todetail{position:relative;display:block;width:200px;margin:auto}.sppad{padding:12px;text-align:left}.to_enquete{font-size:14px}.to_enquete .inner{padding:18px 12px}.personality_row{display:block}.personality_row h3{font-size:18px}.personality_row .left_col{width:100%}.personality_row .left_col:after{display:none}.personality_row .right_col{flex-grow:1}.personality_row .chart{width:100%}.grid-container{display:flex;flex-direction:column;grid-template-columns:none;grid-template-areas:none;border:none}.grid-container:after{display:none}.grid-container .cell{border:none;padding:6px 0 0 10px}.grid-container .cell.crt{font-size:1.3em}.grid-container .text{padding-bottom:24px}.title{font-weight:700}.type_personal.head{border-top:1px solid var(--color-border)}.type_personal.head:before{padding-top:12px;content:"詳細（性格分析テストから見た現在のあなた）";color:var(--color-self);font-size:16px}.type_gene.head{border-top:1px solid var(--color-border)}.type_gene.head:before{padding-top:12px;content:"詳細（遺伝的な素質から見たあなた）";color:var(--color-gene);font-size:16px}.onpc{display:none}.grid-container .row{display:flex;flex-direction:column;padding:10px 0}.grid-container .row.type_personal{order:1}.grid-container .row.type_gene{order:2}.grid-container .row:first-child{margin-top:10px}.grid-container .row:last-child{margin-bottom:10px}.al_right{text-align:center}.wrap_gene .item_list{display:block}.wrap_gene .item_list>a{display:block;width:100%}.wrap_gene .genehead .select_gender{position:relative;margin:auto}.wrap_gene .genehead .item_sels{margin:48px 0 24px;display:inline-block;text-align:center}.wrap_gene .genehead .item_sels li{display:inline-block;padding:6px 12px}.bread{margin-bottom:12px}.item_trends{font-size:.8em}.g_position_wrap{display:block}.g_position_wrap .helptext{text-align:left}.g_position_wrap .doughnutchart{width:100%}.g_position_wrap .doughnutchart .chart{width:320px;margin:auto}.g_position_wrap .doughnutchart .chartrow{display:block}.g_position_wrap .doughnutchart .chartrow .labels{display:block;margin:12px auto 32px;max-width:80%}.g_position_wrap .doughnutchart .chartrow .labels li{margin:4px 12px;font-size:.9em}.g_position_wrap .your_position{width:100%}.g_position_wrap .your_position .poswrap .posin ul{height:150px}.inddata table,.inddata tbody,.inddata td,.inddata thead,.inddata tr{display:block}.inddata th,.inddata thead{display:none}.inddata tr{margin-bottom:15px;padding:10px}.inddata td:not([data-label=遺伝子型],[data-label=解説]){position:relative;padding-left:50%;text-align:right;margin-bottom:8px}.inddata td:not([data-label=遺伝子型],[data-label=解説]):before{content:attr(data-label);position:absolute;left:10px;width:40%;text-align:left;font-weight:700}.inddata td[data-label=遺伝子型]{display:inline-block;margin-right:5px;text-align:center;padding:5px 5px 5px 0;position:relative}.inddata td[data-label=遺伝子型]:first-of-type:before{content:"遺伝子型: ";font-weight:700;margin-right:5px;display:inline}.inddata td[data-label=遺伝子型]:not(:first-of-type):before{content:""}.inddata td.types{width:33.333%;margin:0;position:relative;border-left:none;border-bottom:none}.inddata td.types:nth-child(2){border-left:1px solid var(--color-border)}.inddata td.gtext{padding:12px;border-bottom:none}.section_detail.center{text-align:left}.section_detail h3{font-size:18px;text-align:center}.result_table td,.result_table th{line-height:1.3}.detdata table thead{display:none}.detdata table tr{margin-bottom:15px}.detdata table tr th{border-top:1px solid var(--color-border)}.detdata table tr>th{margin-top:12px}.detdata table td:before{content:attr(data-label);display:block;font-weight:700;text-align:center}.detdata table tbody,.detdata table td,.detdata table th,.detdata table tr{display:block;width:100%;border-top:none}.detdata table td.types{border:none}.detdata table td.types:not(:nth-of-type(2)):before{content:none}.detdata table td.gtext{border-top:1px solid var(--color-border)}.btnwrap .multi{margin:12px}.footer{display:none}}