/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Fira+Sans:wght@200;800&family=Inter:wght@600&family=Montserrat:wght@300&family=Orbitron&family=Tilt+Warp&display=swap'); */
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/software-download.css');
body {margin: 0;padding: 0;font-family: 'Titillium Web', sans-serif;}.allarea {position: relative;min-height: 90vh;padding-bottom: 220px;}h1 {margin-block-start: 0;margin-block-end: 0;margin: 0;padding: 0;font-weight: 500;font-family: 'Titillium Web',sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.header_area{height: 54px;margin: 0 auto;max-width: 1210px;position: relative;}h2 {font-family: 'Titillium Web',sans-serif;font-size: 1.2em;}h3 {width: 1080px;margin: 22px 0 10px 0;display: block;font-weight: 400;font-size: 1.0em;}h3 b{padding:0 10px 0 0;}h3 span{font-size: 1.2em;font-weight: 700;}/**header.php**/
.form_part > h2, .form_part2 > h2, .form_part3 > h2, .form_part4 > h2 {padding: 10px 0 7px 0;border-bottom: 3px solid #d40025;color: #000000;display: flex;flex-wrap: wrap;font-weight: 600;}.form_part > h2, .form_part2 > h2, .form_part3 > h2 {border-image: linear-gradient(to right, #d40025, #860017) 1;}.form_part4 > h2 {border-bottom: 1px solid #555555;color: #848282;font-weight: 400;}.form_part > h2 b, .form_part2 > h2 b, .form_part3 > h2 b, .form_part4 > h2 b{margin:0 5px 0 0;}.form_part > h2 b, .form_part2 > h2 b, .form_part3 > h2 b{color:#d40025;}.form_part{width:120px;}.form_part2{width:182px;}.form_part3{width:350px;}.form_part4{width: 170px;border-left: 5px solid #fff;padding: 0 0 0 20px;}.form_part,.form_part2,.form_part3,.form_part4{position:relative;}h2 > span{font-size: 0.8em;margin:0px 0px 0px 10px;}h2 > span,h3 > b,.header_comment b,.Required,.Required0{color:#d40025;font-weight: 900;}.Required0, .Required2 {position: relative;width: 194px;}.Required {margin: 0px 5px 0px 10px;}.Required2 {margin: 0px 0 0 30px;font-weight: 600;}.header {position: static;width: 100%;height: 54px;z-index: 9999;background-color:#2b2b2b;}
.header h1 img {width: 76px;padding: 5px 0 0px 10px;}.header h1 span {font-size: 0.75em;font-family: 'Titillium Web',sans-serif;margin: 8px 5px 5px 13px;padding: 0;position: absolute;color: #ffffff;}
.header_form {float: right;position: absolute;top: 7px;right: 10px;}.header_form select {background: #2b2b2b;color: #fff;font-weight: 100;border: 1px solid #666;padding: 5px 10px;font-size: 0.75em;margin: 4px 0 0 0;border-radius: 5px;}.lesponsivesize {width: 100%;margin: 0 auto;display: block;}.shankfeald {display: flex;justify-content: space-between;flex-direction: column;}.footer {display: flex;height: 90px;color: #979797;padding: 19px 0px 0 0px;font-size: 0.9em;font-family: 'Titillium Web', sans-serif;position: absolute;bottom: 0;width: 100%;background: #2b2b2b;flex-direction: column;align-items: center;justify-content: space-between;}.footerflex {display: flex;height: 45px;width: 600px;margin: 0 auto;justify-content: space-between;}.footer a {margin: 10px 20px;text-decoration: none;color: #ffffff;width: 240px;text-align: center;}.flex_form {width: 1180px;display: flex;gap: 3px;margin: 0 auto;position: relative;flex-direction: row;flex-wrap: wrap;z-index: 999;right: 0;background: #f7f7f7;border-radius: 15px;justify-content: space-around;}.flex_form0 {width: 1180px;margin: 0 auto;position: static;}.formplus {display: block;bottom: 0;left: 0;}.caution {font-size: 0.7em;color: #000000;margin: 0;padding: 0;font-family: 'Titillium Web', sans-serif;display: block;line-height: 1.3em;}.form_parts2 > .conectiontypeselectform {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-evenly;}.form_parts3 > .conectiontypeselectform {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}.form_parts {margin: 20px 0 10px 0;padding: 10px 0;display: block;position: relative;width: 183px;}.form_parts2 {padding: 10px 0 0 0;display: block;position: relative;width: 100%;}.form_parts3 {margin: 10px 0px;padding: 10px 0;display: block;position: relative;width: 355px;}.form_parts4 {margin: 10px 0;padding: 10px 0;display: block;position: relative;}.form_parts5 {margin: 10px 0;padding: 10px 0;display: block;position: relative;}.form_parts p b, .form_parts2 p b, .form_parts3 p b, .form_parts4 p b, .form_parts5 p b {font-size: 1.1em;margin: -7px 2px 0px 0;font-weight: 100;}.form_parts p, .form_parts2 p, .form_parts3 p, .form_parts4 p, .form_parts5 p {margin: 0px 0 5px 0;font-size: 0.95em;color: #000;font-weight: 600;}.form_part4 p{color: #5e5c5c;font-weight: 500;}
input[type="radio"] {display: none;}input[type="radio"] + label,input[type="radio"] + img {cursor: pointer;}input[type="radio"] + label {padding: 5px;color: #666666;line-height: 2.5em;border-radius: 5px;font-weight: 700;border: 2px solid #ededed;background: #f3f3f3;margin: 0 5px 0px 5px;}input[type="radio"] + label :hover{background: #d40025;}
.shankfeald .form_parts4 > input[type="radio"] + label {padding: 5px 0;color: #666666;border-radius: 5px;font-weight: 700;width: 48px;line-height: 1.5em;float: left;text-align: center;margin: 3px 3px;display: block;}.form_parts input[type="radio"] + img {width: 40px;}
.form_parts2 input[type="radio"] + label {display: block;position: static;width: 90px;margin: 5px 5px 10px 5px;color: #5f5f5f;line-height: 1.2em;font-size: 0.75em;font-weight: 600;text-align: center;}.form_parts3 input[type="radio"] + label {display: block;position: static;width: 138px;margin: 5px;color: #5f5f5f;line-height: 1.2em;font-size: 0.6em;font-weight: 600;letter-spacing: normal;}.form_parts2 input[type="radio"] + label b,.form_parts3 input[type="radio"] + label b {padding: 0 2px;background: #ffffff;color: #000000;}.form_parts input[type="radio"]:checked + label, .form_parts2 input[type="radio"]:checked + label, .form_parts3 input[type="radio"]:checked + label, .form_parts4 input[type="radio"]:checked + label, .form_parts5 input[type="radio"]:checked + label {background: #8d4040;color: #d40025;border: 2px solid #d40025;transition: 0.2s ease-in-out;background: #fff7f7;}label#radius_size2, label#radius_size3 {padding: 5px 29px;margin: 0 5px 0 0;}label#coolant1, label#coolant2 {padding: 5px 26px !important;margin: 0 5px 0 0;}.form_parts input[type="radio"]:checked + label img,.form_parts2 input[type="radio"]:checked + label img,.form_parts3 input[type="radio"]:checked + label img,.form_parts4 input[type="radio"]:checked + label img,.form_parts5 input[type="radio"]:checked + label img {filter: hue-rotate(90deg);}.form_parts2 input[type="radio"] + img,.form_parts3 input[type="radio"] + img{width: 50px !important;}
input[type="radio"]:checked + img {border: 3px solid rgb(255, 63, 105);}input:invalid {border: solid 3px red;outline: 2px solid #b30202;}input, select {font-size: 1.05em;font-weight: 900;padding: 5px 5px;margin: 5px 4px;color: #000000;border: none;font-family: 'Titillium Web',sans-serif !important;letter-spacing: 1px;}.drawing_number {color: #ff0000;}.drawing_number span {font-weight: 900;font-size: 1.0em;}.holetype {display: flex;background: #ffffff;padding: 10px;border-radius: 56px;width: 100%;}.drawing_area {position: relative;width: 1080px;height: 644px;margin: 10px auto 0px auto;font-size: 0.7em;font-weight: 700;}.drawing_area2 {display: none;}.header_comment{position: relative;width: 1180px;margin: 0 auto;}.number_button {display: block;justify-content: space-around;}
.submit_area::-webkit-inner-spin-button,.submit_area::-webkit-outer-spin-button {-webkit-appearance: none !important;margin: 0 !important;-moz-appearance:textfield !important;}
.flange_flat,.flange_Round,.flange_weldon,.flange_Whistle,.round_shank,.round_flat,.round_weldon,.round_whistle {width: 50% ;}.flange_flat2{width:100%;}.shank_img_style{width: 600px;height:350px;position: static;border: 1px solid #333;}.shank_img_style.flange_flat img{object-position: 50px 180px;}.error_comment {position: absolute;top: 14px;z-index: 99;left: 30px;}.error_comment span {font-size: 2.7em;color: #4d4d4d !important;background: #ffdede !important;display: block;padding: 0 3px;}.error_comment2,.error_comment3,.error_comment4,.error_comment5,.error_comment6,.error_comment7,.error_comment8,.error_comment9,.error_comment10,.error_comment11
{position: absolute;z-index: 99;}.error_comment2{top:150px;right: 150px;}.error_comment3 {bottom: 9px;left: 41px;}.error_comment4{bottom:10px;left: 50px;}.error_comment5 {top: 404px;left: 349px;}.error_comment6{top: 150px;right: 45px;}.error_comment7 {top: 125px;right: 45px;}.error_comment8{top: 125px;right: 135px;}.error_comment9{top: 84px;left: 468px;}.error_comment10{top: 84px;left: 31px;}.error_comment11{top: 100px;left: 31px;}.error_comment2 span, .error_comment3 span, .error_comment4 span, .error_comment5 span, .error_comment6 span,.error_comment7 span, .error_comment8 span, .error_comment9 span, .error_comment10 span, .error_comment11 span {font-size: 1.2em;font-weight: 900 !important;color: #4d4d4d !important;background: #ffdede !important;display: block;padding: 0 5px;}
/* 図面表示寸法値////////////////////////////////////////////////////////////////////////////////// */
.hole_diameter,.hole_depth,.chamfer_depth_f,.chamfer_depth_b,.any_length,.shank_type,.shank_diameter,.coolant,.Shank_lengh,.Go_through,.Go_through2,.Drilldia,.fai,.fai_tol,.f_chamfer,.b_chamfer,.shank_type,.LF,.Wrench_count,.Screw_A_count,.Screw_B_count,.Drillhead_count,.Insert_count,.Insert_back_count,.Designation,.Wrench,.Screw_f,.Screw_b,.Insert_f,.Insert_b,.Drill_Head,.inputday,.workname,.material_no,.machine,.remark,.error_comment,.error_comment2,.Chamfer_angle,.Chamfer_angle2,.fai3,.Full_length
{position:absolute;padding: 0px;margin: 0px;z-index: 90;text-align: center;/*background: #cccccc29*/;}/* ドリル部分 */
.Step_length {top: 328px;left: 357px;width: 83px;}.chamfer_depth2{top:309px;left:409px;width:20px;}.Tool_length {top: 390px;left: 358px;width: 226px;}.Tool_length2 {top: 390px;left: 321px;width: 317px;}.Shank_lengh {top: 372px;left: 587px;width: 240px;}.fai2 {top: 241px;left: 186px;width: 86px;transform: rotate(-90deg);}.fai_tol {top: 222px;left: 177px;width: 111px;transform: rotate(-90deg);}.fai4{top:230px;left:798px;width:80px;transform:rotate(-90deg);}.Deg {top: 158px;left: 436px;width: 60px;transform: rotate(33deg);}.Deg2{bottom: 154px;left: 146px;width: 38px;}/* 貫通非貫通 */
.fai2_2 {bottom: 195px;left: 146px;width: 38px;}.fai {top: 243px;left: 168px;width: 47px;transform: rotate(-90deg);}.Hole_depth2 {bottom: 105px;left: -22px;transform: rotate(-90deg);width: 115px;}.Hole_depth {bottom: 98px;left: 17px;transform: rotate(-90deg);width: 71px;}
.chamfer_depth_f {bottom: 152px;left: 245px;width: 34px;transform: rotate(-90deg);}
.chamfer_depth_b {bottom: 42px;left: 245px;width: 34px;transform: rotate(-90deg);}
.f_chamfer{top: 185px;left: 482px;width: 76px;}
.b_chamfer{top: 185px;left: 330px;width: 76px;}
.Drilldia{bottom: 28px;left: 137px;width: 59px;}
.Go_through{top: 344px;left: 285px;width: 107px;}
.Go_through2{top: 372px;left: 285px;width: 198px;}
.Full_length{top: 132px;left: 276px;width: 309px;}
.any_length{top: 372px;left: 480px;width: 105px;}
.Chamfer_angle{bottom: 166px;left: 200px;width: 50px;}
.Chamfer_angle2{bottom: 30px;left: 200px;width: 50px;}
.fai3{top: 189px;right: 197px;width: 50px;transform: rotate(-90deg)}
.Designation{bottom: 15px;left: 592px;width: 475px;text-align: center;font-size: 1.7em;font-weight: 900;}
.Hole_depth3 {bottom: 103px;left: -16px;transform: rotate(-90deg);width: 100px;}/* シャンクタイプFlange以外を選択時の寸法表示 */
.Shank_lengh2{top:390px;left:586px;width:202px;}.fai4_2 {top: 239px;left: 814px;width: 70px;transform: rotate(-90deg);}.fai3_2 {top: 240px;left: 772px;width: 70px;transform: rotate(-90deg);}/* remark */
.coolant {bottom: 137px;left: 390px;width: 155px;}.Hole_type {bottom: 118px;left: 390px;width: 155px;}.shank_type {bottom: 119px;left: 390px;width: 159px;}/* Wrench */
.Wrench_cal {bottom: 156px;left: 768px;width: 275px;text-align: left !important;}.Screw_cal {bottom:137px;left:768px;width:275px;text-align: left !important;}.Insert_cal {bottom: 119px;left: 768px;width: 275px;text-align: left !important;}.Wrench {bottom: 119px;left: 788px;width: 275px;text-align: left !important;}.Insert_f{bottom: 119px;left: 788px;width: 187px;text-align: left;}.Insert_b{bottom: 100px;left: 788px;width: 187px;text-align: left;}
.Drill_Head {bottom: 82px;left: 788px;width: 187px;text-align: left;}.Desigantion2 {bottom: 81px;left: 768px;width: 261px;text-align: left;}/* RFQ */
.Wrench{bottom: 176px;left: 788px;width: 187px;text-align: left;}
.Screw_f{bottom: 157px;left: 788px;width: 187px;text-align: left;}
.Screw_b{bottom: 138px;left: 788px;width: 187px;text-align: left;}
.rfq_no{bottom:15px;left:280px;width:96px;}.inputday {bottom: 22px;left: 380px;width: 203px;text-align: center;}.your_name{bottom:15px;left:499px;width:96px;}
.Wrench_count,.Drillhead_count,.Screw_A_count,.Screw_B_count,.Insert_count,.Insert_back_count{left: 723px;width: 52px;}
.Wrench_count{bottom: 176px;}.Drillhead_count{bottom: 82px;}.Screw_A_count{bottom: 157px;}.Screw_B_count{bottom: 138px;}.Insert_count{bottom: 119px;}.Insert_back_count{bottom: 100px;}
/* 左側　ワーク名・被削材・機械 */
.workname{top:404px;left:30px;width:300px;padding: 5px;}.material_no{top:422px;left:30px;width:182px;padding: 5px;}.machine{top:385px;left:30px;width:150px;padding: 5px;}/* 右側　Remark */
.remark {bottom: 200px;left: 590px;/* width: 150px !important; */padding: 5px;text-align: left;}.workname span,.material_no span,.machine span{float: left !important;}textarea {width: 93%;height: 59px;border-radius: 5px;border: none;font-family: 'Titillium Web',sans-serif !important;letter-spacing: 1px;line-height: 1.0em;}
.anycaution input, .text10_12 input {width: 87%;font-size: 12px;font-weight: 500;}
.conectiontype_img {display: block;width: 100%;margin: 3px 0 0 0;}.flange_flat img{object-position: top 0px bottom 1000px;}.blind_jpg,.through_jpg{width: 200px !important;}table{border: 1px solid #555;border-collapse: collapse;margin: 0 2.5%;table-layout: auto;text-align: center;max-width: 95%;}table th{background: rgb(226, 225, 225);}table th ,table td{border: 1px solid #555;padding: 5px;font-size: 0.4em;}table th{background:#ffefef;}table td{background:#fdffda;}.input_data table{width: 100% !important;}#table_flex{display: flex;flex-wrap: wrap;}.t1,.t2{float: left;}.pdf_dl{position: static;width: 100%;padding: 20px 0;background: #0d7730;color:#ffffff;font-size: 1.5em;font-weight: 900;text-align: center;letter-spacing: 3px;}.pdf_dl a{text-decoration: none;color:#ffffff;width: 100%;}
.hidden {display: none;}
.submit_button, .submit_button2, .submit_button_pdf, .submit_button_pdf2, .contact_pg {text-align: center;width: 40%;color: #fff;font-size: 1.2em;font-family: 'Titillium Web',sans-serif !important;letter-spacing: 0;white-space: normal;word-wrap: break-word;line-height: 18px;height: auto;padding-top: 20px;padding-bottom: 20px;padding-left: 27px;background-color: #d40025;border-radius: 64px;border: none !important;cursor: pointer;}
.submit_button2:hover,.submit_button_pdf:hover, .contact_pg:hover {background-color: #a8001c !important;transition: 0.2s;}.contact_pg{padding-left: 0 !important;}.submit_button_pdf2{background-color: #dfdfdf !important;
}.submit_button_pdf,.submit_button_pdf2 {transition: 0.3s ease-in-out;}.submit_button:hover{background: #8a0202;cursor: pointer;}.totop {color: #d40025;margin: 15px;}/* 送信ボタンが無効化された場合のスタイル */
#submitButton:disabled {background-color: gray;color: rgb(177, 177, 177);cursor: not-allowed;}/* 送信ボタンが有効化された場合のスタイル */
#submitButton:not(:disabled) {background: #be0303;color: white;cursor: pointer;}.download_button_area {width: 1080px;margin: 20px auto 0 auto;display: flex;bottom: 0;flex-direction: column;height: 82px;align-items: center;justify-content: space-between;position: relative;}
.download.icon {color: #ffffff;position: absolute;margin-left: 25px;margin-top: 6px;width: 7px;height: 2px;border-radius: 1px;border: solid 1px currentColor;border-top: none;zoom: 2.0;}.download.icon:before {content: '';position: absolute;left: 3px;top: -5px;width: 1px;height: 5px;background-color: currentColor;}.download.icon:after {content: '';position: absolute;left: 2px;top: -2px;width: 2px;height: 2px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.submit_area {width: 100%;text-align: center;border: none;font-family: 'Titillium Web',sans-serif !important;}.form_part4 .submit_area {width: 87% !important;} .submit_area_long {width: 100% !important;display: block;border: 5px solid #ffffff;box-shadow: 5px 5px 5px 0px #000000;}.displaynone{display: none; } .displaynone2 {display: flex;margin: 50px auto 0 auto;} input:invalid{background: #ffbbbb;}a.anchor {display: block;padding-top: 50px !important;margin-top: -50px !important;}.spinner {width: 200px;display: flex;align-items: center;justify-content: center;}.spinner input {width: 100px;text-align: center;}.spinner button {width: 30px;height: 30px;margin: 0 5px;}
.error_message_shank_diameter{position: absolute; top: -31px;transition: .2s;}
.error_message_shank_diameter span{font-size: 14px;border: 1px solid #ff0000;background: #ff0000;padding: 6px 40px;font-weight: 700;color:#fff;}
.tri-down{ width: 0; height: 0; border-left:20px solid transparent; border-right:20px solid transparent; border-top:18px solid red;margin:0 auto; }
/* スクロールバー */
::-webkit-scrollbar {width: 2px;height: 0;border-radius: 20px;background: #e3e0e0;}/* スクロールバーのトラック */
::-webkit-scrollbar-track {background: #b3b3b300;}/* スクロールバーのハンドル */
::-webkit-scrollbar-thumb {background: #9b9b9b;}/* スクロールバーのボタン（上下の矢印） */
::-webkit-scrollbar-button {display: none;}/* スムーズスクロール */
html {scroll-behavior: smooth;}
/*CSSアイコン*/
.edit-solid.icon {color: #ffffff;position: absolute;margin-left: 99px;margin-top: 4px;width: 10px;height: 2px;border-radius: 1px;border: solid 1px currentColor;background-color: currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}.edit-solid.icon:before {content: '';position: absolute;left: -8px;top: -1.5px;width: 0;height: 0px;border-left: solid 0px transparent;border-right: solid 6px currentColor;border-top: solid 3px transparent;border-bottom: solid 2px transparent;}.edit-solid.icon::after {content: '';position: absolute;left: -16px;top: 4px;width: 17px;height: 2px;background: #ffffff;transform: rotate(45deg);}/* ポップアップ */
.popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;opacity: 0;visibility: hidden;transition: .6s;}.popup.is-show {opacity: 1;visibility: visible;}.popup-inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;max-width: 1400px;padding: 50px;border-radius: 15px;background-color: #fff;z-index: 9999;}.popup-inner img {width: 100%;}.close-btn {position: absolute;right: 0;top: 0;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;font-size: 20px;font-weight: bold;cursor: pointer;}.bg-black {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 1;cursor: pointer;}.sampleflex {display: flex;justify-content: space-around;flex-direction: row;align-items: baseline;}#show-btn {width: 160px;background: #e3e0e0;text-align: center;border-radius: 20px;font-size: 0.9em;padding: 3px 10px;cursor: pointer;}
/* ポップアップ */
.popup2,.popup3 {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;opacity: 0;visibility: hidden;transition: .6s;}.popup2.is-show,.popup3.is-show {opacity: 1;visibility: visible;}.popup-inner2,.popup-inner3 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 500px;padding: 50px;background-color: #fff;z-index: 2;border-radius: 15px;}.popup-inner2 img,.popup-inner3 img {width: 500px;}.close-btn2,.close-btn3 {position: absolute;right: 0;top: 0;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;font-size: 20px;font-weight: bold;cursor: pointer;}.bg-black2,.bg-black3 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);z-index: 1;cursor: pointer;}
#show-btn2 {display: block;border-radius: 50%;background: #535353;color: #ffffff;padding: 1px 1px 1px 1.3px;margin: 0 0 0 0;width: 14px;height: 14px;text-align: center;font-size: 0.7em;line-height: 1em;position: relative;top: 6px;right: -68px;cursor: pointer;}#show-btn3 {display: block;border-radius: 50%;background: #535353;color: #ffffff;font-weight: 600;padding: 1px 1px 1px 1.5px;margin: 5px 0 0 61px;width: 14px;height: 14px;text-align: center;font-size: 0.8em;line-height: 1.05em;position: relative;top: -27px;right: -93px;cursor: pointer;}#contact {color: #d40025;padding: 6px 45px;border: 1px solid #d40025;text-decoration: none;font-size: 0.8em;border-radius: 5px;font-weight: 700;margin: 25px 0 0 0px;}#contact:hover{background: #d40025;color:#ffffff;}
/*JS版エラーコメント一覧*/
div#errorComment, div#errorComment2, div#errorComment3 {position: absolute;background: #fff6f6;padding: 17px;border: 1px solid #ff0000;z-index: 999;border-radius: 5px;width: 554px;font-weight: 700;font-size: 0.9em;color: #2c0000 !important;display: block;}div#errorComment, div#errorComment2 {left: 197px;top: 175px;display: flex;align-items: center;box-shadow: 5px 5px 7px 0px #747171;}div#errorComment3 {left: 197px;top: 348px;}div#errorComment span, div#errorComment2 span, div#errorComment3 span {font-size: 16px;clip-path: polygon(49% 23%, 0% 100%, 100% 100%);background: #fbe815;color: #323232;width: 30px;height: 30px;display: block;margin: -8px auto 0px auto;text-align: center;padding: 0px 0 0 0;line-height: 2.5em;}input[type="range"] {-webkit-appearance: none; /* 🚩これ無しだとスタイルがほぼ全く反映されないので注意 */
appearance: none;cursor: pointer; /* カーソルを分かりやすく */outline: none; /* スライダーのアウトラインは見た目がキツイので消す */height: 4px; /* バーの高さ */width: 100%; /* バーの幅 */background: #b8b8b8; /* バーの背景色 */border-radius: 50px; /* バーの両端の丸み */border: solid 1px #ebebeb; /* バー周囲の線 */padding: 0;margin: -5px 0 10px 4px;}/* WebKit向けのつまみ */input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; /*🚩デフォルトのつまみのスタイルを解除 */background: #585858; /* 背景色 */width: 10px; /* 幅 */height: 10px; /* 高さ */border-radius: 50%; /* 円形に */box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */}/* Moz向けのつまみ */input[type="range"]::-moz-range-thumb {background: #292929; /* 背景色 */width: 10px; /* 幅 */height: 10px; /* 高さ */border-radius: 50%; /* 円形に */box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */border: none; /* デフォルトの線を消す */}/* Firefoxで点線が周りに表示されてしまう問題の解消 */
input[type="range"]::-moz-focus-outer {border: 0;}/* つまみをドラッグしているときのスタイル */
input[type="range"]:active,input[type="range"]:hover{background: #a1a1a1; /* バーの背景色 */
transition: .4s;}input[type="range"]:active::-webkit-slider-thumb,input[type="range"]:hover::-webkit-slider-thumb{background:#d40025;transition: .4s;box-shadow: 0px 0px 10px 10px rgba(255, 140, 140, 0.199); /* 影 */
}input[type="range"]:active::-moz-range-thumb,input[type="range"]:hover::-moz-range-thumb{background:#d40025;transition: .4s;box-shadow: 0px 0px 10px 10px rgba(255, 140, 140, 0.199); /* 影 */
}input[type="number"] {-moz-appearance: textfield;}
/*Boringdiamaterが18㎜以下ならinternalcoolant選択不可*/
.not_selected,.not_selected2{
    opacity:0.3;cursor: not-allowed !important;
}
.error-message,.error-message2 {
    font-size: 0.7em;margin: 8px 0 0 0;padding: 8px;font-family: 'Titillium Web', sans-serif;display: block;line-height: 1.3em;border: 1px solid #ff0000;font-weight: 700;
}.error-message b,.error-message2 b{color: #ff0000;}
/**レスポンシブ、スマホ対応**/
@media screen and (max-width:1099px) {body { -webkit-text-size-adjust: 100% !important; }input, button, select, textarea {-webkit-appearance: none;}.header,h3,.flex_form0,.flex_form,.form_part,.form_parts2,.form_part2,.form_parts3,.form_parts5,.form_part3,.form_part4,.download_button_area,.footerflex,.form_parts,.popup-inner2,.popup-inner3,.popup-inner2 img, .popup-inner3 img {width: 100%;height: auto;-webkit-text-size-adjust: 100%;}.flex_form0 {background: #f7f7f7;position: relative;}.form_parts p, .form_parts2 p, .form_parts3 p, .form_parts4 p, .form_parts5 p {margin: 0px 0 5px 0;font-size: 0.9em;color: #000000;font-weight: 400;}.header {position: sticky;width: 100%;height: 52px;/* box-shadow: 0px 0px 9px 0px #c7c7c7; */z-index: 9999;background-color: #2b2b2b;}.download_button_area{margin:50px auto 0 auto !important;}.header h1 img {width: 60px;padding: 8px 0 6px 14px;}.header h1 span {font-size: 0.45em;margin: 11px 5px 5px 9px;padding: 0;color: #ffffff;width: 176px;line-height: 1.1em;}input, select {font-size: 1.3em;height:48px;}.header select {font-size: 0.6em;}.header > select + option {font-size: 0px;}.header > select + option:before {content: 'Language';font-size: 1.2em;}.header_comment {width: 94%;}.header_form {top: 8px;right: 5px;}.header_form select {background: #f7f7f7;color: #797979;font-weight:700;border:initial;display: block;height: 30px;}#show-btn {font-size: 0.6em;}.form_part > h2, .form_part2 > h2, .form_part3 > h2, .form_part4 > h2 {padding: 30px 0 3px 10px;margin: 0 auto;font-size: 1.3em;display: block;}.form_parts p, .form_parts2 p, .form_parts3 p, .form_parts4 p, .form_parts5 p {margin: 0 auto;font-size: 1.15em;font-weight: 600;text-align: center;}h3 {font-size: 0.8em;font-family: noto sans jp,sans-serif!important;margin: 10px 0 10px 0;}.Required0, .Required2 {position: absolute;top: 5px;left: 0;width: 108px;height: 20px;font-size: 0.7em;display: block;font-weight: 600;z-index: 999;}.Required2 {margin: 0px 0 0 109px;padding: initial;bottom: initial;}.form_part3 .conectiontype_img{width: 100%;padding: 10px 0 0 0;}.conectiontype_img {width: 80%;margin: 0 auto;}.form_part input[type="radio"] + label {padding: 10px 5px 5px 5px;}.number_button {width: 80%;margin: 0 auto;}.shankfeald {display: flex;justify-content: space-around;flex-direction: column;}.form_parts2 > .conectiontypeselectform {text-align: center;}.form_parts3 > .conectiontypeselectform {display: flex;width: 90%;flex-wrap: wrap;margin: 0 auto;justify-content: space-evenly;}.form_parts3 > .conectiontypeselectform div{width: 46%;margin: 2% 0%;}.caution {display: block;margin: 5px 10% 0 11%;font-family: noto sans jp,sans-serif!important;clear: both;}.form_part4 .caution {display: block;margin: -15px 0 0 11%;font-family: noto sans jp,sans-serif!important;}.form_part4 .submit_area{width: 98% !important;}.form_part input[type="radio"] + label,.form_part2 input[type="radio"] + label,.form_part4 input[type="radio"] + label,.form_parts5 input[type="radio"] + label {border-radius: 7px;text-align: center;width: 130px;}.form_part .conectiontype_img {width: 60%;margin: 0 auto;}.form_parts4 {width: 100%;}.anycaution input, .text10_12 input {width: 98%;font-size: 14px;margin: 0 auto;display: block;}#show-btn2{position: absolute;top: 38px;right: 22px;}#show-btn3{position: absolute;top: -52px;right: 22px;}.anycaution input, .text10_12 input {width: 78%;}textarea {width: 78%;margin: 0 auto;display: block;font-size: 14px;}.form_part3 .form_parts3 input[type="radio"] + label {border-radius: 7px;width: initial;}.form_part3 .form_parts5 input[type="radio"] + label {padding: 2px 3%;margin: 10px auto 15px auto !important;font-size: 1.1em;display: block;width: 70%;}.form_part3 br {display: none;}.form_part3 .form_parts4{margin: 0 auto;display: block;width: 86%;}.form_part3 .form_parts4 input[type="radio"] + label {padding: 10px 0;margin: 10px 2% 5px 2%;font-size: 1.3em;width: 28%;border-radius: 7px;}.form_part4 input[type="radio"] + label {padding: 5px 12%;margin: 0 -3% 0px 10%;font-size: 1.1em;}.form_part4 {border-left: none;border-top: 30px solid #fff;padding: initial;}.submit_area,.anycaution input, .text10_12 input,textarea {box-shadow: 0px 0px 10px #e7e7e7;}.submit_button, .submit_button2,.submit_button_pdf {font-size: 1.25em;width: 90%;font-weight: 400;}.edit-solid.icon {margin-left: 42px;}.download.icon {margin-left: 5px;}.footer {font-size: 0.8em;padding:0;text-align: center;height:auto;}.footer a {width: auto;margin: 10px 5px;font-size: 0.8em;}.footerflex {flex-direction: column;}.popup-inner {width: 100%;max-width: 100%;padding: 30px 0 10px 0;border-radius: 0;}.popup-inner2, .popup-inner3{padding: 0;}.close-btn, .close-btn2, .close-btn3 {right: 5px;top: -30px;width: initial;height: initial;border-radius: 50%;line-height: initial;z-index: 9999;color: #fffdfd !important;}.drawing_area {display: flex;width: 100%;overflow-x: scroll !important;white-space: nowrap;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}.drawing_area::-webkit-scrollbar {height: 8px; /* スクロールバーの高さ */}.drawing_area::-webkit-scrollbar-thumb {background: #676767; /* ツマミの色 */border-radius: 40px; /* ツマミ両端の丸み */}.drawing_areabox::-webkit-scrollbar-track {background: #9b9b9b; /* トラックの色 */border-radius: 40px; /* トラック両端の丸み */}.displaynone2{display:block;}.flange_flat2{width: initial;}.error_comment2 {right: initial;left: 720px;}.error_comment6 {right: initial;left:20%;}input[type="range"] {height: 10px; /* バーの高さ */border: solid 1px #ebebeb; /* バー周囲の線 */padding: 0;margin: 10px 0 10px 4px;}/* WebKit向けのつまみ */
input[type="range"]::-webkit-slider-thumb {width: 20px; /* 幅 */height: 20px; /* 高さ */}/* Moz向けのつまみ */
input[type="range"]::-moz-range-thumb {width: 20px; /* 幅 */height: 20px; /* 高さ */}/* つまみをドラッグしているときのスタイル */
input[type="range"]:active,input[type="range"]:hover{transition: initial;}input[type="range"]:active::-webkit-slider-thumb,input[type="range"]:hover::-webkit-slider-thumb{transition: initial;box-shadow: initial; /* 影 */
}input[type="range"]:active::-moz-range-thumb,input[type="range"]:hover::-moz-range-thumb{transition: initial;box-shadow: initial; /* 影 */
}input[type="number"] {-moz-appearance: textfield;}.form_part > h2, .form_part2 > h2, .form_part3 > h2 {border-image: linear-gradient(to right, #860017, #d40025, #860017) 1;}label#radius_size2, label#radius_size3 {padding: 5px 15% !important;margin: 0 -5% 0 10% !important;font-size: 1.1em;}#depthCaution2{margin: 5px 0 0 45px !important;}}
@media screen and (min-width:580px) and ( max-width:750px){.header_comment, .lesponsivesize {width: 75%;}.Required0, .Required2 {left: 13%;}.header h1 span {font-size: 0.5em;margin: 15px 5px 5px 12px;width: 375px;}}@media screen and (min-width:751px) and ( max-width:850px){.header_comment, .lesponsivesize {width: 75%;}.Required0, .Required2 {left: 13%;}.header h1 span {font-size: 0.8em;margin: 11px 5px 5px 17px;width: 575px;}}@media screen and (min-width:851px) and ( max-width:950px){.header_comment, .lesponsivesize {width: 60%;}.Required0, .Required2 {left: 20%;}.header h1 span {font-size: 0.8em;margin: 11px 5px 5px 17px;width: 575px;}}@media screen and (min-width:951px) and ( max-width:1099px){.header_comment, .lesponsivesize {width: 56%;}.Required0, .Required2 {left: 22%;}.header h1 span {font-size: 0.8em;margin: 11px 5px 5px 17px;width: 575px;}}