#order{text-align: center;margin: 0 auto;padding-bottom: var(--thirty)}
#order .medium{font-size: var(--fifty);}
#order .regular{font-size: var(--twenty)}
#order .input{border: 1px solid #CCCCCC;width: var(--forty);height: var(--forty);text-align: center;font-size: var(--sixteen);background-color: #ffffff;box-sizing: border-box}
#order .input:focus{outline: none;}
#order .in_input{border: none;height: var(--eighty);padding-left: var(--five);font-size: var(--fourteen);width: 100%;display: block;}
#order .in_input:focus{outline: none;}
#order .line{border-top: 1px solid #CCCCCC;width: 54.5833vw;margin: 0 auto}
#order textarea::placeholder{font-size: var(--fourteen);letter-spacing: 0.026vw;}

#order .box1{width: 57.2916vw;height: 8.802vw;line-height: 8.802vw;background-color: #FFC71F;margin: var(--thirty) auto 0 auto;border-radius: var(--twenty)}
#order .box2{width: 57.2916vw;border: 1px solid #000000;border-radius: var(--twenty);margin: var(--thirty) auto 0 auto;overflow: hidden}
#order .box2 .tr{display: flex;flex-wrap: nowrap;justify-content: space-between;height: var(--ninety-five);align-items: center;}
#order .box2 .tr.one_tr{height: 6.71875vw}
#order .box2 .tr.two_tr{height: 7.1875vw}
#order .box2 .tr.three_tr{height: 6.09375vw}
#order .box2 .tr .medium{font-size: var(--forty)}
#order .box2 .tr .td1{width: 60%;text-align: left;padding-left: var(--sixty);}
#order .box2 .tr .td2{width: 20%}
#order .box2 .tr .td2 .add{border-left: none;border-radius: 0 var(--five) var(--five) 0;color: #000000}
#order .box2 .tr .td2 .reduce{border-right: none;border-radius: var(--five) 0 0 var(--five);color: #000000;}
/*#order .box2 .tr .td2 .text{height: var(--thirty-eight)}*/
#order .box2 .tr .td3{width: 20%}
#order .box2 .tr .td3 .underline{text-decoration-line: line-through;color: #999999}
#order .box2 .tr .td4{width: 13%;text-align: left;padding-left: var(--sixty);}
#order .box2 .tr .td5{width: 87%;display: flex;justify-content: flex-start;align-items: center;gap: var(--eighty)}
#order .box2 .tr .td5 .mt{text-align: center;opacity: 0.3}
#order .box2 .tr .td5 .mt.active{opacity: 1}
#order .box2 .tr .td5 .img{width: var(--forty);margin: 0 auto}
#order .box2 .tr .td5 .regular{margin-top: var(--ten)}
#order .box2 .tr .td6{width: 70%;text-align: left;padding-left: var(--sixty)}
#order .box2 .tr .td7{width: 30%}
#order .box2 .tr .td7 .flex{border-radius: var(--twenty-eight);border: 2px solid #000000;width: 12.76vw;height: var(--fifty-six);display: flex;align-items: center}
#order .box2 .tr .td7 .flex .success{width: 28%}
#order .box2 .tr .td7 .flex .success img{width: var(--eighteen);height: var(--eighteen)}
#order .box2 .tr .td7 .flex .regular{width: 60%}
#order .box2 .line{border-top: 1px solid #CCCCCC;width: 54.583vw;margin: 0 auto}

#order .box3{width: 57.2916vw;border: 1px solid #000000;border-radius: var(--twenty);margin: var(--thirty) auto 0 auto;text-align: left}
#order .box3 .title{padding-left: var(--sixty);height: var(--ninety-five);line-height: var(--ninety-five)}
#order .box3 .grid{display: flex; width: 57.2916vw; flex-wrap: wrap;justify-content: space-between;row-gap: var(--twenty); margin:0 auto;padding-top: var(--twenty)}
#order .box3 .grid .middle{font-size: var(--fourteen);font-weight: bold;letter-spacing: 0.026vw;}
#order .box3 .grid .textarea{border: none;background-color: #F9F9FB;width: 100%;height: var(--twenty-eight);max-height: 1000px;resize: none;margin-top: var(--ten);overflow-y: hidden;line-height: var(--twenty-three);color: #3a3a3a}
#order .box3 .grid .textarea:focus{outline: none}
#order .box3 .grid .one{border: 1px solid #E0E0E0;background-color: #F9F9FB;border-radius: var(--five);width: 49.21875vw;margin: 0 auto;padding: var(--sixteen);}
#order .box3 .grid .one_1{width: 7.2917vw;padding-left: var(--twenty)}
#order .box3 .grid .one_2{width: 41.6146vw}
#order .box3 .grid .two{display: flex; flex-wrap: nowrap;justify-content: space-between;margin:0 auto;width: 50.99vw;align-items: center}
#order .box3 .grid .two .two_li {border: 1px solid #E0E0E0; background-color: #F9F9FB;  border-radius: var(--five);  width: 14.27vw;padding: var(--sixteen)}
#order .box3 .grid .three_li{border: 1px solid #E0E0E0;background-color: #F9F9FB;border-radius: var(--five);width: 23.0729vw;padding: var(--sixteen);}
#order .box3-2{display: flex;align-items: center;width: 50.9896vw;margin: var(--forty) auto var(--forty) auto}
#order .box3-2 .radio{width: var(--thirty-eight);text-align: left}
#order .box3-2 .radio input{width: var(--eighteen);height: var(--eighteen)}
#order .box3-2 .m{font-size: var(--eighteen);font-weight: 300;color: #000000;line-height: 1.4}
#order .box3-3{width: 50.9896vw;margin: var(--thirty) auto var(--forty) auto}
#order .box3-3 .button{background-color: #FFC71F;border-radius: var(--eighteen);width: 7.7083vw;height: var(--thirty-six);line-height: var(--thirty-six);border: none;opacity: 0.3}
#order .box3-3 .button.active{opacity: 1}
#order .box3-3 .button .regular{font-size: var(--seventeen);}

#order .box4{width: 57.2916vw;border: 1px solid #000000;border-radius: var(--twenty);margin: var(--thirty) auto 0 auto;}
#order .box4 .title{padding-left: var(--sixty);height: var(--ninety-five);line-height: var(--ninety-five);text-align: left}
#order .box4 .contact_us{padding-left: var(--sixty);text-align: left;padding-top: var(--twenty)}
#order .box4 .contact_us .regular{height: var(--thirty);line-height: var(--thirty)}
#order .box4 .textarea{width: 48.802vw;height: var(--ninety-one);margin: var(--twenty-five) auto var(--forty) auto;background-color: #F9F9FB;border: 1px solid #E0E0E0;border-radius: var(--five);padding: var(--twenty);font-size: var(--fourteen);resize: none;overflow-y: hidden}
#order .box4 .textarea:focus{outline: none;}
#order .box4 .box4-2{height: 7.03125vw;line-height: 7.03125vw}
#order .box4 .box4-2 .button{background-color: #FFC71F;border-radius: var(--twenty-eight);width: 12.76vw;height: var(--fifty-six);line-height: var(--fifty-six);border: none;opacity: 0.3}
#order .box4 .box4-2 .button.active{opacity: 1}
#order .box3-3 .button .regular{font-size: var(--thirty);}