/* @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;}.header_area{height: 54px;margin: 0 auto;max-width: 1210px;position: relative;}
h2 {font-family: 'Titillium Web',sans-serif;font-size: 1.15em;letter-spacing: 0.5px;}
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;}
.form_part > h2, .form_part2 > h2, .form_part3 > h2, .form_part4 > h2 {
        text-align: left;
        padding: 0px 10px 7px 0;
        font-size: 1.5em;
        background: rgb(255 99 132 / 0%);
        border-bottom: 1px solid #000000;
        color: rgb(0 0 0);
        font-weight: 500;
        vertical-align: middle;
        display: flex;
        align-items: center;
        margin:0 0 30px 0;
    }
.form_part4 > h2 {border-bottom: 1px solid #555555;color: #848282;font-weight: 400;}
.form_part2 h2::before, .form_part3 h2::before {
    font-size: 1.2em;
    background: rgba(255, 255, 255, 0);
    padding: 0px 95px 7px 10px;
    margin: 0px -73px -9px 0;
    font-weight: 500;
    border-bottom: 3px solid #d40025;
    color: #000000;
}
.form_part2 h2::before {content:"1";}
.form_part3 h2::before {content:"2";}

.form_part img {
    width: fit-content;margin: 30px 0 0 0;height: 200px;padding: 20px;
}
.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:fit-content;}
.form_part2{width:47%;}
.form_part2 .form_parts{width:100%;}
/* .form_part2_flex {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
} */
.form_part2_flex > .form_parts4 {
    margin: 0 0px 25px 0;
}
.form_part3{width:47%;}
.form_part4 {
    width: 100%;
    padding: 0;
    margin: 135px auto 50px auto;
    display: flex;
}
.form_parts4_2{width: 150px;}
.form2_inner{display: block !important;}
.form2_inner div .form_parts4:first-child {
    display: flex !important;
    justify-content: space-between;
    margin: 0 0 25px 0;
}
.labelheight{line-height: 2.8em !important;}
#myForm > div:nth-of-type(1) > div > div:nth-of-type(4) > div > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1){
    display: block !important;
}

.form_part,.form_part2,.form_part3,.form_part4{position:relative;}
.form_img{margin:0 80px 0 0;}
h2 > span{font-size: 0.8em;margin:0px 0px 0px 10px;}
h2 > span,h3 > b,.header_comment b,.Required,.Required0{color:#d40025;}
.Required0, .Required2 {
    float: right;
    width: 155px;
    font-weight: 500;
    text-align: left;
    right: 0;
}
.text10_12{margin:0 55px 0 0;}
.Required {margin: 0px 5px 0px 10px;}
.Required2 {margin: 0px 0 7px 0px;}
.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.65em;font-family: 'Titillium Web',sans-serif;margin: 11px 5px 5px 13px;padding: 0;position: absolute;color: #ededed;}.header_form {float: right;position: absolute;top: 7px;right: 10px;/* background: #cccccc; */}
.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: row;
}
.shankfeald .form_part2_flex{
    margin:0 45px 0 0 ;
}
.fix_area, .fix_area2 {
    position: fixed;
    bottom: 20px;
    padding: 10px;
    transition: opacity 0.2s, transform 0.2s;
    color: #fff;
    z-index: 9999 !important;
}

.fix_area {
    right: 20px;
    display: flex;
    flex-direction: column;
}

