@charset "UTF-8";
@media screen and (max-width:480px) {


body,input,select,textarea {
     font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         }

body { background : darkgreen ; }   /*---緑色系---*/


#wrapper{
         width: 100% ;
         margin : 0px ;
         border: 1px solid #cccccc;
         border-radius: 15px;
         background-color: #ffffff;
         justify-content: center ;
         display: flex ;
         } 

h2#title { 
       padding: 10px 0px 0px 0px ;
       font-size: 97% ;
         }

p#title-2 { 
         font-size : 4.5vw ;
         padding: 5px 15px 0px 15px ;
         margin : 0px ;  
          }

.pan {
    font-size:60%;
    padding: 5px 10px 5px 10px ;
    margin : 0px auto 0px auto ;
    display: flex ;
    justify-content: center ;
    }

#formWrap{
	width: 100% ;
	margin:0px 0px;
       }

table.formTable{
	width: 100% ;
       display: block ;
       margin: 5px ;
       border-collapse:collapse;
       table-layout: fixed;
       word-break: break-all;
           }

table.formTable td {
	width: 97% ;
       display: block ;
       margin: 0px 0px 5px 0px ;
               }
  
table.formTable th{
       width: 97% ;
       display: block ;
       font-weight:normal;
	background: #C3DFF8 ;
	text-align: center ;
       padding: 15px ;
       margin: 20px 0px 5px 0px ;
       box-sizing: border-box;
       border: 1px solid #000000;
       border-radius: 8px;
       }

p.error_messe{
	margin:5px 0;
	color:red;
       }

#submit {
        font-size : 1.2em ;
        color: white ;
        font-weight : normal ;
        padding: 8px 10px ;
        margin-right: 10px ;
        border: 1px solid #000000;
        border-radius: 8px;
        display: inline-block ; 
        background : green ;
                }

#reset {
       font-size : 1em ;
       color: white ;
       margin-left: 10px ;
       padding: 10px 15px ;
       border: 1px solid #000000;
       border-radius: 8px;
       display: inline-block ; 
       background : red ;
                }

#confirm{
     margin : 40px auto 20px auto ;
     padding: 5px 15px 0px 15px ;
        }

p#button {
        font-size : 4.5vw ;        
        padding: 10px 50px 10px 50px ;
        margin : 10px auto 0px auto ;
          }

p#footer{ 
       font-size : 4.0vw ;        
       color: grey ;
       margin : 20px auto 20px auto ;
         }

.font_color-1{ 
         color: #0000ff ; 
         font-size: 4.0vw ;
         padding: 5px 3px ;
         margin: 0px ;
               }

.font_color-2{ 
         color: #0000ff ; 
         font-size: 4.0vw ;
         padding: 5px 3px ;
         margin: 0px ;
               }

#colum {
     font-size: 4.3vw ;
   #padding: 10px 10px;
   #margin: 30px 0px 5px 0px;
        }


/*-------------------------------------------------*/


textarea {
     width: 100% ;
     height:250px;
     font-size : 3.6vw ;
     padding: 10px 0px 10px 10px ;
     box-sizing: border-box;
     border: 1px solid black ;
     border-radius: 8px;
     white-space: pre ;
     display: flex ;
     justify-content: center ;
     background-color: #DCDFE5 ;
        }

.yuubin_1{
     color:black;
     line-height:120%;
     width : 25%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 5px 0px 0px 5px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px ;
     background-color: #DCDFE5 ;
                }

.yuubin_2{
     color:black;
     line-height:120%;
     width : 30%;
     font-size : 17px;
     padding: 12px 20px;
     margin: 8px 0px 0px 10px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px ;
     background-color: #DCDFE5 ;
             }

input[type="text"] {
     width: 100% ;
     display: block ;
     font-size : 17px;
     padding: 15px 15px;
     margin: 0px 0px 0px 0px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     background-color: #DCDFE5 ;
             }

input[type="address, text"]{
     width: 100% ;
     display: block ;
     font-size : 17px;
     padding: 15px 5px;
     margin: 0px 5px 10px 0px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     background-color: #DCDFE5 ;
       }

input[type="email, text"]{
	width: 100% ;
       display: block ;
     font-size : 17px;
     padding: 12px 20px;
     margin: 0px 0px 0px 0px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     background-color: #DCDFE5 ;
     }

input[type="select"]:focus, [type="number, text"]:focus, [type="email, text"]:focus, 
     [type="text"]:focus, [type="tel, text"]:focus, textarea:focus, 
     [type="address, text"]:focus
         {
     background-color: #E3EAF0 ;
              }

input[type="tel, text"]{
     width: 25%;
     color: black ;
     font-size : 17px;
     display: inline-block ;
     padding: 15px 0px 15px 15px ;
     margin: 0px 0px 0px 0px;
     box-sizing: border-box;
     border: 1px solid #dddddd;
     border-radius: 8px;
     background-color: #DCDFE5 ;
     }

select[id="year"], [id="model"], [id="grade"], [id="steering"], [id="pay"], 
      [id="week"], [id="time"], [id="receive"], [id="call"]{
	position:relative;
	top:0px;
      font-size : 16px;
      width: 100% ;
      display: block ;
      padding: 15px 15px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      border: 1px solid #dddddd;
      border-radius: 8px;
      background-color: #DCDFE5 ;
      }

select[id="shipping"]{
      position:relative;
      top:0px;
      font-size : 17px;
      width: 100% ;
      display: block ;
      padding: 12px 20px;
      margin: 0px 0px 0px 0px;
      box-sizing: border-box;
      border: 1px solid #dddddd;
      border-radius: 8px;
      background-color: #DCDFE5 ;
        }

           }