@charset "Shift_JIS";

 



input[type=text], select, textarea {
  width: 100%;
  padding: 12px;/*枠中のパディング--*/
  border: 1px solid #ccc; /*枠の外側な線の色太さ形ーー*/
  border-radius: 10px; /*--枠の角をカーブの角度--*/
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

span {
	color: #ff0000;
}


input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.nav li {
  list-style: none;
  border-left: 3px solid #ccc;
  padding-left: 5px;
	
}


.wpcf7 .wpcf7-submit.demo .wpcf7-submit {
2.  color: #FFF;
3.}
4. 
5..wpcf7 {
6.  border: 3px solid #D7D8E0;
7.}
8. 
9..wpcf7 .boxx-table.demo {
10.  position: relative;
11.  z-index: 1;
12.}
13. 
14..wpcf7 .boxx-table.demo:before,
15..wpcf7 .boxx-table.demo:after {
16.  content: "";
17.  height: 0;
18.  left: 0;
19.  position: absolute;
20.  width: 100%;
21.  z-index: 1;
22.}
23. 
24..wpcf7 .boxx-table.demo .boxx-col {
25.  padding: 50px 50px 50px 25px;
26.  position: relative;
27.  z-index: 1;
28.}
29. 
30..wpcf7 .boxx-table.demo .boxx-col:first-child {
31.  padding: 50px 25px 50px 50px;
32.}
33. 
34..wpcf7 .boxx-table.demo .boxx-row .boxx-col {
35.  border-bottom: 1px solid #D7D8E0;
36.}
37. 
38..wpcf7 .boxx-table.demo .boxx-col:nth-child(odd) {
39.  width: 33%;
40.  text-align: right;
41.}
42. 
43..wpcf7 .boxx-table.demo input.zipcode-1,
44..wpcf7 .boxx-table.demo input.zipcode-2,
45..wpcf7 .boxx-table.demo input.address {
46.  box-shadow: none;
47.  padding: 10px;
48.}
49. 
50..wpcf7 .boxx-table.demo input.zipcode-1:focus,
51..wpcf7 .boxx-table.demo input.zipcode-2:focus,
52..wpcf7 .boxx-table.demo input.address:focus {
53.  box-shadow: 1px 1px 2px rgba(0, 0, 0, .12);
54.}
55. 
56..wpcf7 .boxx-table.demo input.zipcode-1 {
57.  width: 60px;
58.}
59. 
60..wpcf7 .boxx-table.demo input.zipcode-2 {
61.  width: 70px;
62.}
63. 
64..wpcf7 .boxx-table.demo input.address {
65.  width: 100%;
66.}
67. 
68..wpcf7-submit.demo {
69.  padding: 50px 10px;
70.}
71. 
72..wpcf7-submit.demo .wpcf7-submit {
73.  background: #009cff;
74.  border: none;
75.  border-bottom: 2px solid #0079c5;
76.  margin: 0 auto;
77.}
78. 
79..ajax-loader {
80.  display: none;
81.}
82. 
83..wpcf7 .boxx-table .boxx-col {
84.  position: relative;
85.  z-index: 1;
86.}
87. 
88..wpcf7 .screen-reader-response,
89..wpcf7 .wpcf7-response-output {
90.  background: #FFF;
91.  color: inherit;
92.  font-size: .9em;
93.  margin: 0 auto;
94.  padding: 10px 20px;
95.  text-align: center;
96.  width: 100%;
97.}
98. 
99..wpcf7 .screen-reader-response,
100..wpcf7 .screen-reader-response ul {
101.  display: none;
102.}
103. 
104..wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
105.  background: #FF0;
106.}
107. 
108..wpcf7 .wpcf7-not-valid-tip {
109.  bottom: 10px;
110.  color: #FFF;
111.  font-size: .8em;
112.  left: 0;
113.  opacity: 0;
114.  position: absolute;
115.  z-index: 1;
116.}
117. 
118..wpcf7 .wpcf7-not-valid-tip.appear {
119.  opacity: 1;
120.  transition: opacity 500ms;
121.  -webkit-transition: opacity 500ms;
122.}
123. 
124..wpcf7-display-none {
125.  display: none;
126.}
127. 
128.@media screen and (max-width: 854px) {
129.  
130.  .wpcf7 .boxx-table.demo .boxx-col {
131.    padding: 50px 30px 50px 10px;
132.  }
133. 
134.  .wpcf7 .boxx-table.demo .boxx-col:first-child {
135.    padding: 50px 10px 50px 30px;
136.  }
137. 
138.  .wpcf7-submit.demo {
139.    padding: 30px 10px;
140.  }
141.}
142. 
143.@media screen and (max-width: 480px) {
144. 
145.  .wpcf7 .boxx-table.demo .boxx-col {
146.    padding: 30px 10px 30px 10px;
147.  }
148. 
149.  .wpcf7 .boxx-table.demo .boxx-col:first-child {
150.    padding: 30px 10px 30px 10px;
151.  }
152.}

body {
    
     -webkit-print-color-adjust: exact;
}