.fix_area a {
    margin: 5px 0;
    text-decoration: none;
    background: #000000c4;
    color: #fff;
    padding: 16px 27px;
    font-size: 1.3em;
    font-weight: 500;
    border-radius: 6px;
}
.fix_area a:hover{background: #d40025;transition: .2s;}

.fix_area .close_btn {
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    align-self: flex-end;
}

.menu_toggle {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #d60e0e;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: opacity 0.2s;
    z-index: 9999 !important;
}
.menu_toggle::before {
    content: "\f0c9"; /* FontAwesome 上矢印の Unicode */
    font-family: "Font Awesome 5 Free";
    font-size: 1.8em;
    font-weight: 900; /* FontAwesome 5 Free の Solid アイコン */
    color: #ffffff; /* 矢印の色 */
}

.fix_area2 {
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    pointer-events: none;

    text-align: center;
}

.fix_area2.visible {
    opacity: 1;
    pointer-events: auto;
}
.fix_area2 a {
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    text-decoration: none;
    display: block;
    width: 300px;
    height: fit-content;
    /* margin: 0 auto; */
    background: #d40025;
    padding: 10px 20px;
    border-radius: 90px;
}
.fix_area a::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #ff0000;
    margin: 6px 9px 0 -13px;
    float: left;
}
.fix_area a:hover::before {background: #fff;transition: .2s;}
.fix_area2 a::before {
    content: "\f35b"; /* FontAwesome 上矢印の Unicode */
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* FontAwesome 5 Free の Solid アイコン */
    margin-right: 8px; /* アイコンとテキストの間隔 */
    color: #ffffff; /* 矢印の色 */
}
.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;z-index: 99999 !important;}
.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: 91%;
    display: flex;
    gap: 3px;
    margin: 0 auto;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    z-index: 999;
    right: 0;
    border-radius: 15px;
    justify-content: space-between;
    background: #f9f9f996;
    /* border: 1px solid #b9b9b9; */
    padding: 20px 50px;
}
.kakou1 img,.kakou2 img,.kakou3 img{width: 70px;height: fit-content;}
.flex_form0 {width: 1180px;margin: 0 auto;position: static;}.formplus {/* width: 64%; */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: 0px 0 30px 0;
    display: block;
    position: relative;
}
.form_parts2 {/* margin: 10px; */padding: 10px 0 0 0;display: block;position: relative;width: fit-content;}.form_parts3 {margin: 10px 0px;padding: 10px 0;display: block;position: relative;width: fit-content;}
.form_part4 {
    width: 100%;
    padding: 40px 0 0 0;
    margin: 35px auto 20px auto;
    display: flex;
    border-top: 1px solid #ccc;
}
.form_parts4 .form_parts4{display: inline !important;}
.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: 500;}
.form_part4 p {
    color: #000;
    font-weight: 500;
    line-height: 1.1em;
    float: left;
    margin: auto 20px;
}
.form_part4 p:nth-child(1) {
    margin: 7px 20px auto 0px;
}
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 10px;color: #666666;border-radius: 5px;font-weight: 700;width:fit-content;line-height: 1.5em;float: left;text-align: center;margin: 3px 3px;display: block;}

