@charset "UTF-8";@media screen and (max-width: 1279px){body .dl_mypage{display:flex;flex-wrap:wrap;gap:16px 8px}body .dl_mypage dl{grid-auto-flow:row;grid-template-columns:150px calc(100% - 150px);margin-bottom:16px;width:calc(50% - 4px)}body .dl_mypage dl dt{border:none;border-bottom:1px solid #ffffff}body .dl_mypage dl:nth-of-type(n+2){border-top:1px solid #010066}body .dl_mypage dl:nth-of-type(n+2) dt{display:block}body .dl_mypage dl .tbl_sort:after,body .dl_mypage dl .tbl_sort:before{display:none}}@media screen and (max-width: 1024px){body .column2nd.input_form select,body .column2nd.input_form input{width:calc(100% - 2.5em);max-width:none}body .input_form li>dl.pattern_size dd,body .input_form li>dl.measurement-pattern dd,body .input_form li>dl.structure_pattern dd,body .input_form li>dl.foundations_pattern dd,body .input_form li>dl.seismic_isolation_pattern dd{width:100%}}@media screen and (max-width: 960px){body .top_content .btn a.btn_order br{display:block}body .columnSet_invoice{flex-direction:column}body .columnSet_invoice .column2nd,body .login{width:100%}body .columnSet_register{flex-direction:column}body .columnSet_register .login{margin-top:20px;padding:30px 20px;width:100%}body .columnSet_register .link_register{margin:0 auto;width:100%}body .map_select{width:480px}body .dl_mypage dl{width:100%}}@media screen and (max-width: 767px){body h2{margin-bottom:24px;padding:0 0 0 8px}body main{margin-top:24px}body .columnSet{flex-direction:column;gap:16px}body .columnSet.columnUpper{align-items:center}body .columnSet.columnDl{flex-direction:row}body .columnSetBtn_cart{margin-top:16px}body .columnSetBtn_cart a,body .columnSetBtn_cart button{width:240px}body .column2nd,body .column3rd,body .column3rd_01,body .column3rd_02{width:100%}body .column2nd.input_form li>label,body .column2nd.input_form li dt,body .column3rd.input_form li>label,body .column3rd.input_form li dt,body .column3rd_01.input_form li>label,body .column3rd_01.input_form li dt,body .column3rd_02.input_form li>label,body .column3rd_02.input_form li dt{width:160px}body .btn.btn_cart a,body .btn.btn_cart button{margin:0 auto}body header nav ul{background:#010066;flex-direction:column;flex-wrap:nowrap;height:0;overflow:hidden;position:absolute;top:72px;left:0;transition:.2s ease-in-out;width:100%}body header nav ul li{width:100%}body header nav ul li.header_register{order:-1}body header nav ul li.header_register a{background:#fff;color:#010066;display:block}body header nav ul a{border-top:1px solid #ffffff;padding:16px 0;text-align:center}body .menu_sp{display:block;width:40px;height:40px;position:absolute;top:16px;right:80px;z-index:1}body .menu_sp div{position:relative}body .menu_sp span{display:block;height:3px;background:#fff;position:absolute;width:100%;left:0;transition:.2s ease-in-out}body .menu_sp span:nth-child(1){top:0}body .menu_sp span:nth-child(2){top:12px}body .menu_sp span:nth-child(3){top:24px}body .menu_sp span:nth-child(4){top:32px;font-size:.6rem;background:none;color:#fff;text-align:center}body .headermenu_sp:checked~nav ul{height:300px}body .headermenu_sp:checked~.menu_sp span:nth-child(1){top:12px;transform:rotate(135deg)}body .headermenu_sp:checked~.menu_sp span:nth-child(2){width:0;left:50%}body .headermenu_sp:checked~.menu_sp span:nth-child(3){top:12px;transform:rotate(-135deg)}body footer{margin-top:56px}body footer nav ul{flex-direction:column}body footer nav ul li:after{display:none}body .container{margin-bottom:32px}body .top_content{flex-direction:column}body .top_content>*{width:100%}body .top_content .btn a{height:64px}body .top_content .btn a.btn_order br{display:none}body .notice p{padding:16px 8px}body .notice p span{font-size:1.2em}body .notice p span.release_date{font-size:1rem}body .flow h2{gap:10px}body .flow>div{align-items:center;flex-direction:column;margin:0 0 30px}body .flow>div dl{align-items:center;display:flex;gap:20px;margin-top:60px;margin-left:0;max-width:420px}body .flow>div dl:before{border-top:20px solid #010066;border-left:15px solid transparent;top:-40px;left:calc(50% + 30px);transform:translate(-50%)}body .flow>div dl:first-of-type{margin-top:0}body .flow>div dl dd{align-items:center;display:flex;flex-grow:1;gap:20px;padding:20px}body .flow>div dl dd img{margin:0}body .flow p{margin:0;padding:10px;text-align:left}body .quality>div dl dd{padding:30px 80px}body .news{flex-direction:column}body .news dd{width:100%}body .main_content01{height:80vw}body .list_pattern li{width:100%}body .list_purchase_item dl dd{margin-bottom:16px;padding-left:1em;width:100%}body .list_purchase_item figure{height:auto;width:100%}body .img_material{margin:0 auto;width:100%;max-width:480px}body .img_material img{aspect-ratio:16/9;object-fit:cover}body .input_form select,body .input_form input{width:100%;max-width:100%}body .input_form li .error_text{margin-left:0}body .form_name,body .form_tel{width:100%}body .form_tel input{width:calc((100% - 2em) / 3)}body .annotation_pw,body .confirm_user_info dt,body .confirm_user_info dd{width:100%}body .confirm_user_info dd{padding-left:1em}body .dl_commerce dt,body .dl_commerce dd{width:100%}body .img_about>div{flex-direction:column}body .columnSet_about{flex-direction:column}body .faq dt label{display:block;padding-top:56px;position:relative}body .faq dt label:before{position:absolute;top:8px}body .faq dt label:after{margin:0 auto}body .faq dt:has(input:checked)+dd>div{display:block;padding-top:56px;position:relative}body .faq dt:has(input:checked)+dd>div:before{position:absolute;top:8px}body .structure_list li{width:100%}}@media screen and (max-width: 576px){body .quality>div dl dd{padding:20px 30px}body .quality>div dl dd>p{text-align:left}body .quality>div dl dd .image_wrapper{flex-direction:column;align-items:center}body .quality>div dl dd .image_wrapper .image_case{width:100%}body .quality>div dl dd .image_wrapper .image_case img{max-width:85%}body .quality>div dl dd .image_wrapper .image_case .image_captions{margin-top:20px}body .quality>div dl dd .image_wrapper .image_separator{transform:rotate(90deg);margin-bottom:10px}body .quality>div dl dd .processing_accuracy_image_wrapper img{max-width:100%}body .map_select{margin-top:32px;width:350px}body .map_select .list_area{gap:8px;margin-top:-32px;top:0;left:0}body .map_select button.area01{top:10%;right:18%}body .map_select button.area02{top:35%;right:12%}body .map_select button.area03{top:60%;right:12%}body .map_select button.area04{top:50%;left:36%}body .map_select button.area05{top:71%;left:42%}body .map_select button.area06{top:60%;left:12%}body .map_select button.area07{top:81%;left:25%}body .map_select button.area08{top:91%;left:15%}}@media screen and (max-width: 500px){body .login .input_form input{width:100%}body .login .btn.btn_cart a,body .login .btn.btn_cart button{width:auto}}