.form_parts4_2 input[type="radio"] + label {
    line-height: 3em;
    border-radius: 5px;
    font-weight: 700;
    border: 2px solid #ededed;
    background: #f3f3f3;
    margin: 0px 5px 0px 5px;
}
.form_parts4_2 p{
    margin:0 0 5px 0 !important;
}
.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_parts4_2 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;/* font-size: 1.1em; */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;
    border-radius: 6px;
    color: #000000;
    border: 1px solid #e9e9e9;
    font-family: 'Titillium Web',sans-serif !important;
    letter-spacing: 1px;
}
.sumi_r{ width: 177px !important;}
.sumi_r input[type="radio"]+ label {
    width: 136px;
    text-align: center;
    display: block;
    line-height: 1.7em;
    margin: 0 0 10px 0;
}
.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: 1180px;height: fit-content;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: 75px;left: 30px;width: 728px;}.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;}/* ザグリ箇所////////////////////////////////////////////////////////////////////////////////// */.radius_size,.Step_length2,.Corner_radius,.Corner_radius2,.Boring_depth{position: absolute;padding: 0px;margin: 0px;z-index: 90;text-align: center;}.boring_depth {bottom: 135px;left: 39px;transform: rotate(-90deg);width: 57px;}.Step_length2 {top: 359px;left: 320px;width: 241px;}.Corner_radius {bottom: 105px;left: 230px;transform: rotate(12deg);}.Corner_radius2 {top: 137px;left: 420px;}
/* 図面表示寸法枠内数値////////////////////////////////////////////////////////////////////////////////// */.Wrench,.Screw,.Insert,.Drill_Head,.Desination,.Desination2,.coolant,.Hole_type,.shank_type,.inputday{position:absolute;/* border: 1px solid #ff0000; */padding: 0px;margin: 0px;z-index: 90;text-align: center;}/* 図面表示寸法値////////////////////////////////////////////////////////////////////////////////// */.Drilldia,.step_length,.Tool_length,.Tool_length2,.chamfer_angle,.chamfer_angle2,.chamfer_depth,.chamfer_depth2,.Shank_lengh,.Shank_lengh2,.fai,.fai_tol,.fai2,.fai3,.fai4,.fai3_2,.fai4_2,.fai2_2,.Deg2,.Step_length,.Hole_depth,.Hole_depth2,.Hole_depth3,.rfq_no,.your_name,.workname,.material_no,.machine,.remark,.radius_size,.Step_length2,.Corner_radius,.Corner_radius2,.Boring_depth{position:absolute;/* border: 1px solid #ff0000; */padding: 0px;margin: 0px;z-index: 90;text-align: center;}
/* ドリル部分 */.Step_length {top: 328px;left: 321px;width: 162px;}.chamfer_depth2{top:339px;left:490px;width:20px;}.Tool_length {top: 390px;left: 321px;width: 350px;}.Tool_length2 {top: 390px;left: 321px;width: 317px;}.Shank_lengh {top: 390px;left: 674px;width: 165px;}.fai2 {top: 241px;left: 181px;width: 86px;transform: rotate(-90deg);}.fai_tol {top: 241px;left: 205px;width: 111px;transform: rotate(-90deg);}.fai4{top:230px;left:798px;width:80px;transform:rotate(-90deg);}.fai3{top:239px;left:900px;width:80px;transform:rotate(-90deg);}.Deg {top: 142px;left: 489px;width: 60px;transform: rotate(35deg);}/* 貫通非貫通 */.fai2_2 {bottom: 195px;left: 146px;width: 38px;}.fai {bottom: 33px;left: 142px;width: 47px;}.Hole_depth2 {bottom: 105px;left: -22px;transform: rotate(-90deg);width: 115px;}.Hole_depth {bottom: 110px;left: -2px;transform: rotate(-90deg);width: 106px;}.chamfer_depth {bottom: 184px;left: 55px;width: 31px;transform: rotate(-90deg);}
/* Through選択時の寸法表示 */.Hole_depth3 {bottom: 103px;left: 19px;transform: rotate(-90deg);}/* シャンクタイプFlange以外を選択時の寸法表示 */.Shank_lengh2{top:390px;left:638px;width:202px;}.fai4_2 {top: 239px;left: 904px;width: 70px;transform: rotate(-90deg);}.fai3_2 {top: 240px;left: 862px;width: 70px;transform: rotate(-90deg);}/* remark */.coolant {bottom: 137px;left: 390px;width: 155px;}.Hole_type {bottom: 118px;left: 390px;width: 155px;}.shank_type {bottom: 100px;left: 390px;width: 155px;}
/* Wrench */.Wrench {bottom: 156px;left: 755px;width: 160px;}.Screw {bottom:137px;left:755px;width:160px;}.Insert {bottom: 119px;left: 755px;width: 160px;}.Drill_Head {bottom: 100px;left: 756px;width: 159px;}.Desination2 {bottom: 81px;left: 755px;width: 161px;}
/* RFQ */.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;}.Desination {bottom: 15px;left: 592px;width: 475px;text-align: center;font-size: 1.7em;font-weight: 900;}
/* 左側　ワーク名・被削材・機械 */.workname{top:300px;left:30px;width:300px;padding: 5px;}.material_no{top:330px;left:30px;width:300px;padding: 5px;}.machine{top:360px;left:30px;width:300px;padding: 5px;}
/* 右側　Remark */.remark {bottom: 185px;left: 601px;/* width: 150px !important; */padding: 5px;text-align: left;}.workname span,.material_no span,.machine span{float: left !important;}
textarea {
    width: 390px;
    height: fit-content;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    font-family: 'Titillium Web',sans-serif !important;
    letter-spacing: 1px;
    line-height: 1.0em;
}
.anycaution input, .text10_12 input {width: 226px;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: 5px;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;}
.custom-icon {
    width: 21px;
    height: 20px;
    margin: 0px 13px 0px 0;
    vertical-align: middle;
    display: inline-grid;
}
  
.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;}
.download.icon {color: #ffffff;position: absolute;margin-left: 34px;margin-top: 6px;width: 7px;height: 2px;border-radius: 1px;border: solid 1px currentColor;border-top: none;zoom: 2.0;/* vertical-align: middle; */}
.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: 100px;
    text-align: center;
    /* margin: 0 auto; */
    border: 1px solid #7f7f7f;
    font-family: 'Titillium Web',sans-serif !important;
    background: #ffffff;
    border-radius: 5px;
}
.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;}/* スクロールバー */::-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: 60px;margin-top: 4px;width: 10px;height: 2px;border-radius: 1px;border: solid 1px currentColor;background-color: currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);/* transform: scale(1.15); */}.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;/* max-width: 600px; */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;/* font-weight: 700 !important; */padding: 1px 1px 1px 1.3px;margin: 6px 0 0 69px;width: 14px;height: 14px;text-align: center;/* float: right; */font-size: 0.7em;line-height: 1em;/* position: relative; */top: 27px;right: -66px;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;}/* Holediameter、Boring diameter、Hole depth、Boring depth入力時にポップアップ */
@media screen and (max-width:700px) {body { -webkit-text-size-adjust: 100% !important; }input, button, select, textarea {-webkit-appearance: none;}

.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:#3a3a3a;font-weight: 400;}
.header {position: sticky;width: 100%;height: 48px;z-index: 9999;background-color: #2b2b2b;}.header h1 img {width: 60px;padding: 8px 0 6px 14px;}
.header h1 span {
    font-size: 0.4em;
    margin: 13px 5px 5px 9px;
    padding: 0;
    color: #ededed;
    width: 153px;
    line-height: 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: 6px;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: 40px 0 3px 10px;margin: 0 auto;font-size: 1.2em;display: block;}
.form_parts p, .form_parts2 p, .form_parts3 p, .form_parts4 p, .form_parts5 p {margin: 0 auto;font-size: 1.05em;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;}
.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: 40px;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: 12px;}.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 {width: 100%;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;}.drawing_area::-webkit-scrollbar {height: 8px;}
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;}
}
/* @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;}} */
@media screen and (min-width:700px) and ( max-width:1179px){
.header_comment{width: initial;max-width: 1000px;}
.header {width: 1200px;z-index: 9999;}
}


@media screen and (max-width:700px){

    .form1_inner {
        display: flex;
        flex-direction: column;
    }
    .form1_inner .form_img img {
        width: 30%;
        height: auto;
        position: relative;
        margin: 0 auto;
        display: block;
    }
    .form2_inner #kakou1 img, .form2_inner #kakou2 img, .form2_inner #kakou3 img {
        width: 73px !important;
        height: fit-content !important;
        margin: 15px 0 0 0;
    }
    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: 96%;height: auto;-webkit-text-size-adjust: 100%;}
    .header {width: 100%;height: auto;-webkit-text-size-adjust: 100%;}
    .flex_form{padding:initial;}
    .form_part2 h2::before, .form_part3 h2::before {
        font-size: 1.2em;
        background: rgba(255, 255, 255, 0);
        padding: 0px 95px 2px 0px;
        margin: 0px -73px -9px -12px;
        font-weight: 500;
    }
    .menu_toggle {
        bottom: 87px;
        right: -3px;
        padding: 5px 10px;
        border-radius: 5px 0 0 5px;
    }
    .submit_button, .submit_button2, .submit_button_pdf {
        font-size: .95em;
        width: 80%;
        font-weight: 400;
        padding-top: 15px;
        padding-bottom: 15px;
    }
.fix_area{bottom:75px !important; right: -5px;padding: 0;}
.fix_area2{bottom:10px !important;}
.fix_area .close_btn{margin: 0 12px 0 0 !important;}
.fix_area a {
    margin: 5px 0;
    text-decoration: none;
    background: #000000c4;
    color: #fff;
    padding: 4px 11px;
    font-size: 1em;
    font-weight: 500;
    border-radius: 0px;
}
.fix_area a::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #ff0000;
    margin: 3px 8px 0 -1px;
    float: left;
}
.drawing_area{display: block;overflow-x: initial;}
.form_part3 .form_parts4 {
    width: 100%;
}
.form_part3 .form_parts4 input[type="radio"] + label {
    padding: 10px;
    margin: 10px 2% 5px 2%;
    font-size: 1em;
    width: 26%;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    line-height: 1.2em;
    justify-content: space-between;
}


.form_img {
    margin: 18px auto;
}
.fix_area2 a {
    font-size: 1.3em;
    width: 196px;
    height: fit-content;
    padding: 10px 20px;
}
h5 {
    font-size: 1.1em;
    /* padding: 25px; */
    margin: 180px 0 30px 0;
    color: #000000;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background: #fff;
    z-index: 9999;
    position: relative;
    display: block;
    width: fit-content;
}
#view_waku {
    display: flex;
    width: fit-content !important;
    margin: 30px auto;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}
#normal, #sm1, #xs2, #xc3, #x4, #xw5 {
    margin: 0 13px 30px 12px;
    padding: 0px 2%;
}
.sumi_r {
    width: 100% !important;
}
.form_parts4_2 {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
.form_parts4_2 p {
    margin: 0px 0 2px 0 !important;
    text-align: center;
    font-weight: 600;
}
.form_parts4_2 input[type="radio"] + label {
    margin: 0px 3px 0px 3px;
}
#normal > span:nth-of-type(1)::after, #sm1 > span:nth-of-type(1)::after, #xs2 > span:nth-of-type(1)::after, #xc3 > span:nth-of-type(1)::after, #x4 > span:nth-of-type(1)::after, #xw5 > span:nth-of-type(1)::after {
    font-size: .5em !important;
    padding: 2px 14px !important;
    border-radius: 4px !important;
    margin: 0 0 0 5px !important;
    position: absolute;
    top:42px;
    right:9px;
}
.shankfeald .form_part2_flex{
    margin:0;
}
.number_button {
    width: 70%;
    margin: 0 auto;
}
.form_part2 .form_parts {
    width: 100%;
    text-align: center;
}
.submit_area{width: 100%;}

::-webkit-scrollbar {
    width: 0px;
    height: 0;
    border-radius: 20px;
    background:initial;
}
.sumi_r input[type="radio"]+ label {
    width: 50%;
    text-align: center;
    display: block;
    line-height: 1.7em;
    margin: 0 auto 9px auto !important;
}
}