@charset "UTF-8";
/* ----------------------------------------------------
セットアップ
---------------------------------------------------- */
/* ----------------------------------------------------
文字設定
---------------------------------------------------- */
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
.fb {
  font-weight: bold; }

.fn {
  font-weight: bold; }

.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.tab {
  text-align: bottom; }

.fs05 {
  font-size: 0.5rem; }

.fs06 {
  font-size: 0.6rem; }

.fs07 {
  font-size: 0.7rem; }

.fs08 {
  font-size: 0.8rem; }

.fs09 {
  font-size: 0.9rem; }

.fs10 {
  font-size: 1rem; }

.fs11 {
  font-size: 1.1rem; }

.fs12 {
  font-size: 1.2rem; }

.fs13 {
  font-size: 1.3rem; }

.fs14 {
  font-size: 1.4rem; }

.fs15 {
  font-size: 1.5rem; }

.fs16 {
  font-size: 1.6rem; }

.fs17 {
  font-size: 1.7rem; }

.fs18 {
  font-size: 1.8rem; }

.fs19 {
  font-size: 1.9rem; }

.fs20 {
  font-size: 2rem; }

.fs21 {
  font-size: 2.1rem; }

.fs22 {
  font-size: 2.2rem; }

.fs23 {
  font-size: 2.3rem; }

.fs24 {
  font-size: 2.4rem; }

.fs25 {
  font-size: 2.5rem; }

.fs26 {
  font-size: 2.6rem; }

.fs27 {
  font-size: 2.7rem; }

.fs28 {
  font-size: 2.8rem; }

.fs29 {
  font-size: 2.9rem; }

.fs30 {
  font-size: 3rem; }

.fs31 {
  font-size: 3.1rem; }

.fs32 {
  font-size: 3.2rem; }

.fs33 {
  font-size: 3.3rem; }

.fs34 {
  font-size: 3.4rem; }

.fs35 {
  font-size: 3.5rem; }

.fs36 {
  font-size: 3.6rem; }

.fs37 {
  font-size: 3.7rem; }

.fs38 {
  font-size: 3.8rem; }

.fs39 {
  font-size: 3.9rem; }

.fs40 {
  font-size: 4rem; }

.fs41 {
  font-size: 4.1rem; }

.fs42 {
  font-size: 4.2rem; }

.fs43 {
  font-size: 4.3rem; }

.fs44 {
  font-size: 4.4rem; }

.fs45 {
  font-size: 4.5rem; }

.fs46 {
  font-size: 4.6rem; }

.fs47 {
  font-size: 4.7rem; }

.fs48 {
  font-size: 4.8rem; }

.fs49 {
  font-size: 4.9rem; }

.fs50 {
  font-size: 5rem; }

.fs51 {
  font-size: 5.1rem; }

.fs52 {
  font-size: 5.2rem; }

.fs53 {
  font-size: 5.3rem; }

.fs54 {
  font-size: 5.4rem; }

.fs55 {
  font-size: 5.5rem; }

.fs56 {
  font-size: 5.6rem; }

.fs57 {
  font-size: 5.7rem; }

.fs58 {
  font-size: 5.8rem; }

.fs59 {
  font-size: 5.9rem; }

.fs60 {
  font-size: 6rem; }

.fs61 {
  font-size: 6.1rem; }

.fs62 {
  font-size: 6.2rem; }

.fs63 {
  font-size: 6.3rem; }

.fs64 {
  font-size: 6.4rem; }

.fs65 {
  font-size: 6.5rem; }

.fs66 {
  font-size: 6.6rem; }

.fs67 {
  font-size: 6.7rem; }

.fs68 {
  font-size: 6.8rem; }

.fs69 {
  font-size: 6.9rem; }

.fs70 {
  font-size: 7rem; }

.fs71 {
  font-size: 7.1rem; }

.fs72 {
  font-size: 7.2rem; }

.fs73 {
  font-size: 7.3rem; }

.fs74 {
  font-size: 7.4rem; }

.fs75 {
  font-size: 7.5rem; }

.fs76 {
  font-size: 7.6rem; }

.fs77 {
  font-size: 7.7rem; }

.fs78 {
  font-size: 7.8rem; }

.fs79 {
  font-size: 7.9rem; }

.fs80 {
  font-size: 8rem; }

.fs81 {
  font-size: 8.1rem; }

.fs82 {
  font-size: 8.2rem; }

.fs83 {
  font-size: 8.3rem; }

.fs84 {
  font-size: 8.4rem; }

.fs85 {
  font-size: 8.5rem; }

.fs86 {
  font-size: 8.6rem; }

.fs87 {
  font-size: 8.7rem; }

.fs88 {
  font-size: 8.8rem; }

.fs89 {
  font-size: 8.9rem; }

.fs90 {
  font-size: 9rem; }

.fs91 {
  font-size: 9.1rem; }

.fs92 {
  font-size: 9.2rem; }

.fs93 {
  font-size: 9.3rem; }

.fs94 {
  font-size: 9.4rem; }

.fs95 {
  font-size: 9.5rem; }

.fs96 {
  font-size: 9.6rem; }

.fs97 {
  font-size: 9.7rem; }

.fs98 {
  font-size: 9.8rem; }

.fs99 {
  font-size: 9.9rem; }

.fs100 {
  font-size: 10rem; }

.fs101 {
  font-size: 10.1rem; }

.fs102 {
  font-size: 10.2rem; }

.fs103 {
  font-size: 10.3rem; }

.fs104 {
  font-size: 10.4rem; }

.fs105 {
  font-size: 10.5rem; }

.fs106 {
  font-size: 10.6rem; }

.fs107 {
  font-size: 10.7rem; }

.fs108 {
  font-size: 10.8rem; }

.fs109 {
  font-size: 10.9rem; }

.fs110 {
  font-size: 11rem; }

.fs111 {
  font-size: 11.1rem; }

.fs112 {
  font-size: 11.2rem; }

.fs113 {
  font-size: 11.3rem; }

.fs114 {
  font-size: 11.4rem; }

.fs115 {
  font-size: 11.5rem; }

.fs116 {
  font-size: 11.6rem; }

.fs117 {
  font-size: 11.7rem; }

.fs118 {
  font-size: 11.8rem; }

.fs119 {
  font-size: 11.9rem; }

.fs120 {
  font-size: 12rem; }

.fs121 {
  font-size: 12.1rem; }

.fs122 {
  font-size: 12.2rem; }

.fs123 {
  font-size: 12.3rem; }

.fs124 {
  font-size: 12.4rem; }

.fs125 {
  font-size: 12.5rem; }

.fs126 {
  font-size: 12.6rem; }

.fs127 {
  font-size: 12.7rem; }

.fs128 {
  font-size: 12.8rem; }

.fs129 {
  font-size: 12.9rem; }

.fs130 {
  font-size: 13rem; }

.fs131 {
  font-size: 13.1rem; }

.fs132 {
  font-size: 13.2rem; }

.fs133 {
  font-size: 13.3rem; }

.fs134 {
  font-size: 13.4rem; }

.fs135 {
  font-size: 13.5rem; }

.fs136 {
  font-size: 13.6rem; }

.fs137 {
  font-size: 13.7rem; }

.fs138 {
  font-size: 13.8rem; }

.fs139 {
  font-size: 13.9rem; }

.fs140 {
  font-size: 14rem; }

.fs141 {
  font-size: 14.1rem; }

.fs142 {
  font-size: 14.2rem; }

.fs143 {
  font-size: 14.3rem; }

.fs144 {
  font-size: 14.4rem; }

.fs145 {
  font-size: 14.5rem; }

.fs146 {
  font-size: 14.6rem; }

.fs147 {
  font-size: 14.7rem; }

.fs148 {
  font-size: 14.8rem; }

.fs149 {
  font-size: 14.9rem; }

.fs150 {
  font-size: 15rem; }

.fs151 {
  font-size: 15.1rem; }

.fs152 {
  font-size: 15.2rem; }

.fs153 {
  font-size: 15.3rem; }

.fs154 {
  font-size: 15.4rem; }

.fs155 {
  font-size: 15.5rem; }

.fs156 {
  font-size: 15.6rem; }

.fs157 {
  font-size: 15.7rem; }

.fs158 {
  font-size: 15.8rem; }

.fs159 {
  font-size: 15.9rem; }

.fs160 {
  font-size: 16rem; }

.fs161 {
  font-size: 16.1rem; }

.fs162 {
  font-size: 16.2rem; }

.fs163 {
  font-size: 16.3rem; }

.fs164 {
  font-size: 16.4rem; }

.fs165 {
  font-size: 16.5rem; }

.fs166 {
  font-size: 16.6rem; }

.fs167 {
  font-size: 16.7rem; }

.fs168 {
  font-size: 16.8rem; }

.fs169 {
  font-size: 16.9rem; }

.fs170 {
  font-size: 17rem; }

.fs171 {
  font-size: 17.1rem; }

.fs172 {
  font-size: 17.2rem; }

.fs173 {
  font-size: 17.3rem; }

.fs174 {
  font-size: 17.4rem; }

.fs175 {
  font-size: 17.5rem; }

.fs176 {
  font-size: 17.6rem; }

.fs177 {
  font-size: 17.7rem; }

.fs178 {
  font-size: 17.8rem; }

.fs179 {
  font-size: 17.9rem; }

.fs180 {
  font-size: 18rem; }

.fs181 {
  font-size: 18.1rem; }

.fs182 {
  font-size: 18.2rem; }

.fs183 {
  font-size: 18.3rem; }

.fs184 {
  font-size: 18.4rem; }

.fs185 {
  font-size: 18.5rem; }

.fs186 {
  font-size: 18.6rem; }

.fs187 {
  font-size: 18.7rem; }

.fs188 {
  font-size: 18.8rem; }

.fs189 {
  font-size: 18.9rem; }

.fs190 {
  font-size: 19rem; }

.fs191 {
  font-size: 19.1rem; }

.fs192 {
  font-size: 19.2rem; }

.fs193 {
  font-size: 19.3rem; }

.fs194 {
  font-size: 19.4rem; }

.fs195 {
  font-size: 19.5rem; }

.fs196 {
  font-size: 19.6rem; }

.fs197 {
  font-size: 19.7rem; }

.fs198 {
  font-size: 19.8rem; }

.fs199 {
  font-size: 19.9rem; }

.fs200 {
  font-size: 20rem; }

.fs201 {
  font-size: 20.1rem; }

.fs202 {
  font-size: 20.2rem; }

.fs203 {
  font-size: 20.3rem; }

.fs204 {
  font-size: 20.4rem; }

.fs205 {
  font-size: 20.5rem; }

.fs206 {
  font-size: 20.6rem; }

.fs207 {
  font-size: 20.7rem; }

.fs208 {
  font-size: 20.8rem; }

.fs209 {
  font-size: 20.9rem; }

.fs210 {
  font-size: 21rem; }

.fs211 {
  font-size: 21.1rem; }

.fs212 {
  font-size: 21.2rem; }

.fs213 {
  font-size: 21.3rem; }

.fs214 {
  font-size: 21.4rem; }

.fs215 {
  font-size: 21.5rem; }

.fs216 {
  font-size: 21.6rem; }

.fs217 {
  font-size: 21.7rem; }

.fs218 {
  font-size: 21.8rem; }

.fs219 {
  font-size: 21.9rem; }

.fs220 {
  font-size: 22rem; }

.fs221 {
  font-size: 22.1rem; }

.fs222 {
  font-size: 22.2rem; }

.fs223 {
  font-size: 22.3rem; }

.fs224 {
  font-size: 22.4rem; }

.fs225 {
  font-size: 22.5rem; }

.fs226 {
  font-size: 22.6rem; }

.fs227 {
  font-size: 22.7rem; }

.fs228 {
  font-size: 22.8rem; }

.fs229 {
  font-size: 22.9rem; }

.fs230 {
  font-size: 23rem; }

.fs231 {
  font-size: 23.1rem; }

.fs232 {
  font-size: 23.2rem; }

.fs233 {
  font-size: 23.3rem; }

.fs234 {
  font-size: 23.4rem; }

.fs235 {
  font-size: 23.5rem; }

.fs236 {
  font-size: 23.6rem; }

.fs237 {
  font-size: 23.7rem; }

.fs238 {
  font-size: 23.8rem; }

.fs239 {
  font-size: 23.9rem; }

.fs240 {
  font-size: 24rem; }

.fs241 {
  font-size: 24.1rem; }

.fs242 {
  font-size: 24.2rem; }

.fs243 {
  font-size: 24.3rem; }

.fs244 {
  font-size: 24.4rem; }

.fs245 {
  font-size: 24.5rem; }

.fs246 {
  font-size: 24.6rem; }

.fs247 {
  font-size: 24.7rem; }

.fs248 {
  font-size: 24.8rem; }

.fs249 {
  font-size: 24.9rem; }

.fs250 {
  font-size: 25rem; }

.fs251 {
  font-size: 25.1rem; }

.fs252 {
  font-size: 25.2rem; }

.fs253 {
  font-size: 25.3rem; }

.fs254 {
  font-size: 25.4rem; }

.fs255 {
  font-size: 25.5rem; }

.fs256 {
  font-size: 25.6rem; }

.fs257 {
  font-size: 25.7rem; }

.fs258 {
  font-size: 25.8rem; }

.fs259 {
  font-size: 25.9rem; }

.fs260 {
  font-size: 26rem; }

.fs261 {
  font-size: 26.1rem; }

.fs262 {
  font-size: 26.2rem; }

.fs263 {
  font-size: 26.3rem; }

.fs264 {
  font-size: 26.4rem; }

.fs265 {
  font-size: 26.5rem; }

.fs266 {
  font-size: 26.6rem; }

.fs267 {
  font-size: 26.7rem; }

.fs268 {
  font-size: 26.8rem; }

.fs269 {
  font-size: 26.9rem; }

.fs270 {
  font-size: 27rem; }

.fs271 {
  font-size: 27.1rem; }

.fs272 {
  font-size: 27.2rem; }

.fs273 {
  font-size: 27.3rem; }

.fs274 {
  font-size: 27.4rem; }

.fs275 {
  font-size: 27.5rem; }

.fs276 {
  font-size: 27.6rem; }

.fs277 {
  font-size: 27.7rem; }

.fs278 {
  font-size: 27.8rem; }

.fs279 {
  font-size: 27.9rem; }

.fs280 {
  font-size: 28rem; }

.fs281 {
  font-size: 28.1rem; }

.fs282 {
  font-size: 28.2rem; }

.fs283 {
  font-size: 28.3rem; }

.fs284 {
  font-size: 28.4rem; }

.fs285 {
  font-size: 28.5rem; }

.fs286 {
  font-size: 28.6rem; }

.fs287 {
  font-size: 28.7rem; }

.fs288 {
  font-size: 28.8rem; }

.fs289 {
  font-size: 28.9rem; }

.fs290 {
  font-size: 29rem; }

.fs291 {
  font-size: 29.1rem; }

.fs292 {
  font-size: 29.2rem; }

.fs293 {
  font-size: 29.3rem; }

.fs294 {
  font-size: 29.4rem; }

.fs295 {
  font-size: 29.5rem; }

.fs296 {
  font-size: 29.6rem; }

.fs297 {
  font-size: 29.7rem; }

.fs298 {
  font-size: 29.8rem; }

.fs299 {
  font-size: 29.9rem; }

.fs300 {
  font-size: 30rem; }

.fs301 {
  font-size: 30.1rem; }

.fs302 {
  font-size: 30.2rem; }

.fs303 {
  font-size: 30.3rem; }

.fs304 {
  font-size: 30.4rem; }

.fs305 {
  font-size: 30.5rem; }

.fs306 {
  font-size: 30.6rem; }

.fs307 {
  font-size: 30.7rem; }

.fs308 {
  font-size: 30.8rem; }

.fs309 {
  font-size: 30.9rem; }

.fs310 {
  font-size: 31rem; }

.fs311 {
  font-size: 31.1rem; }

.fs312 {
  font-size: 31.2rem; }

.fs313 {
  font-size: 31.3rem; }

.fs314 {
  font-size: 31.4rem; }

.fs315 {
  font-size: 31.5rem; }

.fs316 {
  font-size: 31.6rem; }

.fs317 {
  font-size: 31.7rem; }

.fs318 {
  font-size: 31.8rem; }

.fs319 {
  font-size: 31.9rem; }

.fs320 {
  font-size: 32rem; }

.fs321 {
  font-size: 32.1rem; }

.fs322 {
  font-size: 32.2rem; }

.fs323 {
  font-size: 32.3rem; }

.fs324 {
  font-size: 32.4rem; }

.fs325 {
  font-size: 32.5rem; }

.fs326 {
  font-size: 32.6rem; }

.fs327 {
  font-size: 32.7rem; }

.fs328 {
  font-size: 32.8rem; }

.fs329 {
  font-size: 32.9rem; }

.fs330 {
  font-size: 33rem; }

.fs331 {
  font-size: 33.1rem; }

.fs332 {
  font-size: 33.2rem; }

.fs333 {
  font-size: 33.3rem; }

.fs334 {
  font-size: 33.4rem; }

.fs335 {
  font-size: 33.5rem; }

.fs336 {
  font-size: 33.6rem; }

.fs337 {
  font-size: 33.7rem; }

.fs338 {
  font-size: 33.8rem; }

.fs339 {
  font-size: 33.9rem; }

.fs340 {
  font-size: 34rem; }

.fs341 {
  font-size: 34.1rem; }

.fs342 {
  font-size: 34.2rem; }

.fs343 {
  font-size: 34.3rem; }

.fs344 {
  font-size: 34.4rem; }

.fs345 {
  font-size: 34.5rem; }

.fs346 {
  font-size: 34.6rem; }

.fs347 {
  font-size: 34.7rem; }

.fs348 {
  font-size: 34.8rem; }

.fs349 {
  font-size: 34.9rem; }

.fs350 {
  font-size: 35rem; }

.fs351 {
  font-size: 35.1rem; }

.fs352 {
  font-size: 35.2rem; }

.fs353 {
  font-size: 35.3rem; }

.fs354 {
  font-size: 35.4rem; }

.fs355 {
  font-size: 35.5rem; }

.fs356 {
  font-size: 35.6rem; }

.fs357 {
  font-size: 35.7rem; }

.fs358 {
  font-size: 35.8rem; }

.fs359 {
  font-size: 35.9rem; }

.fs360 {
  font-size: 36rem; }

.fs361 {
  font-size: 36.1rem; }

.fs362 {
  font-size: 36.2rem; }

.fs363 {
  font-size: 36.3rem; }

.fs364 {
  font-size: 36.4rem; }

.fs365 {
  font-size: 36.5rem; }

.fs366 {
  font-size: 36.6rem; }

.fs367 {
  font-size: 36.7rem; }

.fs368 {
  font-size: 36.8rem; }

.fs369 {
  font-size: 36.9rem; }

.fs370 {
  font-size: 37rem; }

.fs371 {
  font-size: 37.1rem; }

.fs372 {
  font-size: 37.2rem; }

.fs373 {
  font-size: 37.3rem; }

.fs374 {
  font-size: 37.4rem; }

.fs375 {
  font-size: 37.5rem; }

.fs376 {
  font-size: 37.6rem; }

.fs377 {
  font-size: 37.7rem; }

.fs378 {
  font-size: 37.8rem; }

.fs379 {
  font-size: 37.9rem; }

.fs380 {
  font-size: 38rem; }

.fs381 {
  font-size: 38.1rem; }

.fs382 {
  font-size: 38.2rem; }

.fs383 {
  font-size: 38.3rem; }

.fs384 {
  font-size: 38.4rem; }

.fs385 {
  font-size: 38.5rem; }

.fs386 {
  font-size: 38.6rem; }

.fs387 {
  font-size: 38.7rem; }

.fs388 {
  font-size: 38.8rem; }

.fs389 {
  font-size: 38.9rem; }

.fs390 {
  font-size: 39rem; }

.fs391 {
  font-size: 39.1rem; }

.fs392 {
  font-size: 39.2rem; }

.fs393 {
  font-size: 39.3rem; }

.fs394 {
  font-size: 39.4rem; }

.fs395 {
  font-size: 39.5rem; }

.fs396 {
  font-size: 39.6rem; }

.fs397 {
  font-size: 39.7rem; }

.fs398 {
  font-size: 39.8rem; }

.fs399 {
  font-size: 39.9rem; }

.lh05 {
  line-height: 0.5; }

.lh06 {
  line-height: 0.6; }

.lh07 {
  line-height: 0.7; }

.lh08 {
  line-height: 0.8; }

.lh09 {
  line-height: 0.9; }

.lh10 {
  line-height: 1; }

.lh11 {
  line-height: 1.1; }

.lh12 {
  line-height: 1.2; }

.lh13 {
  line-height: 1.3; }

.lh14 {
  line-height: 1.4; }

.lh15 {
  line-height: 1.5; }

.lh16 {
  line-height: 1.6; }

.lh17 {
  line-height: 1.7; }

.lh18 {
  line-height: 1.8; }

.lh19 {
  line-height: 1.9; }

.lh20 {
  line-height: 2; }

.lh21 {
  line-height: 2.1; }

.lh22 {
  line-height: 2.2; }

.lh23 {
  line-height: 2.3; }

.lh24 {
  line-height: 2.4; }

.lh25 {
  line-height: 2.5; }

.lh26 {
  line-height: 2.6; }

.lh27 {
  line-height: 2.7; }

.lh28 {
  line-height: 2.8; }

.lh29 {
  line-height: 2.9; }

.lh30 {
  line-height: 3; }

.lh31 {
  line-height: 3.1; }

.lh32 {
  line-height: 3.2; }

.lh33 {
  line-height: 3.3; }

.lh34 {
  line-height: 3.4; }

.lh35 {
  line-height: 3.5; }

.lh36 {
  line-height: 3.6; }

.lh37 {
  line-height: 3.7; }

.lh38 {
  line-height: 3.8; }

.lh39 {
  line-height: 3.9; }

.lh40 {
  line-height: 4; }

.lh41 {
  line-height: 4.1; }

.lh42 {
  line-height: 4.2; }

.lh43 {
  line-height: 4.3; }

.lh44 {
  line-height: 4.4; }

.lh45 {
  line-height: 4.5; }

.lh46 {
  line-height: 4.6; }

.lh47 {
  line-height: 4.7; }

.lh48 {
  line-height: 4.8; }

.lh49 {
  line-height: 4.9; }

.lh50 {
  line-height: 5; }

.lh51 {
  line-height: 5.1; }

.lh52 {
  line-height: 5.2; }

.lh53 {
  line-height: 5.3; }

.lh54 {
  line-height: 5.4; }

.lh55 {
  line-height: 5.5; }

.lh56 {
  line-height: 5.6; }

.lh57 {
  line-height: 5.7; }

.lh58 {
  line-height: 5.8; }

.lh59 {
  line-height: 5.9; }

.lh60 {
  line-height: 6; }

.lh61 {
  line-height: 6.1; }

.lh62 {
  line-height: 6.2; }

.lh63 {
  line-height: 6.3; }

.lh64 {
  line-height: 6.4; }

.lh65 {
  line-height: 6.5; }

.lh66 {
  line-height: 6.6; }

.lh67 {
  line-height: 6.7; }

.lh68 {
  line-height: 6.8; }

.lh69 {
  line-height: 6.9; }

.lh70 {
  line-height: 7; }

.lh71 {
  line-height: 7.1; }

.lh72 {
  line-height: 7.2; }

.lh73 {
  line-height: 7.3; }

.lh74 {
  line-height: 7.4; }

.lh75 {
  line-height: 7.5; }

.lh76 {
  line-height: 7.6; }

.lh77 {
  line-height: 7.7; }

.lh78 {
  line-height: 7.8; }

.lh79 {
  line-height: 7.9; }

.lh80 {
  line-height: 8; }

.lh81 {
  line-height: 8.1; }

.lh82 {
  line-height: 8.2; }

.lh83 {
  line-height: 8.3; }

.lh84 {
  line-height: 8.4; }

.lh85 {
  line-height: 8.5; }

.lh86 {
  line-height: 8.6; }

.lh87 {
  line-height: 8.7; }

.lh88 {
  line-height: 8.8; }

.lh89 {
  line-height: 8.9; }

.lh90 {
  line-height: 9; }

.lh91 {
  line-height: 9.1; }

.lh92 {
  line-height: 9.2; }

.lh93 {
  line-height: 9.3; }

.lh94 {
  line-height: 9.4; }

.lh95 {
  line-height: 9.5; }

.lh96 {
  line-height: 9.6; }

.lh97 {
  line-height: 9.7; }

.lh98 {
  line-height: 9.8; }

.lh99 {
  line-height: 9.9; }

.lh100 {
  line-height: 10; }

.lh101 {
  line-height: 10.1; }

.lh102 {
  line-height: 10.2; }

.lh103 {
  line-height: 10.3; }

.lh104 {
  line-height: 10.4; }

.lh105 {
  line-height: 10.5; }

.lh106 {
  line-height: 10.6; }

.lh107 {
  line-height: 10.7; }

.lh108 {
  line-height: 10.8; }

.lh109 {
  line-height: 10.9; }

.lh110 {
  line-height: 11; }

.lh111 {
  line-height: 11.1; }

.lh112 {
  line-height: 11.2; }

.lh113 {
  line-height: 11.3; }

.lh114 {
  line-height: 11.4; }

.lh115 {
  line-height: 11.5; }

.lh116 {
  line-height: 11.6; }

.lh117 {
  line-height: 11.7; }

.lh118 {
  line-height: 11.8; }

.lh119 {
  line-height: 11.9; }

.lh120 {
  line-height: 12; }

.lh121 {
  line-height: 12.1; }

.lh122 {
  line-height: 12.2; }

.lh123 {
  line-height: 12.3; }

.lh124 {
  line-height: 12.4; }

.lh125 {
  line-height: 12.5; }

.lh126 {
  line-height: 12.6; }

.lh127 {
  line-height: 12.7; }

.lh128 {
  line-height: 12.8; }

.lh129 {
  line-height: 12.9; }

.lh130 {
  line-height: 13; }

.lh131 {
  line-height: 13.1; }

.lh132 {
  line-height: 13.2; }

.lh133 {
  line-height: 13.3; }

.lh134 {
  line-height: 13.4; }

.lh135 {
  line-height: 13.5; }

.lh136 {
  line-height: 13.6; }

.lh137 {
  line-height: 13.7; }

.lh138 {
  line-height: 13.8; }

.lh139 {
  line-height: 13.9; }

.lh140 {
  line-height: 14; }

.lh141 {
  line-height: 14.1; }

.lh142 {
  line-height: 14.2; }

.lh143 {
  line-height: 14.3; }

.lh144 {
  line-height: 14.4; }

.lh145 {
  line-height: 14.5; }

.lh146 {
  line-height: 14.6; }

.lh147 {
  line-height: 14.7; }

.lh148 {
  line-height: 14.8; }

.lh149 {
  line-height: 14.9; }

.lh150 {
  line-height: 15; }

.lh151 {
  line-height: 15.1; }

.lh152 {
  line-height: 15.2; }

.lh153 {
  line-height: 15.3; }

.lh154 {
  line-height: 15.4; }

.lh155 {
  line-height: 15.5; }

.lh156 {
  line-height: 15.6; }

.lh157 {
  line-height: 15.7; }

.lh158 {
  line-height: 15.8; }

.lh159 {
  line-height: 15.9; }

.lh160 {
  line-height: 16; }

.lh161 {
  line-height: 16.1; }

.lh162 {
  line-height: 16.2; }

.lh163 {
  line-height: 16.3; }

.lh164 {
  line-height: 16.4; }

.lh165 {
  line-height: 16.5; }

.lh166 {
  line-height: 16.6; }

.lh167 {
  line-height: 16.7; }

.lh168 {
  line-height: 16.8; }

.lh169 {
  line-height: 16.9; }

.lh170 {
  line-height: 17; }

.lh171 {
  line-height: 17.1; }

.lh172 {
  line-height: 17.2; }

.lh173 {
  line-height: 17.3; }

.lh174 {
  line-height: 17.4; }

.lh175 {
  line-height: 17.5; }

.lh176 {
  line-height: 17.6; }

.lh177 {
  line-height: 17.7; }

.lh178 {
  line-height: 17.8; }

.lh179 {
  line-height: 17.9; }

.lh180 {
  line-height: 18; }

.lh181 {
  line-height: 18.1; }

.lh182 {
  line-height: 18.2; }

.lh183 {
  line-height: 18.3; }

.lh184 {
  line-height: 18.4; }

.lh185 {
  line-height: 18.5; }

.lh186 {
  line-height: 18.6; }

.lh187 {
  line-height: 18.7; }

.lh188 {
  line-height: 18.8; }

.lh189 {
  line-height: 18.9; }

.lh190 {
  line-height: 19; }

.lh191 {
  line-height: 19.1; }

.lh192 {
  line-height: 19.2; }

.lh193 {
  line-height: 19.3; }

.lh194 {
  line-height: 19.4; }

.lh195 {
  line-height: 19.5; }

.lh196 {
  line-height: 19.6; }

.lh197 {
  line-height: 19.7; }

.lh198 {
  line-height: 19.8; }

.lh199 {
  line-height: 19.9; }

.lh200 {
  line-height: 20; }

.lh201 {
  line-height: 20.1; }

.lh202 {
  line-height: 20.2; }

.lh203 {
  line-height: 20.3; }

.lh204 {
  line-height: 20.4; }

.lh205 {
  line-height: 20.5; }

.lh206 {
  line-height: 20.6; }

.lh207 {
  line-height: 20.7; }

.lh208 {
  line-height: 20.8; }

.lh209 {
  line-height: 20.9; }

.lh210 {
  line-height: 21; }

.lh211 {
  line-height: 21.1; }

.lh212 {
  line-height: 21.2; }

.lh213 {
  line-height: 21.3; }

.lh214 {
  line-height: 21.4; }

.lh215 {
  line-height: 21.5; }

.lh216 {
  line-height: 21.6; }

.lh217 {
  line-height: 21.7; }

.lh218 {
  line-height: 21.8; }

.lh219 {
  line-height: 21.9; }

.lh220 {
  line-height: 22; }

.lh221 {
  line-height: 22.1; }

.lh222 {
  line-height: 22.2; }

.lh223 {
  line-height: 22.3; }

.lh224 {
  line-height: 22.4; }

.lh225 {
  line-height: 22.5; }

.lh226 {
  line-height: 22.6; }

.lh227 {
  line-height: 22.7; }

.lh228 {
  line-height: 22.8; }

.lh229 {
  line-height: 22.9; }

.lh230 {
  line-height: 23; }

.lh231 {
  line-height: 23.1; }

.lh232 {
  line-height: 23.2; }

.lh233 {
  line-height: 23.3; }

.lh234 {
  line-height: 23.4; }

.lh235 {
  line-height: 23.5; }

.lh236 {
  line-height: 23.6; }

.lh237 {
  line-height: 23.7; }

.lh238 {
  line-height: 23.8; }

.lh239 {
  line-height: 23.9; }

.lh240 {
  line-height: 24; }

.lh241 {
  line-height: 24.1; }

.lh242 {
  line-height: 24.2; }

.lh243 {
  line-height: 24.3; }

.lh244 {
  line-height: 24.4; }

.lh245 {
  line-height: 24.5; }

.lh246 {
  line-height: 24.6; }

.lh247 {
  line-height: 24.7; }

.lh248 {
  line-height: 24.8; }

.lh249 {
  line-height: 24.9; }

.lh250 {
  line-height: 25; }

.lh251 {
  line-height: 25.1; }

.lh252 {
  line-height: 25.2; }

.lh253 {
  line-height: 25.3; }

.lh254 {
  line-height: 25.4; }

.lh255 {
  line-height: 25.5; }

.lh256 {
  line-height: 25.6; }

.lh257 {
  line-height: 25.7; }

.lh258 {
  line-height: 25.8; }

.lh259 {
  line-height: 25.9; }

.lh260 {
  line-height: 26; }

.lh261 {
  line-height: 26.1; }

.lh262 {
  line-height: 26.2; }

.lh263 {
  line-height: 26.3; }

.lh264 {
  line-height: 26.4; }

.lh265 {
  line-height: 26.5; }

.lh266 {
  line-height: 26.6; }

.lh267 {
  line-height: 26.7; }

.lh268 {
  line-height: 26.8; }

.lh269 {
  line-height: 26.9; }

.lh270 {
  line-height: 27; }

.lh271 {
  line-height: 27.1; }

.lh272 {
  line-height: 27.2; }

.lh273 {
  line-height: 27.3; }

.lh274 {
  line-height: 27.4; }

.lh275 {
  line-height: 27.5; }

.lh276 {
  line-height: 27.6; }

.lh277 {
  line-height: 27.7; }

.lh278 {
  line-height: 27.8; }

.lh279 {
  line-height: 27.9; }

.lh280 {
  line-height: 28; }

.lh281 {
  line-height: 28.1; }

.lh282 {
  line-height: 28.2; }

.lh283 {
  line-height: 28.3; }

.lh284 {
  line-height: 28.4; }

.lh285 {
  line-height: 28.5; }

.lh286 {
  line-height: 28.6; }

.lh287 {
  line-height: 28.7; }

.lh288 {
  line-height: 28.8; }

.lh289 {
  line-height: 28.9; }

.lh290 {
  line-height: 29; }

.lh291 {
  line-height: 29.1; }

.lh292 {
  line-height: 29.2; }

.lh293 {
  line-height: 29.3; }

.lh294 {
  line-height: 29.4; }

.lh295 {
  line-height: 29.5; }

.lh296 {
  line-height: 29.6; }

.lh297 {
  line-height: 29.7; }

.lh298 {
  line-height: 29.8; }

.lh299 {
  line-height: 29.9; }

.lh300 {
  line-height: 30; }

.lh301 {
  line-height: 30.1; }

.lh302 {
  line-height: 30.2; }

.lh303 {
  line-height: 30.3; }

.lh304 {
  line-height: 30.4; }

.lh305 {
  line-height: 30.5; }

.lh306 {
  line-height: 30.6; }

.lh307 {
  line-height: 30.7; }

.lh308 {
  line-height: 30.8; }

.lh309 {
  line-height: 30.9; }

.lh310 {
  line-height: 31; }

.lh311 {
  line-height: 31.1; }

.lh312 {
  line-height: 31.2; }

.lh313 {
  line-height: 31.3; }

.lh314 {
  line-height: 31.4; }

.lh315 {
  line-height: 31.5; }

.lh316 {
  line-height: 31.6; }

.lh317 {
  line-height: 31.7; }

.lh318 {
  line-height: 31.8; }

.lh319 {
  line-height: 31.9; }

.lh320 {
  line-height: 32; }

.lh321 {
  line-height: 32.1; }

.lh322 {
  line-height: 32.2; }

.lh323 {
  line-height: 32.3; }

.lh324 {
  line-height: 32.4; }

.lh325 {
  line-height: 32.5; }

.lh326 {
  line-height: 32.6; }

.lh327 {
  line-height: 32.7; }

.lh328 {
  line-height: 32.8; }

.lh329 {
  line-height: 32.9; }

.lh330 {
  line-height: 33; }

.lh331 {
  line-height: 33.1; }

.lh332 {
  line-height: 33.2; }

.lh333 {
  line-height: 33.3; }

.lh334 {
  line-height: 33.4; }

.lh335 {
  line-height: 33.5; }

.lh336 {
  line-height: 33.6; }

.lh337 {
  line-height: 33.7; }

.lh338 {
  line-height: 33.8; }

.lh339 {
  line-height: 33.9; }

.lh340 {
  line-height: 34; }

.lh341 {
  line-height: 34.1; }

.lh342 {
  line-height: 34.2; }

.lh343 {
  line-height: 34.3; }

.lh344 {
  line-height: 34.4; }

.lh345 {
  line-height: 34.5; }

.lh346 {
  line-height: 34.6; }

.lh347 {
  line-height: 34.7; }

.lh348 {
  line-height: 34.8; }

.lh349 {
  line-height: 34.9; }

.lh350 {
  line-height: 35; }

.lh351 {
  line-height: 35.1; }

.lh352 {
  line-height: 35.2; }

.lh353 {
  line-height: 35.3; }

.lh354 {
  line-height: 35.4; }

.lh355 {
  line-height: 35.5; }

.lh356 {
  line-height: 35.6; }

.lh357 {
  line-height: 35.7; }

.lh358 {
  line-height: 35.8; }

.lh359 {
  line-height: 35.9; }

.lh360 {
  line-height: 36; }

.lh361 {
  line-height: 36.1; }

.lh362 {
  line-height: 36.2; }

.lh363 {
  line-height: 36.3; }

.lh364 {
  line-height: 36.4; }

.lh365 {
  line-height: 36.5; }

.lh366 {
  line-height: 36.6; }

.lh367 {
  line-height: 36.7; }

.lh368 {
  line-height: 36.8; }

.lh369 {
  line-height: 36.9; }

.lh370 {
  line-height: 37; }

.lh371 {
  line-height: 37.1; }

.lh372 {
  line-height: 37.2; }

.lh373 {
  line-height: 37.3; }

.lh374 {
  line-height: 37.4; }

.lh375 {
  line-height: 37.5; }

.lh376 {
  line-height: 37.6; }

.lh377 {
  line-height: 37.7; }

.lh378 {
  line-height: 37.8; }

.lh379 {
  line-height: 37.9; }

.lh380 {
  line-height: 38; }

.lh381 {
  line-height: 38.1; }

.lh382 {
  line-height: 38.2; }

.lh383 {
  line-height: 38.3; }

.lh384 {
  line-height: 38.4; }

.lh385 {
  line-height: 38.5; }

.lh386 {
  line-height: 38.6; }

.lh387 {
  line-height: 38.7; }

.lh388 {
  line-height: 38.8; }

.lh389 {
  line-height: 38.9; }

.lh390 {
  line-height: 39; }

.lh391 {
  line-height: 39.1; }

.lh392 {
  line-height: 39.2; }

.lh393 {
  line-height: 39.3; }

.lh394 {
  line-height: 39.4; }

.lh395 {
  line-height: 39.5; }

.lh396 {
  line-height: 39.6; }

.lh397 {
  line-height: 39.7; }

.lh398 {
  line-height: 39.8; }

.lh399 {
  line-height: 39.9; }

/* ----------------------------------------------------
レスポンシブ設定
---------------------------------------------------- */
/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 {
  margin-top: 0px !important; }

.mr00 {
  margin-right: 0px !important; }

.mb00 {
  margin-bottom: 0px !important; }

.ml00 {
  margin-left: 0px !important; }

.mt05 {
  margin-top: 5px !important; }

.mr05 {
  margin-right: 5px !important; }

.mb05 {
  margin-bottom: 5px !important; }

.ml05 {
  margin-left: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.ml65 {
  margin-left: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.ma {
  margin: auto; }

.mla {
  margin-left: auto; }

.mra {
  margin-right: auto; }

.mba {
  margin-bottom: auto; }

/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pa00 {
  padding: 0px; }

.pt00 {
  padding-top: 0px !important; }

.pr00 {
  padding-right: 0px !important; }

.pb00 {
  padding-bottom: 0px !important; }

.pl00 {
  padding-left: 0px !important; }

.pa05 {
  padding: 5px; }

.pt05 {
  padding-top: 5px !important; }

.pr05 {
  padding-right: 5px !important; }

.pb05 {
  padding-bottom: 5px !important; }

.pl05 {
  padding-left: 5px !important; }

.pa10 {
  padding: 10px; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.pa15 {
  padding: 15px; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.pa20 {
  padding: 20px; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.pa25 {
  padding: 25px; }

.pt25 {
  padding-top: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl25 {
  padding-left: 25px !important; }

.pa30 {
  padding: 30px; }

.pt30 {
  padding-top: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.pa35 {
  padding: 35px; }

.pt35 {
  padding-top: 35px !important; }

.pr35 {
  padding-right: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl35 {
  padding-left: 35px !important; }

.pa40 {
  padding: 40px; }

.pt40 {
  padding-top: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl40 {
  padding-left: 40px !important; }

.pa45 {
  padding: 45px; }

.pt45 {
  padding-top: 45px !important; }

.pr45 {
  padding-right: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl45 {
  padding-left: 45px !important; }

.pa50 {
  padding: 50px; }

.pt50 {
  padding-top: 50px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl50 {
  padding-left: 50px !important; }

.pa55 {
  padding: 55px; }

.pt55 {
  padding-top: 55px !important; }

.pr55 {
  padding-right: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pl55 {
  padding-left: 55px !important; }

.pa60 {
  padding: 60px; }

.pt60 {
  padding-top: 60px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl60 {
  padding-left: 60px !important; }

.pa65 {
  padding: 65px; }

.pt65 {
  padding-top: 65px !important; }

.pr65 {
  padding-right: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pl65 {
  padding-left: 65px !important; }

.pa70 {
  padding: 70px; }

.pt70 {
  padding-top: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.pa75 {
  padding: 75px; }

.pt75 {
  padding-top: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.pa80 {
  padding: 80px; }

.pt80 {
  padding-top: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.pa85 {
  padding: 85px; }

.pt85 {
  padding-top: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.pa90 {
  padding: 90px; }

.pt90 {
  padding-top: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.pa95 {
  padding: 95px; }

.pt95 {
  padding-top: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.pa100 {
  padding: 100px; }

.pt100 {
  padding-top: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

/* ----------------------------------------------------
// width
---------------------------------------------------- */
.wi1 {
  width: 1%;
  height: auto; }

.wi2 {
  width: 2%;
  height: auto; }

.wi3 {
  width: 3%;
  height: auto; }

.wi4 {
  width: 4%;
  height: auto; }

.wi5 {
  width: 5%;
  height: auto; }

.wi6 {
  width: 6%;
  height: auto; }

.wi7 {
  width: 7%;
  height: auto; }

.wi8 {
  width: 8%;
  height: auto; }

.wi9 {
  width: 9%;
  height: auto; }

.wi10 {
  width: 10%;
  height: auto; }

.wi11 {
  width: 11%;
  height: auto; }

.wi12 {
  width: 12%;
  height: auto; }

.wi13 {
  width: 13%;
  height: auto; }

.wi14 {
  width: 14%;
  height: auto; }

.wi15 {
  width: 15%;
  height: auto; }

.wi16 {
  width: 16%;
  height: auto; }

.wi17 {
  width: 17%;
  height: auto; }

.wi18 {
  width: 18%;
  height: auto; }

.wi19 {
  width: 19%;
  height: auto; }

.wi20 {
  width: 20%;
  height: auto; }

.wi21 {
  width: 21%;
  height: auto; }

.wi22 {
  width: 22%;
  height: auto; }

.wi23 {
  width: 23%;
  height: auto; }

.wi24 {
  width: 24%;
  height: auto; }

.wi25 {
  width: 25%;
  height: auto; }

.wi26 {
  width: 26%;
  height: auto; }

.wi27 {
  width: 27%;
  height: auto; }

.wi28 {
  width: 28%;
  height: auto; }

.wi29 {
  width: 29%;
  height: auto; }

.wi30 {
  width: 30%;
  height: auto; }

.wi31 {
  width: 31%;
  height: auto; }

.wi32 {
  width: 32%;
  height: auto; }

.wi33 {
  width: 33%;
  height: auto; }

.wi34 {
  width: 34%;
  height: auto; }

.wi35 {
  width: 35%;
  height: auto; }

.wi36 {
  width: 36%;
  height: auto; }

.wi37 {
  width: 37%;
  height: auto; }

.wi38 {
  width: 38%;
  height: auto; }

.wi39 {
  width: 39%;
  height: auto; }

.wi40 {
  width: 40%;
  height: auto; }

.wi41 {
  width: 41%;
  height: auto; }

.wi42 {
  width: 42%;
  height: auto; }

.wi43 {
  width: 43%;
  height: auto; }

.wi44 {
  width: 44%;
  height: auto; }

.wi45 {
  width: 45%;
  height: auto; }

.wi46 {
  width: 46%;
  height: auto; }

.wi47 {
  width: 47%;
  height: auto; }

.wi48 {
  width: 48%;
  height: auto; }

.wi49 {
  width: 49%;
  height: auto; }

.wi50 {
  width: 50%;
  height: auto; }

.wi51 {
  width: 51%;
  height: auto; }

.wi52 {
  width: 52%;
  height: auto; }

.wi53 {
  width: 53%;
  height: auto; }

.wi54 {
  width: 54%;
  height: auto; }

.wi55 {
  width: 55%;
  height: auto; }

.wi56 {
  width: 56%;
  height: auto; }

.wi57 {
  width: 57%;
  height: auto; }

.wi58 {
  width: 58%;
  height: auto; }

.wi59 {
  width: 59%;
  height: auto; }

.wi60 {
  width: 60%;
  height: auto; }

.wi61 {
  width: 61%;
  height: auto; }

.wi62 {
  width: 62%;
  height: auto; }

.wi63 {
  width: 63%;
  height: auto; }

.wi64 {
  width: 64%;
  height: auto; }

.wi65 {
  width: 65%;
  height: auto; }

.wi66 {
  width: 66%;
  height: auto; }

.wi67 {
  width: 67%;
  height: auto; }

.wi68 {
  width: 68%;
  height: auto; }

.wi69 {
  width: 69%;
  height: auto; }

.wi70 {
  width: 70%;
  height: auto; }

.wi71 {
  width: 71%;
  height: auto; }

.wi72 {
  width: 72%;
  height: auto; }

.wi73 {
  width: 73%;
  height: auto; }

.wi74 {
  width: 74%;
  height: auto; }

.wi75 {
  width: 75%;
  height: auto; }

.wi76 {
  width: 76%;
  height: auto; }

.wi77 {
  width: 77%;
  height: auto; }

.wi78 {
  width: 78%;
  height: auto; }

.wi79 {
  width: 79%;
  height: auto; }

.wi80 {
  width: 80%;
  height: auto; }

.wi81 {
  width: 81%;
  height: auto; }

.wi82 {
  width: 82%;
  height: auto; }

.wi83 {
  width: 83%;
  height: auto; }

.wi84 {
  width: 84%;
  height: auto; }

.wi85 {
  width: 85%;
  height: auto; }

.wi86 {
  width: 86%;
  height: auto; }

.wi87 {
  width: 87%;
  height: auto; }

.wi88 {
  width: 88%;
  height: auto; }

.wi89 {
  width: 89%;
  height: auto; }

.wi90 {
  width: 90%;
  height: auto; }

.wi91 {
  width: 91%;
  height: auto; }

.wi92 {
  width: 92%;
  height: auto; }

.wi93 {
  width: 93%;
  height: auto; }

.wi94 {
  width: 94%;
  height: auto; }

.wi95 {
  width: 95%;
  height: auto; }

.wi96 {
  width: 96%;
  height: auto; }

.wi97 {
  width: 97%;
  height: auto; }

.wi98 {
  width: 98%;
  height: auto; }

.wi99 {
  width: 99%;
  height: auto; }

.wi100 {
  width: 100%;
  height: auto; }

/* ----------------------------------------------------
// max-width
---------------------------------------------------- */
.mwi10 {
  max-width: 10px; }

.mwi20 {
  max-width: 20px; }

.mwi30 {
  max-width: 30px; }

.mwi40 {
  max-width: 40px; }

.mwi50 {
  max-width: 50px; }

.mwi60 {
  max-width: 60px; }

.mwi70 {
  max-width: 70px; }

.mwi80 {
  max-width: 80px; }

.mwi90 {
  max-width: 90px; }

.mwi100 {
  max-width: 100px; }

.mwi110 {
  max-width: 110px; }

.mwi120 {
  max-width: 120px; }

.mwi130 {
  max-width: 130px; }

.mwi140 {
  max-width: 140px; }

.mwi150 {
  max-width: 150px; }

.mwi160 {
  max-width: 160px; }

.mwi170 {
  max-width: 170px; }

.mwi180 {
  max-width: 180px; }

.mwi190 {
  max-width: 190px; }

.mwi200 {
  max-width: 200px; }

.mwi210 {
  max-width: 210px; }

.mwi220 {
  max-width: 220px; }

.mwi230 {
  max-width: 230px; }

.mwi240 {
  max-width: 240px; }

.mwi250 {
  max-width: 250px; }

.mwi260 {
  max-width: 260px; }

.mwi270 {
  max-width: 270px; }

.mwi280 {
  max-width: 280px; }

.mwi290 {
  max-width: 290px; }

.mwi300 {
  max-width: 300px; }

.mwi310 {
  max-width: 310px; }

.mwi320 {
  max-width: 320px; }

.mwi330 {
  max-width: 330px; }

.mwi340 {
  max-width: 340px; }

.mwi350 {
  max-width: 350px; }

.mwi360 {
  max-width: 360px; }

.mwi370 {
  max-width: 370px; }

.mwi380 {
  max-width: 380px; }

.mwi390 {
  max-width: 390px; }

.mwi400 {
  max-width: 400px; }

.mwi410 {
  max-width: 410px; }

.mwi420 {
  max-width: 420px; }

.mwi430 {
  max-width: 430px; }

.mwi440 {
  max-width: 440px; }

.mwi450 {
  max-width: 450px; }

.mwi460 {
  max-width: 460px; }

.mwi470 {
  max-width: 470px; }

.mwi480 {
  max-width: 480px; }

.mwi490 {
  max-width: 490px; }

.mwi500 {
  max-width: 500px; }

.mwi510 {
  max-width: 510px; }

.mwi520 {
  max-width: 520px; }

.mwi530 {
  max-width: 530px; }

.mwi540 {
  max-width: 540px; }

.mwi550 {
  max-width: 550px; }

.mwi560 {
  max-width: 560px; }

.mwi570 {
  max-width: 570px; }

.mwi580 {
  max-width: 580px; }

.mwi590 {
  max-width: 590px; }

.mwi600 {
  max-width: 600px; }

.mwi610 {
  max-width: 610px; }

.mwi620 {
  max-width: 620px; }

.mwi630 {
  max-width: 630px; }

.mwi640 {
  max-width: 640px; }

.mwi650 {
  max-width: 650px; }

.mwi660 {
  max-width: 660px; }

.mwi670 {
  max-width: 670px; }

.mwi680 {
  max-width: 680px; }

.mwi690 {
  max-width: 690px; }

.mwi700 {
  max-width: 700px; }

.mwi710 {
  max-width: 710px; }

.mwi720 {
  max-width: 720px; }

.mwi730 {
  max-width: 730px; }

.mwi740 {
  max-width: 740px; }

.mwi750 {
  max-width: 750px; }

.mwi760 {
  max-width: 760px; }

.mwi770 {
  max-width: 770px; }

.mwi780 {
  max-width: 780px; }

.mwi790 {
  max-width: 790px; }

.mwi800 {
  max-width: 800px; }

.mwi810 {
  max-width: 810px; }

.mwi820 {
  max-width: 820px; }

.mwi830 {
  max-width: 830px; }

.mwi840 {
  max-width: 840px; }

.mwi850 {
  max-width: 850px; }

.mwi860 {
  max-width: 860px; }

.mwi870 {
  max-width: 870px; }

.mwi880 {
  max-width: 880px; }

.mwi890 {
  max-width: 890px; }

.mwi900 {
  max-width: 900px; }

.mwi910 {
  max-width: 910px; }

.mwi920 {
  max-width: 920px; }

.mwi930 {
  max-width: 930px; }

.mwi940 {
  max-width: 940px; }

.mwi950 {
  max-width: 950px; }

.mwi960 {
  max-width: 960px; }

.mwi970 {
  max-width: 970px; }

.mwi980 {
  max-width: 980px; }

.mwi990 {
  max-width: 990px; }

.mwi1000 {
  max-width: 1000px; }

.mwi1010 {
  max-width: 1010px; }

.mwi1020 {
  max-width: 1020px; }

.mwi1030 {
  max-width: 1030px; }

.mwi1040 {
  max-width: 1040px; }

.mwi1050 {
  max-width: 1050px; }

.mwi1060 {
  max-width: 1060px; }

.mwi1070 {
  max-width: 1070px; }

.mwi1080 {
  max-width: 1080px; }

.mwi1090 {
  max-width: 1090px; }

.mwi1100 {
  max-width: 1100px; }

.mwi1110 {
  max-width: 1110px; }

.mwi1120 {
  max-width: 1120px; }

.mwi1130 {
  max-width: 1130px; }

.mwi1140 {
  max-width: 1140px; }

.mwi1150 {
  max-width: 1150px; }

.mwi1160 {
  max-width: 1160px; }

.mwi1170 {
  max-width: 1170px; }

.mwi1180 {
  max-width: 1180px; }

.mwi1190 {
  max-width: 1190px; }

.mwi1200 {
  max-width: 1200px; }

.mwi1210 {
  max-width: 1210px; }

.mwi1220 {
  max-width: 1220px; }

.mwi1230 {
  max-width: 1230px; }

.mwi1240 {
  max-width: 1240px; }

.mwi1250 {
  max-width: 1250px; }

.mwi1260 {
  max-width: 1260px; }

.mwi1270 {
  max-width: 1270px; }

.mwi1280 {
  max-width: 1280px; }

.mwi1290 {
  max-width: 1290px; }

.mwi1300 {
  max-width: 1300px; }

.mwi1310 {
  max-width: 1310px; }

.mwi1320 {
  max-width: 1320px; }

.mwi1330 {
  max-width: 1330px; }

.mwi1340 {
  max-width: 1340px; }

.mwi1350 {
  max-width: 1350px; }

.mwi1360 {
  max-width: 1360px; }

.mwi1370 {
  max-width: 1370px; }

.mwi1380 {
  max-width: 1380px; }

.mwi1390 {
  max-width: 1390px; }

.mwi1400 {
  max-width: 1400px; }

.mwi1410 {
  max-width: 1410px; }

.mwi1420 {
  max-width: 1420px; }

.mwi1430 {
  max-width: 1430px; }

.mwi1440 {
  max-width: 1440px; }

.mwi1450 {
  max-width: 1450px; }

.mwi1460 {
  max-width: 1460px; }

.mwi1470 {
  max-width: 1470px; }

.mwi1480 {
  max-width: 1480px; }

.mwi1490 {
  max-width: 1490px; }

.mwi1500 {
  max-width: 1500px; }

.mwi1510 {
  max-width: 1510px; }

.mwi1520 {
  max-width: 1520px; }

.mwi1530 {
  max-width: 1530px; }

.mwi1540 {
  max-width: 1540px; }

.mwi1550 {
  max-width: 1550px; }

.mwi1560 {
  max-width: 1560px; }

.mwi1570 {
  max-width: 1570px; }

.mwi1580 {
  max-width: 1580px; }

.mwi1590 {
  max-width: 1590px; }

.mwi1600 {
  max-width: 1600px; }

.mwi1610 {
  max-width: 1610px; }

.mwi1620 {
  max-width: 1620px; }

.mwi1630 {
  max-width: 1630px; }

.mwi1640 {
  max-width: 1640px; }

.mwi1650 {
  max-width: 1650px; }

.mwi1660 {
  max-width: 1660px; }

.mwi1670 {
  max-width: 1670px; }

.mwi1680 {
  max-width: 1680px; }

.mwi1690 {
  max-width: 1690px; }

.mwi1700 {
  max-width: 1700px; }

.mwi1710 {
  max-width: 1710px; }

.mwi1720 {
  max-width: 1720px; }

.mwi1730 {
  max-width: 1730px; }

.mwi1740 {
  max-width: 1740px; }

.mwi1750 {
  max-width: 1750px; }

.mwi1760 {
  max-width: 1760px; }

.mwi1770 {
  max-width: 1770px; }

.mwi1780 {
  max-width: 1780px; }

.mwi1790 {
  max-width: 1790px; }

.mwi1800 {
  max-width: 1800px; }

.mwi1810 {
  max-width: 1810px; }

.mwi1820 {
  max-width: 1820px; }

.mwi1830 {
  max-width: 1830px; }

.mwi1840 {
  max-width: 1840px; }

.mwi1850 {
  max-width: 1850px; }

.mwi1860 {
  max-width: 1860px; }

.mwi1870 {
  max-width: 1870px; }

.mwi1880 {
  max-width: 1880px; }

.mwi1890 {
  max-width: 1890px; }

.mwi1900 {
  max-width: 1900px; }

.mwi1910 {
  max-width: 1910px; }

.mwi1920 {
  max-width: 1920px; }

.mwi1930 {
  max-width: 1930px; }

.mwi1940 {
  max-width: 1940px; }

.mwi1950 {
  max-width: 1950px; }

.mwi1960 {
  max-width: 1960px; }

.mwi1970 {
  max-width: 1970px; }

.mwi1980 {
  max-width: 1980px; }

.mwi1990 {
  max-width: 1990px; }

.mwi2000 {
  max-width: 2000px; }

/* ----------------------------------------------------
// calc-width
---------------------------------------------------- */
.wi-c00 {
  width: calc(0% - 10px); }

.wi-c25 {
  width: calc(25% - 10px); }

.wi-c50 {
  width: calc(50% - 10px); }

.wi-c75 {
  width: calc(75% - 10px); }

.wi-c100 {
  width: calc(100% - 10px); }

/* ----------------------------------------------------
// PC・・SP切り替え
---------------------------------------------------- */
.pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .pc {
      display: block; } }

.sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .sp {
      display: none; } }

.none {
  display: none; }

/* ----------------------------------------------------
// レスポンシブwidth
---------------------------------------------------- */
.wi100-10 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-10 {
      width: calc(10% - 10px); } }
  @media print {
    .wi100-10 {
      width: calc(10% - 10px); } }

.wi100-15 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-15 {
      width: calc(15% - 10px); } }
  @media print {
    .wi100-15 {
      width: calc(15% - 10px); } }

.wi100-20 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-20 {
      width: calc(20% - 10px); } }
  @media print {
    .wi100-20 {
      width: calc(20% - 10px); } }

.wi100-25 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-25 {
      width: calc(25% - 10px); } }
  @media print {
    .wi100-25 {
      width: calc(25% - 10px); } }

.wi100-30 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-30 {
      width: calc(30% - 10px); } }
  @media print {
    .wi100-30 {
      width: calc(30% - 10px); } }

.wi100-35 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-35 {
      width: calc(35% - 10px); } }
  @media print {
    .wi100-35 {
      width: calc(35% - 10px); } }

.wi100-40 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-40 {
      width: calc(40% - 10px); } }
  @media print {
    .wi100-40 {
      width: calc(40% - 10px); } }

.wi100-45 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-45 {
      width: calc(45% - 10px); } }
  @media print {
    .wi100-45 {
      width: calc(45% - 10px); } }

.wi100-50 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-50 {
      width: calc(50% - 10px); } }
  @media print {
    .wi100-50 {
      width: calc(50% - 10px); } }

.wi100-55 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-55 {
      width: calc(55% - 10px); } }
  @media print {
    .wi100-55 {
      width: calc(55% - 10px); } }

.wi100-60 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-60 {
      width: calc(60% - 10px); } }
  @media print {
    .wi100-60 {
      width: calc(60% - 10px); } }

.wi100-65 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-65 {
      width: calc(65% - 10px); } }
  @media print {
    .wi100-65 {
      width: calc(65% - 10px); } }

.wi100-70 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-70 {
      width: calc(70% - 10px); } }
  @media print {
    .wi100-70 {
      width: calc(70% - 10px); } }

.wi100-75 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-75 {
      width: calc(75% - 10px); } }
  @media print {
    .wi100-75 {
      width: calc(75% - 10px); } }

.wi100-80 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-80 {
      width: calc(80% - 10px); } }
  @media print {
    .wi100-80 {
      width: calc(80% - 10px); } }

.wi100-85 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-85 {
      width: calc(85% - 10px); } }
  @media print {
    .wi100-85 {
      width: calc(85% - 10px); } }

.wi100-90 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-90 {
      width: calc(90% - 10px); } }
  @media print {
    .wi100-90 {
      width: calc(90% - 10px); } }

.wi100-95 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-95 {
      width: calc(95% - 10px); } }
  @media print {
    .wi100-95 {
      width: calc(95% - 10px); } }

.wi100-100 {
  width: 100%;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi100-100 {
      width: calc(100% - 10px); } }
  @media print {
    .wi100-100 {
      width: calc(100% - 10px); } }

.wi50-10 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-10 {
      width: calc(10% - 10px); } }
  @media print {
    .wi50-10 {
      width: calc(10% - 10px); } }

.wi50-15 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-15 {
      width: calc(15% - 10px); } }
  @media print {
    .wi50-15 {
      width: calc(15% - 10px); } }

.wi50-20 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-20 {
      width: calc(20% - 10px); } }
  @media print {
    .wi50-20 {
      width: calc(20% - 10px); } }

.wi50-25 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-25 {
      width: calc(25% - 10px); } }
  @media print {
    .wi50-25 {
      width: calc(25% - 10px); } }

.wi50-30 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-30 {
      width: calc(30% - 10px); } }
  @media print {
    .wi50-30 {
      width: calc(30% - 10px); } }

.wi50-35 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-35 {
      width: calc(35% - 10px); } }
  @media print {
    .wi50-35 {
      width: calc(35% - 10px); } }

.wi50-40 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-40 {
      width: calc(40% - 10px); } }
  @media print {
    .wi50-40 {
      width: calc(40% - 10px); } }

.wi50-45 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-45 {
      width: calc(45% - 10px); } }
  @media print {
    .wi50-45 {
      width: calc(45% - 10px); } }

.wi50-50 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-50 {
      width: calc(50% - 10px); } }
  @media print {
    .wi50-50 {
      width: calc(50% - 10px); } }

.wi50-55 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-55 {
      width: calc(55% - 10px); } }
  @media print {
    .wi50-55 {
      width: calc(55% - 10px); } }

.wi50-60 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-60 {
      width: calc(60% - 10px); } }
  @media print {
    .wi50-60 {
      width: calc(60% - 10px); } }

.wi50-65 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-65 {
      width: calc(65% - 10px); } }
  @media print {
    .wi50-65 {
      width: calc(65% - 10px); } }

.wi50-70 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-70 {
      width: calc(70% - 10px); } }
  @media print {
    .wi50-70 {
      width: calc(70% - 10px); } }

.wi50-75 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-75 {
      width: calc(75% - 10px); } }
  @media print {
    .wi50-75 {
      width: calc(75% - 10px); } }

.wi50-80 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-80 {
      width: calc(80% - 10px); } }
  @media print {
    .wi50-80 {
      width: calc(80% - 10px); } }

.wi50-85 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-85 {
      width: calc(85% - 10px); } }
  @media print {
    .wi50-85 {
      width: calc(85% - 10px); } }

.wi50-90 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-90 {
      width: calc(90% - 10px); } }
  @media print {
    .wi50-90 {
      width: calc(90% - 10px); } }

.wi50-95 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-95 {
      width: calc(95% - 10px); } }
  @media print {
    .wi50-95 {
      width: calc(95% - 10px); } }

.wi50-100 {
  width: calc(50% - 10px);
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .wi50-100 {
      width: calc(100% - 10px); } }
  @media print {
    .wi50-100 {
      width: calc(100% - 10px); } }

/* ----------------------------------------------------
// フレックスボックス設定
---------------------------------------------------- */
@media screen and (min-width: 768px) {
  .flbPc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between; } }

.flbSp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: space-between; }

* {
  box-sizing: border-box; }

/* ----------------------------------------------------
// リストパターン
---------------------------------------------------- */
.list01 li {
  background: #F5F5F5; }
  .list01 li:nth-child(even) {
    background: none; }

/* ----------------------------------------------------
// displayパターン
---------------------------------------------------- */
.dsb {
  display: block; }

.dsi {
  display: inherit; }

/* ----------------------------------------------------
// リンク
---------------------------------------------------- */
a:hover {
  opacity: 0.5; }

/* ----------------------------------------------------
// 角丸
---------------------------------------------------- */
.br05 {
  border-radius: 5px; }

.br10 {
  border-radius: 10px; }

.br15 {
  border-radius: 15px; }

.br20 {
  border-radius: 20px; }

.br25 {
  border-radius: 25px; }

.br30 {
  border-radius: 30px; }

.br35 {
  border-radius: 35px; }

.br40 {
  border-radius: 40px; }

.br45 {
  border-radius: 45px; }

.br50 {
  border-radius: 50px; }

.br55 {
  border-radius: 55px; }

.br60 {
  border-radius: 60px; }

.br65 {
  border-radius: 65px; }

.br70 {
  border-radius: 70px; }

.br75 {
  border-radius: 75px; }

.br80 {
  border-radius: 80px; }

.br85 {
  border-radius: 85px; }

.br90 {
  border-radius: 90px; }

.br95 {
  border-radius: 95px; }

.br100 {
  border-radius: 100px; }

figure {
  margin: 0; }

.logout {
  font-size: 0.8rem;
  text-align: center;
  margin: 0 auto 10px;
  width: 100%;
  display: block;
  line-height: 1; }

.header_st {
  position: relative;
  box-shadow: 0px 2px 6px 0px #e8e8e8; }
  .header_st .goinkyoBorder img {
    position: absolute;
    width: 100%;
    height: 2px; }
  .header_st .goinkyoLogo img {
    width: 100%;
    max-width: 150px;
    padding: 10px;
    margin: auto;
    display: block; }

.drawer-nav .navhead img {
  margin: 50px auto 30px;
  display: block; }
.drawer-nav .drawer-menu li {
  text-align: center; }
.drawer-nav .aisatu {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 20px; }
  .drawer-nav .aisatu p {
    font-size: 0.9rem;
    line-height: 1.4; }
.drawer-nav .yourpr {
  width: 75%;
  margin: 20px auto; }
  .drawer-nav .yourpr p {
    text-align: center;
    font-size: 0.9rem; }
  .drawer-nav .yourpr textarea {
    width: 100%; }
.drawer-nav .footer {
  margin: 30px; }
  .drawer-nav .footer img {
    display: block;
    margin: 0 auto 1px;
    width: 70px; }
  .drawer-nav .footer p {
    font-size: 0.6rem;
    text-align: center;
    white-space: nowrap; }

.goinkyoBtnlink {
  background: #e23527 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 1;
  color: #fff;
  margin: 0 auto 10px;
  width: 75%;
  font-size: 0.8rem;
  padding: 7px; }
  .goinkyoBtnlink:hover {
    background: #860a01 0% 0% no-repeat padding-box;
    color: #fff; }

.pr_btn {
  background: #e23527 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 1;
  color: #fff;
  margin-left: 20%;
  width: 60%;
  font-size: 0.8rem;
  border: none;
  padding: 5px; }
  .pr_btn:hover {
    background: #860a01 0% 0% no-repeat padding-box;
    color: #fff; }

.main-inner {
  display: flex; }
  .main-inner .main {
    width: 95%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .main-inner .main {
        width: calc(100% - 310px);
        min-width: 900px;
        padding: 0 10px;
        margin-left: 280px; } }

@media screen and (min-width: 768px) {
  .header_st {
    display: none; }

  .drawer-toggle {
    display: none; }

  .drawer--left .drawer-nav {
    position: relative;
    left: 0;
    border-right: solid 1px #f1f1f1;
    height: 100vh;
    position: fixed; }
    .drawer--left .drawer-nav .navhead img {
      margin: 20px auto 20px;
      display: block;
      width: 110px; }
    .drawer--left .drawer-nav .goinkyoBorder img {
      margin: 0;
      padding: 0;
      width: 100%;
      position: absolute;
      vertical-align: top;
      height: 3px; }
    .drawer--left .drawer-nav .footer {
      bottom: 10px; } }
@media screen and (max-width: 767px) {
  .drawer-hamburger {
    position: absolute; } }
p {
  margin: 5px 0px;
  line-height: 1.5rem; }

.p_title {
  width: 210px;
  margin: 5px 20px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset; }

.edit {
  margin: 5px 20px;
  border: none;
  outline: none;
  background: #f5f5f5;
  border-radius: 5px;
  width: 180px;
  height: 40px; }

.read_only,
.read_only:focus {
  border: none;
  border-bottom: 1.8px solid #868686;
  height: 40px;
  margin: 5px 20px; }

select,
select:focus {
  margin: 5px 20px;
  background: #f5f5f5;
  border: none;
  border-radius: 5px;
  outline: none;
  height: 40px; }

.rslt_doc {
  margin: 5px 20px;
  padding: 8px 20px;
  border-radius: 3px;
  background: #fff;
  color: #e23527;
  border: 1px solid #e23527;
  text-decoration: none;
  line-height: 50px; }

.irai_doc {
  margin: 0px -15px 0px 20px;
  padding: 8px 20px;
  border-radius: 3px;
  background: #fff;
  color: #e23527;
  border: 1px solid #e23527;
  text-decoration: none;
  line-height: 50px; }

.fil_del {
  line-height: 0px;
  margin-top: -6px; }

@media screen and (max-width: 767px) {
  input[type="button"]:not(.submit_btn):not(.modal_btn):not(.cnslBtn) {
    margin: 5px 0px;
    padding: 5px 20px;
    border-radius: 3px;
    /* left: 350px; */
    font-size: 1.1rem;
    background: #e23527;
    color: #fff;
    cursor: pointer;
    border: none; }

  input[name="job_delete"].js-modal-open {
    height: 35px;
    font-weight: bold;
    font-size: 0.9rem !important;
    padding: 0px 10px !important;
    margin: 0 !important;
    margin-left: 10px !important; }

  .cnf_worker_wrap {
    padding: 10px;
    border: 1px solid #868686;
    border-radius: 5px;
    /* width: 750px; */
    margin: 5px; }

  form#file_upload {
    height: 100px;
    line-height: 50px; }

  .fileHd {
    margin: 5px 20px; }

  .minisub_btn {
    height: 40%; }

  .rslt_doc {
    line-height: 50px; } }
@media screen and (min-width: 768px) {
  .side_title {
    display: flex;
    margin: 10px;
    height: auto;
    position: relative;
    line-height: 50px; }
    .side_title p {
      margin: 5px 10px;
      line-height: 45px; }
    .side_title .p_title {
      width: 210px;
      margin: 5px 20px; }
    .side_title .p_title_mini {
      width: 100px;
      margin: 5px 20px; }
    .side_title .fil_del {
      line-height: 0px;
      margin-top: -6px; }
    .side_title input:not(.confBtn):not(.read_only),
    .side_title input:focus {
      margin: 5px 10px;
      border: none;
      outline: none; }
    .side_title input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset; }
    .side_title input:not(.read_only):not([type="button"]):not([type="submit"]) {
      background: #f5f5f5;
      border-radius: 5px;
      width: 180px; }
    .side_title .read_only,
    .side_title .read_only:focus {
      border-bottom: 1.8px solid #868686; }
    .side_title select,
    .side_title select:focus {
      margin: 5px 10px;
      background: #f5f5f5;
      border: none;
      border-radius: 5px;
      outline: none; }

  .cnf_worker {
    padding: 10px;
    border: 1px solid #868686;
    border-radius: 5px;
    width: 750px; }

  .fileHd {
    margin: 5px 20px 0px 0px;
    min-width: 160px; }

  .minisub_btn {
    height: 75%; }

  .rslt_doc {
    line-height: 30px; }

  .irai_doc {
    line-height: 30px; } }
.return_reason .approval_reason {
  width: 100%;
  max-width: 500px;
  padding: 10px 15px;
  margin: 10px;
  font-size: 16px;
  border-radius: 3px;
  border: 2px solid #868686;
  box-sizing: border-box; }

.document_list_main {
  line-height: 55px; }

.document_list_sub {
  line-height: 30px; }

#fileSlct {
  display: none; }

.fileHd {
  color: #e23527;
  background-color: #fff;
  padding: 10px;
  border: solid 1px #e23527;
  height: 75%;
  line-height: 14px;
  /* vertical-align: middle; */
  font-size: 0.9rem;
  border-radius: 3px;
  /* display: inline-block; */
  /* position: relative; */
  cursor: pointer; }

.minisub_btn {
  margin: 5px 20px;
  padding: 10px 20px;
  line-height: 14px;
  border-radius: 3px;
  /* position: absolute; */
  /* left: 350px; */
  background: #e23527;
  color: #fff;
  cursor: pointer;
  border: none; }

.submit_part {
  height: 100px;
  line-height: 50px;
  display: flex; }
  .submit_part .submit_btn,
  .submit_part .submit_btn:hover {
    margin: 5px 20px;
    height: 52px;
    width: 165px;
    border-radius: 3px;
    background: #e23527;
    color: #fff;
    border: 1px solid #e23527;
    cursor: pointer; }
  .submit_part .submit_btn[disabled] {
    background-color: #aaa;
    border: 1px solid #aaa;
    cursor: not-allowed; }
  .submit_part .cnslBtn {
    margin: 5px 20px;
    padding: 0px 65px;
    border-radius: 3px;
    background: #fff;
    color: #e23527;
    border: 1px solid #e23527;
    text-decoration: none;
    height: 52px; }
    @media screen and (max-width: 767px) {
      .submit_part .cnslBtn {
        padding: 0px 20px; } }

.confBtn {
  margin: 5px 20px;
  border-radius: 3px;
  background: #fff;
  color: #e23527;
  border: 1px solid #e23527;
  text-decoration: none;
  width: 100px;
  cursor: pointer; }

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100vw;
  left: 0;
  z-index: 100; }
  .modal .modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%; }
  @media screen and (min-width: 768px) {
    .modal .modal__content {
      width: 100%; }
    .modal .modal_job_edit {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    .modal .modal__content {
      width: 92%; }
    .modal .modal_job_edit {
      width: 90%; } }
  .modal .modal__content {
    background: #fff;
    left: 0;
    right: 0;
    padding: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: left;
    border-radius: 10px;
    margin: auto;
    max-width: 340px; }
  .modal .modal_job_entry {
    max-height: 320px; }
  .modal .modal_job_edit {
    height: 80%;
    overflow-y: scroll;
    width: 80%; }
  .modal .modal_exp {
    width: 650px !important;
    height: 400px !important;
    max-width: 650px !important; }
  .modal .modal_document {
    max-height: 250px;
    overflow-y: scroll; }
    .modal .modal_document .doc_dl_name {
      margin: 5px 20px;
      padding: 8px 20px;
      border-radius: 3px;
      background: #fff;
      color: #e23527;
      border: 1px solid #e23527;
      text-decoration: none; }
  .modal .modal_compact {
    max-height: 200px; }
  .modal .modal_btn_grp {
    display: flex;
    justify-content: center; }
    .modal .modal_btn_grp .modal_btn {
      margin: 5px 20px;
      padding: 0px 20px;
      height: 40px;
      border-radius: 3px;
      border: none;
      left: 350px;
      background: #e23527;
      color: #fff;
      cursor: pointer;
      width: 80px; }
    .modal .modal_btn_grp .modal_dl_btn {
      width: 200px; }

.job_content {
  border-bottom: 1.8px solid #868686;
  width: 250px; }

#job_update {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  #job_update p {
    float: left; }

.action {
  display: flex; }

.side_title.cnf_worker.jobin {
  flex-wrap: wrap; }
  @media screen and (min-width: 768px) {
    .side_title.cnf_worker.jobin .jobinleft {
      width: calc(30% - 20px);
      text-align: right;
      margin-right: 20px; } }
  @media screen and (min-width: 768px) {
    .side_title.cnf_worker.jobin .jobinright {
      width: 70%; } }
  .side_title.cnf_worker.jobin input[type="submit"], .side_title.cnf_worker.jobin button[type="submit"] {
    width: 100%;
    margin-top: 15px;
    font-size: 1.0rem; }
  .side_title.cnf_worker.jobin p {
    width: 100%;
    line-height: 1.5rem;
    margin: 5px 0px; }

.detail_area {
  width: 100%; }
  .detail_area .page_title {
    text-align: center; }
  .detail_area .side_title {
    display: flex;
    margin-bottom: 20px;
    height: auto;
    position: relative;
    flex-direction: column; }
    .detail_area .side_title .label_nm {
      line-height: 25px;
      font-size: 0.7em;
      width: 150px;
      margin: -3px 0px;
      vertical-align: middle; }
    .detail_area .side_title input, .detail_area .side_title input:focus {
      border: none;
      outline: none; }
    .detail_area .side_title input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset; }
    .detail_area .side_title input:not(.read_only):not([type="button"]):not([type="submit"]) {
      background: #f5f5f5;
      border-radius: 5px;
      width: 180px; }
    .detail_area .side_title input[type="button"] {
      margin: 5px 20px;
      padding: 10px 20px;
      height: 75%;
      border-radius: 3px;
      position: absolute;
      left: 100px;
      cursor: pointer;
      background-color: #fff;
      color: #DBC72B;
      border: 1px solod #DBC72B; }
    .detail_area .side_title .read_only, .detail_area .side_title .read_only:focus {
      margin: 5px 0px;
      border-bottom: 1.8px solid #868686; }
    .detail_area .side_title .read_only_long {
      width: 300px; }
    .detail_area .side_title select, .detail_area .side_title select:focus {
      margin: 5px 0px;
      background: #f5f5f5;
      border: none;
      border-radius: 5px;
      outline: none; }
    .detail_area .side_title .t_box, .detail_area .side_title .t_box:focus {
      border: 1px solid #868686;
      border-radius: 5px;
      height: 40px; }
    .detail_area .side_title span {
      font-size: 0.7em; }
  .detail_area .nouki {
    display: flex;
    flex-direction: row; }

.modal .modal_report {
  max-height: 250px; }

.goinkyer_modal_btn {
  background-color: #E23527;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 5px 15px; }

.FlexTextarea {
  background-color: #f5f5f5;
  border-radius: 3px;
  border: none;
  outline: none;
  position: relative;
  font-size: 1rem;
  line-height: 1.8; }

.FlexTextarea__dummy {
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  min-height: 120px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid; }
  @media screen and (min-width: 768px) {
    .FlexTextarea__dummy {
      width: 450px;
      height: 50px; } }

.FlexTextarea__textarea {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #b6c3c6;
  border-radius: 4px;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  resize: none; }

.FlexTextarea__textarea {
  border: 0 0 0 4px #DBC72B;
  outline: 0; }

.detail_textarea {
  border: 1px solid #868686;
  font-size: 0.8em; }
  @media screen and (min-width: 768px) {
    .detail_textarea {
      width: 450px; } }

.input_textbox:focus {
  border: 1px solid #DBC72B; }

.form_area .form_label_nm, .input_area .form_label_nm {
  display: flex;
  margin-bottom: 5px;
  height: auto;
  position: relative;
  flex-direction: column; }
  .form_area .form_label_nm p, .input_area .form_label_nm p {
    line-height: 25px;
    font-size: 0.7em;
    width: 150px;
    margin: -3px 0px;
    vertical-align: middle; }
    .form_area .form_label_nm p .require_icon, .input_area .form_label_nm p .require_icon {
      font-size: 0.5em;
      color: #FFF;
      font-weight: bold;
      background-color: #E23527;
      border-radius: 2px;
      padding: 2px;
      margin-bottom: 2px;
      margin-left: 2px; }
.form_area .dl_document, .input_area .dl_document {
  background: #fff;
  border: 1px solid #DBC72B;
  border-radius: 3px;
  color: #DBC72B;
  transition: 0.3s ease all;
  outline: none;
  margin-bottom: 15px; }
.form_area .dl_document:focus, .form_area .dl_document:hover, .input_area .dl_document:focus, .input_area .dl_document:hover {
  background-color: #DBC72B;
  color: #fff;
  outline: none; }
.form_area .up_document, .input_area .up_document {
  background: #fff;
  border: 1px solid #b6c3c6;
  border-radius: 3px;
  color: #b6c3c6;
  transition: 0.3s ease all;
  outline: none;
  margin-bottom: 10px;
  width: 120px;
  text-align: center;
  font-size: 0.9em;
  padding: 0px; }
.form_area .up_document:focus, .form_area .up_document:hover, .input_area .up_document:focus, .input_area .up_document:hover {
  background-color: #b6c3c6;
  color: #fff;
  outline: none; }
.form_area .minisub_btn, .input_area .minisub_btn {
  margin: 5px 0px;
  background-color: #DBC72B; }
.form_area .minisub_btn:focus, .form_area .minisub_btn:hover, .input_area .minisub_btn:focus, .input_area .minisub_btn:hover {
  background-color: #DBC72B;
  color: #fff;
  outline: none; }
.form_area .sl_rr, .input_area .sl_rr {
  border-radius: 3px;
  border: 1px solid #b6c3c6;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: #f5f5f5;
  height: 25px; }
.form_area .sl_rr option, .input_area .sl_rr option {
  background-color: #fff;
  color: #333; }
.form_area .sl_rr::-ms-expand, .input_area .sl_rr::-ms-expand {
  display: none; }
.form_area .sl_rr:-moz-focusring, .input_area .sl_rr:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }
.form_area .rp_input, .input_area .rp_input {
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #b6c3c6;
  outline: none;
  padding: 5px 10px; }
.form_area .rp_input:focus, .input_area .rp_input:focus {
  border: 1px solid #DBC72B;
  outline: 0; }
.form_area .btn_area, .input_area .btn_area {
  margin: 10px;
  text-align: center; }
  .form_area .btn_area .res_btn, .input_area .btn_area .res_btn {
    border-radius: 3px;
    border: none;
    outline: none; }
  .form_area .btn_area .confirm_btn, .form_area .btn_area .apply_btn, .form_area .btn_area .report_btn, .input_area .btn_area .confirm_btn, .input_area .btn_area .apply_btn, .input_area .btn_area .report_btn {
    background-color: #fff;
    color: #E23527;
    border: 1px solid #E23527;
    width: 120px;
    height: 40px; }
  .form_area .btn_area .confirm_btn:focus, .form_area .btn_area .confirm_btn:hover, .input_area .btn_area .confirm_btn:focus, .input_area .btn_area .confirm_btn:hover {
    background-color: #E23527;
    color: #FFF;
    border: 1px solid #E23527; }
  .form_area .btn_area .apply_btn:focus, .form_area .btn_area .apply_btn:hover, .input_area .btn_area .apply_btn:focus, .input_area .btn_area .apply_btn:hover {
    background-color: #E23527;
    color: #FFF;
    border: 1px solid #E23527; }
  .form_area .btn_area .report_btn:focus, .form_area .btn_area .report_btn:hover, .input_area .btn_area .report_btn:focus, .input_area .btn_area .report_btn:hover {
    background-color: #E23527;
    color: #FFF;
    border: 1px solid #E23527; }
  .form_area .btn_area .refuse_btn, .input_area .btn_area .refuse_btn {
    background-color: #fff;
    color: #868686;
    border: 1px solid #868686; }
  .form_area .btn_area .refuse_btn:focus, .form_area .btn_area .refuse_btn:hover, .input_area .btn_area .refuse_btn:focus, .input_area .btn_area .refuse_btn:hover {
    background-color: #868686;
    color: #FFF;
    border: 1px solid #868686; }
.form_area .btn_disabled, .input_area .btn_disabled {
  cursor: not-allowed !important;
  border: 1px solid #828c9a !important;
  pointer-events: none !important;
  color: #828c9a !important; }

@media screen and (min-width: 768px) {
  .detail_area .page_title, .input_area .page_title {
    text-align: left; }
  .detail_area .side_title, .input_area .side_title {
    display: flex;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
    flex-direction: row; }
    .detail_area .side_title .label_nm, .input_area .side_title .label_nm {
      line-height: 50px;
      font-size: 1em;
      width: 120px;
      margin: 0px 10px;
      vertical-align: middle;
      text-align: right; }
    .detail_area .side_title .t_box, .detail_area .side_title .t_box:focus, .input_area .side_title .t_box, .input_area .side_title .t_box:focus {
      width: calc(100% - 120px);
      max-width: 480px; }
    .detail_area .side_title span, .input_area .side_title span {
      font-size: 0.7em; }

  .half {
    display: flex; }

  .nouki {
    flex-direction: row; }

  .form_area .form_box, .input_area .form_box {
    display: flex;
    flex-direction: column; }
    .form_area .form_box .notes, .input_area .form_box .notes {
      margin-left: 150px;
      width: 450px; }
      .form_area .form_box .notes .note_comment, .input_area .form_box .notes .note_comment {
        font-size: 0.8em; }
  .form_area .form_label_nm, .input_area .form_label_nm {
    margin: 10px;
    flex-direction: row; }
    .form_area .form_label_nm p, .input_area .form_label_nm p {
      line-height: 25px;
      font-size: 1em;
      width: 120px;
      margin: 0px 10px;
      text-align: right; }
    .form_area .form_label_nm .rr, .input_area .form_label_nm .rr {
      line-height: 35px; }
  .form_area .document_list_main input, .input_area .document_list_main input {
    width: 450px;
    margin: 0px 0px;
    border-bottom: 1.8px solid #868686 !important; }
    .form_area .document_list_main input:focus, .input_area .document_list_main input:focus {
      border: none; }
  .form_area .document_list_main p, .input_area .document_list_main p {
    width: 450px;
    text-align: left; }
  .form_area .dl_document_area, .input_area .dl_document_area {
    display: flex; }
  .form_area .dl_document, .input_area .dl_document {
    margin: 5px -10px;
    padding: 0px 20px; }
  .form_area .minisub_btn, .input_area .minisub_btn {
    margin: -10px 150px;
    background-color: #DBC72B; }
  .form_area .sl_rr, .input_area .sl_rr {
    margin: 5px 0px; }
  .form_area .sl_tf, .input_area .sl_tf {
    margin: 0px !important; }
  .form_area .sl_rr option, .input_area .sl_rr option {
    background-color: #fff;
    color: #333; }
  .form_area .sl_rr::-ms-expand, .input_area .sl_rr::-ms-expand {
    display: none; }
  .form_area .sl_rr:-moz-focusring, .input_area .sl_rr:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a; }
  .form_area .rp_input, .input_area .rp_input {
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #b6c3c6;
    outline: none;
    padding: 5px 15px; }
  .form_area .refuse_reason_detail_area, .form_area .job_report_area, .input_area .refuse_reason_detail_area, .input_area .job_report_area {
    margin-left: 150px;
    width: 450px; }
  .form_area .job_report_area, .input_area .job_report_area {
    margin-top: -35px; }
  .form_area .cost_sum_text, .input_area .cost_sum_text {
    height: 60px; }
  .form_area .btn_area, .input_area .btn_area {
    margin: 50px 50px;
    text-align: left; }
    .form_area .btn_area .res_btn, .input_area .btn_area .res_btn {
      border-radius: 3px;
      border: none;
      outline: none;
      margin-right: 20px; }
    .form_area .btn_area .confirm_btn, .form_area .btn_area .apply_btn, .form_area .btn_area .report_btn, .input_area .btn_area .confirm_btn, .input_area .btn_area .apply_btn, .input_area .btn_area .report_btn {
      background-color: #fff;
      color: #E23527;
      border: 1px solid #E23527;
      padding: 10px 20px; }
    .form_area .btn_area .report_btn, .input_area .btn_area .report_btn {
      margin: 0px 100px; }
    .form_area .btn_area .confirm_btn:focus, .form_area .btn_area .confirm_btn:hover, .input_area .btn_area .confirm_btn:focus, .input_area .btn_area .confirm_btn:hover {
      background-color: #E23527;
      color: #FFF;
      border: 1px solid #E23527; }
    .form_area .btn_area .apply_btn:focus, .form_area .btn_area .apply_btn:hover, .input_area .btn_area .apply_btn:focus, .input_area .btn_area .apply_btn:hover {
      background-color: #E23527;
      color: #FFF;
      border: 1px solid #E23527; }
    .form_area .btn_area .report_btn:focus, .form_area .btn_area .report_btn:hover, .input_area .btn_area .report_btn:focus, .input_area .btn_area .report_btn:hover {
      background-color: #E23527;
      color: #FFF;
      border: 1px solid #E23527; }
    .form_area .btn_area .refuse_btn, .input_area .btn_area .refuse_btn {
      background-color: #fff;
      color: #868686;
      border: 1px solid #868686;
      padding: 10px 20px; }
    .form_area .btn_area .refuse_btn:focus, .form_area .btn_area .refuse_btn:hover, .input_area .btn_area .refuse_btn:focus, .input_area .btn_area .refuse_btn:hover {
      background-color: #868686;
      color: #FFF;
      border: 1px solid #868686; } }
.w_input_100 {
  width: 100px; }

.w_input_200 {
  width: 200px; }

.w_input_half {
  width: 45%;
  margin-right: 2%;
  max-width: 150px; }

.w_input_full {
  width: 80% !important;
  max-width: 350px !important; }

.err_msg_area {
  margin: 10px 0px;
  background-color: #FFE5E5;
  color: #f00;
  border-radius: 4px;
  padding: 0px 10px;
  width: 75%;
  max-width: 700px; }

input[type=radio], input[type=checkbox] {
  display: none; }

.radios, .checks {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 4px 12px 4px 42px;
  border-radius: 4px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer; }
  .radios:hover, .checks:hover {
    background-color: #b0d8d4; }
    .radios:hover:after, .checks:hover:after {
      border-color: #299B8D; }
  .radios:after, .checks:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    border: 2px solid #bbb;
    border-radius: 16px;
    content: ''; }

.radios {
  margin-top: 4px; }
  .radios:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #299B8D;
    content: '';
    opacity: 0; }
    input[type=radio]:checked + .radios:before {
      opacity: 1; }

.checks {
  width: 250px; }
  .checks:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 21px;
    display: block;
    margin-top: -7px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #299B8D;
    border-bottom: 3px solid #299B8D;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    input[type=checkbox]:checked + .checks:before {
      opacity: 1; }

.sl-radio {
  width: 75px;
  text-align: center; }

.sl-radio, .check-ed {
  padding: 4px 12px 4px 12px;
  background-color: #299B8D !important;
  cursor: default;
  color: #FFF; }
  .sl-radio:after, .check-ed:after {
    border: none !important; }

.input_area .form_label_nm .read_only, .input_area .form_label_nm .read_only:focus {
  margin: 5px 0px;
  border: none;
  outline: none;
  border-bottom: 1.8px solid #868686; }
.input_area .form_label_nm div input {
  line-height: 18px; }
.input_area .sl_rl {
  margin: 0px 0px;
  border-radius: 3px;
  border: 1px solid #b6c3c6;
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background-color: #f5f5f5;
  height: 27px;
  margin-bottom: 5px;
  width: 100px;
  font-size: 0.8em;
  padding: 0px 0px; }
.input_area .sl_rl option {
  background-color: #fff;
  color: #333; }
.input_area .sl_rl::-ms-expand {
  display: none; }
.input_area .sl_rl:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a; }
.input_area .irai_input {
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #b6c3c6;
  outline: none;
  padding: 5px 10px; }
.input_area .irai_input:focus {
  border: 1px solid #299B8D;
  outline: 0; }
.input_area .btn_area {
  margin-bottom: 30px; }
  .input_area .btn_area .gk_btn {
    padding: 5px 25px;
    border-radius: 3px;
    border: none;
    outline: none;
    background-color: #fff;
    color: #E23527;
    border: 1px solid #E23527; }
  .input_area .btn_area .gk_btn:focus, .input_area .btn_area .gk_btn:hover {
    background-color: #E23527;
    color: #FFF;
    border: 1px solid #E23527; }
  .input_area .btn_area .gk_btn.disabled_btn {
    color: #868686;
    pointer-events: none;
    border: 1px solid #868686; }
  .input_area .btn_area .irai_btn {
    padding: 5px 25px;
    border-radius: 3px;
    border: none;
    outline: none;
    background-color: #fff;
    color: #299B8D;
    border: 1px solid #299B8D; }
  .input_area .btn_area .irai_btn:focus, .input_area .btn_area .irai_btn:hover {
    background-color: #299B8D;
    color: #FFF;
    border: 1px solid #299B8D; }
  .input_area .btn_area .irai_btn.disabled_btn {
    color: #868686;
    pointer-events: none;
    border: 1px solid #868686; }
.input_area .ta_read_only {
  border: none;
  outline: none;
  border-bottom: 1.8px solid #868686; }

.input_area.user_reg .form_label_nm p {
  width: 210px; }

.FlexTextarea_reg {
  background-color: #f5f5f5;
  border-radius: 3px;
  border: none;
  outline: none;
  position: relative;
  font-size: 1rem;
  line-height: 1.8;
  width: 350px; }

.FlexTextarea__dummy_reg {
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  min-height: 100px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid;
  width: 350px; }

.FlexTextarea__textarea_reg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 5px 15px;
  width: 350px;
  height: 100%;
  background-color: transparent;
  border: 1px solid #b6c3c6;
  border-radius: 4px;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  resize: none; }

.FlexTextarea__textarea_reg:focus {
  border: 0 0 0 4px #DBC72B;
  outline: 0; }

.detail_textarea_reg {
  background-color: #FFF;
  border: 1px solid #868686;
  font-size: 0.8em;
  margin: 5px 0px; }

@media screen and (min-width: 768px) {
  .w_input_half {
    margin-right: 2%; }

  .w_input_500 {
    width: 500px; }

  .input_area .form_label_nm {
    margin: 15px; }
    .input_area .form_label_nm p {
      line-height: 40px; }
    .input_area .form_label_nm .sl_rl {
      height: 35px; }
    .input_area .form_label_nm div {
      line-height: 35px; }
      .input_area .form_label_nm div input {
        height: 100%; }
  .input_area .btn_area {
    margin: 20px; }
    .input_area .btn_area .gk_btn {
      padding: 10px 30px;
      margin-left: 135px; }
    .input_area .btn_area .irai_btn {
      padding: 10px 30px;
      margin-left: 135px; }

  .iq_box {
    flex-direction: column !important; }
    .iq_box label, .iq_box div {
      margin-left: 140px !important; }
    .iq_box .iq_label_01 {
      margin-top: -30px; } }
.acceptBtn {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .acceptBtn {
      width: 20%; } }
  .acceptBtn .status_msg {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .acceptBtn .status_msg {
        width: 80%; } }

.status_msg {
  background: #fff;
  border: solid 1px #f00;
  color: #333;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  margin: 10px auto;
  display: block;
  border: none; }
  @media screen and (min-width: 768px) {
    .status_msg {
      width: 80%; } }
  .status_msg:hover {
    background: #fff;
    color: #333; }

#srchFld {
  width: 200px; }

#user_role_fileter {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
  padding: 15px 20px 10px;
  background: #f7f7f7; }
  #user_role_fileter .cal {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #user_role_fileter .cal {
        width: 30%; } }
  #user_role_fileter .st_ck {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #user_role_fileter .st_ck {
        width: 50%; } }
  #user_role_fileter .fil_job {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #user_role_fileter .fil_job {
        width: 10%; } }

.fileter_r {
  width: 50%;
  display: flex;
  flex-wrap: wrap; }
  .fileter_r div p {
    padding: 0px;
    margin: 0; }
  .fileter_r h3 {
    width: 100%;
    margin: 0;
    padding: 0; }
  .fileter_r .check_f {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*** custom checkboxes ***/
    /* to hide the checkbox itself */
    /* unchecked icon */
    /* space between checkbox and label */
    /* checked icon */
    /* allow space for check mark */ }
    .fileter_r .check_f h3 {
      width: 100%; }
    @media screen and (min-width: 768px) {
      .fileter_r .check_f {
        width: 70%; } }
    .fileter_r .check_f label {
      display: flex;
      margin: 0;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 3px 7px;
      border-radius: 3px; }
      .fileter_r .check_f label:hover {
        background: #ebf9ff; }
    .fileter_r .check_f input[type=checkbox] {
      display: block;
      position: relative;
      top: 2px; }
    .fileter_r .check_f input[type=checkbox] + label:before {
      font-family: FontAwesome;
      display: inline-block; }
    .fileter_r .check_f input[type=checkbox] + label:before {
      content: "\f096"; }
    .fileter_r .check_f input[type=checkbox] + label:before {
      letter-spacing: 10px; }
    .fileter_r .check_f input[type=checkbox]:checked + label:before {
      content: "\f046"; }
    .fileter_r .check_f input[type=checkbox]:checked + label:before {
      letter-spacing: 5px; }
  .fileter_r .fil_job_f {
    display: flex;
    align-items: center; }
    .fileter_r .fil_job_f .fil_job {
      max-height: 50px;
      width: 100% !important;
      padding: 10px 20px; }

#user_list_table .tablesorter_header {
  cursor: pointer; }

.tablesorter-headerUnSorted {
  background-image: url("../images/sort.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 15px; }

.tablesorter-headerAsc {
  background-image: url("../images/sort-asc.png");
  background-repeat: no-repeat;
  background-position: center right;
  border-bottom: #000 2px solid;
  background-size: 15px; }

.tablesorter-headerDesc {
  background-image: url("../images/sort-desc.png");
  background-repeat: no-repeat;
  background-position: center right;
  border-bottom: #000 2px solid;
  background-size: 15px; }

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; }

.ctitle {
  background: rgba(255, 255, 255, 0.3) url(../images/midashi_g.svg);
  background-repeat: no-repeat;
  background-position-x: 0;
  margin: 0%;
  padding: 40px 20px 20px 30px; }

.a_btn {
  width: 200px;
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  margin: 10px auto;
  display: block;
  max-width: 130px;
  text-align: center; }
  .a_btn.ma0 {
    margin: 10px 0; }

.listGrp .flbPc {
  width: 300px; }

.updateBtn {
  margin-top: 5px; }

.listHead {
  display: none; }
  @media screen and (min-width: 768px) {
    .listHead {
      display: flex;
      background: #E8E8E8;
      color: #707070;
      text-align: center;
      font-size: 1.0rem;
      margin: 0 0 10px; }
      .listHead * {
        padding: 0.6%; }
      .listHead .req {
        width: 70%; }
      .listHead .doc {
        width: 10%; }
      .listHead .st {
        width: 20%; }
      .listHead .action {
        width: 20%; }
      .listHead.pt2 .req {
        width: 70%; }
      .listHead.pt2 .doc {
        width: 10%; }
      .listHead.pt2 .st {
        width: 10%; }
      .listHead.pt2 .action {
        width: 10%;
        display: block; } }

.listContents .row {
  border-bottom: solid 1px #dedede;
  margin-bottom: 10px;
  padding-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .listContents .row {
      display: flex;
      align-items: center; } }
  .listContents .row .row_right {
    padding: 0.6%; }
    @media screen and (min-width: 768px) {
      .listContents .row .row_right {
        width: 70%; } }
    .listContents .row .row_right .rowClick {
      display: flex;
      justify-content: space-between;
      text-decoration: none;
      align-items: center; }
      .listContents .row .row_right .rowClick .inputbill_create {
        display: flex; }
      .listContents .row .row_right .rowClick .reqArea {
        flex-wrap: wrap;
        align-items: center;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .listContents .row .row_right .rowClick .reqArea {
            display: flex;
            width: 95%; } }
        .listContents .row .row_right .rowClick .reqArea .jobTitle {
          margin: 0;
          color: #000; }
          @media screen and (min-width: 768px) {
            .listContents .row .row_right .rowClick .reqArea .jobTitle {
              width: 60%; } }
        .listContents .row .row_right .rowClick .reqArea .attr {
          display: flex;
          font-size: 0.9rem;
          flex-wrap: wrap; }
          @media screen and (min-width: 768px) {
            .listContents .row .row_right .rowClick .reqArea .attr {
              width: 40%;
              justify-content: flex-end; } }
          .listContents .row .row_right .rowClick .reqArea .attr p {
            margin: 0;
            color: #000; }
            .listContents .row .row_right .rowClick .reqArea .attr p:nth-child(1)::after {
              content: "|"; }
            .listContents .row .row_right .rowClick .reqArea .attr p:nth-child(3)::before {
              content: "|"; }
        .listContents .row .row_right .rowClick .reqArea .b_left {
          margin: 10px 0;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: inherit; }
          @media screen and (min-width: 768px) {
            .listContents .row .row_right .rowClick .reqArea .b_left {
              margin: 0;
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: inherit; } }
          .listContents .row .row_right .rowClick .reqArea .b_left .tag {
            margin: 0;
            background: #000;
            color: #fff;
            line-height: 1.5;
            padding: 0.5% 2%;
            border-radius: 3px;
            margin-right: 10px;
            font-size: 0.8rem; }
          .listContents .row .row_right .rowClick .reqArea .b_left .pay {
            text-decoration: none;
            color: red;
            margin: 0; }
            .listContents .row .row_right .rowClick .reqArea .b_left .pay:after {
              content: "円（税抜）"; }
        .listContents .row .row_right .rowClick .reqArea .b_right {
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: flex-start;
          margin: 0;
          flex-wrap: wrap;
          margin-top: 10px; }
          .listContents .row .row_right .rowClick .reqArea .b_right dl,
          .listContents .row .row_right .rowClick .reqArea .b_right dt,
          .listContents .row .row_right .rowClick .reqArea .b_right dd {
            font-size: 0.7rem;
            margin: 0;
            padding: 0.5%;
            color: #393939;
            box-sizing: border-box;
            margin-bottom: 5px;
            height: 25px; }
          .listContents .row .row_right .rowClick .reqArea .b_right dl {
            margin-top: 10px;
            margin-left: 10px; }
          .listContents .row .row_right .rowClick .reqArea .b_right dt {
            background: #E8E8E8;
            border: solid 1px #E8E8E8;
            border-right: none;
            width: 20%; }
            .listContents .row .row_right .rowClick .reqArea .b_right dt:nth-child(2) {
              margin-left: 0; }
            @media screen and (min-width: 768px) {
              .listContents .row .row_right .rowClick .reqArea .b_right dt {
                width: auto;
                float: left; } }
          .listContents .row .row_right .rowClick .reqArea .b_right dd {
            border: solid 1px #E8E8E8;
            width: 80%;
            padding-top: 4px; }
            @media screen and (min-width: 768px) {
              .listContents .row .row_right .rowClick .reqArea .b_right dd {
                width: auto;
                margin-right: 10px; } }
.listContents.pt2 .listContents .row .row_right .rowClick .reqArea {
  width: 70%; }

.dlBtn {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .dlBtn {
      width: 10%; } }
  .dlBtn form {
    width: 100% !important;
    text-align: center; }
  .dlBtn .btn {
    background: #fff;
    border: solid 1px #f00;
    color: #f00;
    border-radius: 3px;
    padding: 10px;
    width: 100%;
    margin: 10px auto;
    display: block; }
    @media screen and (min-width: 768px) {
      .dlBtn .btn {
        width: 80%; } }
    .dlBtn .btn:hover {
      background: #f00;
      color: #fff; }

@media screen and (min-width: 768px) {
  .listGrp.offer .listHead .req {
    width: 70%; }
  .listGrp.offer .listHead .doc {
    width: 10%; }
  .listGrp.offer .listHead .st {
    width: 20%; } }
@media screen and (min-width: 768px) {
  .listGrp.offer .row_right {
    width: 70%; } }

.statusArea {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px) {
    .statusArea {
      width: 20%; }
      .statusArea.pt2 {
        width: 10%; } }
  .statusArea p {
    justify-content: center;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 6% 2%;
    margin: 0;
    width: 30%;
    background: #EAEAEA;
    text-align: center;
    font-size: 0.8rem;
    color: #BABABA;
    line-height: 1.2; }
    .statusArea p.active {
      background: #549DF2;
      color: #fff; }
  .statusArea.pt2 {
    background: none; }
    .statusArea.pt2 p {
      display: inline;
      background: none;
      width: 100%;
      color: #000;
      text-align: center;
      font-size: 1.0rem; }

@media screen and (min-width: 768px) {
  .action {
    width: 10%;
    display: flex;
    justify-content: space-between; }
    .action form {
      width: calc(50% - 5px); }
      .action form input[type="submit"],
      .action form input[type="button"] {
        box-sizing: border-box;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border: none; } }

.acceptBtn {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .acceptBtn {
      width: 20%; } }
  .acceptBtn .submit_btn {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .acceptBtn .submit_btn {
        width: 80%; } }

.submit_btn {
  background: #fff;
  border: solid 1px #f00;
  color: #f00;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  margin: 10px auto;
  display: block;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .submit_btn {
      width: 80%; } }
  .submit_btn:hover {
    background: #f00;
    color: #fff; }

.iraientry header.flbPc {
  align-items: center; }
  @media screen and (min-width: 768px) {
    .iraientry header.flbPc .submit_btn {
      width: 200px; } }

#job_entry_list, #job_offer_list, #my_job_list {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-between;
  padding: 15px 20px 10px;
  background: #f7f7f7; }
  #job_entry_list .cal, #job_offer_list .cal, #my_job_list .cal {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #job_entry_list .cal, #job_offer_list .cal, #my_job_list .cal {
        width: 30%; } }
  #job_entry_list .st_ck, #job_offer_list .st_ck, #my_job_list .st_ck {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #job_entry_list .st_ck, #job_offer_list .st_ck, #my_job_list .st_ck {
        width: 50%; } }
  #job_entry_list .fil_job, #job_offer_list .fil_job, #my_job_list .fil_job {
    width: 100%; }
    @media screen and (min-width: 768px) {
      #job_entry_list .fil_job, #job_offer_list .fil_job, #my_job_list .fil_job {
        width: 10%; } }

.search_sec {
  margin-top: 20px; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 10px; }
  table * {
    border-collapse: collapse;
    border-spacing: 0; }
  table tr {
    width: 30%;
    border: solid 1px #d8d8d8;
    border-bottom: none;
    overflow: auto; }
    table tr * {
      margin: 0;
      padding: 0; }
  table th {
    font-size: 0.9rem;
    background: #d8d8d8;
    margin: 0;
    padding: 6px 20px 5px;
    border: none;
    border-collapse: collapse;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center; }
  table td {
    font-size: 0.9rem;
    text-align: center;
    padding: 5px 10px;
    border-bottom: solid 1px #dbdbdb; }
  table dt {
    float: left;
    clear: both;
    width: 20%;
    border-bottom: solid 1px #000; }
  table dd {
    float: left;
    border-bottom: solid 1px #000; }

.cnslBtn {
  text-align: center;
  padding: 10px;
  color: #2b2b2b;
  display: block;
  background: #e2e2e2;
  max-width: 190px;
  text-decoration: none;
  margin-top: 50px;
  border-radius: 3px;
  margin-bottom: 50px; }

.cnfmBtn {
  border: none;
  background: #E23527 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 1;
  color: #fff;
  padding: 10px;
  margin: 0 auto 0px;
  width: 100%;
  font-size: 0.8rem; }

input[type="text"],
input[type="password"] {
  border: none;
  background: #eeeeee;
  border: none;
  background: #eeeeee;
  padding: 10px;
  border-radius: 3px; }

input[type="submit"],
button[type="submit"] {
  border: none;
  padding: 7px 10px;
  background: #E23527 0% 0% no-repeat padding-box !important;
  border-radius: 3px;
  font-weight: bold;
  color: #fff; }
  input[type="submit"]:hover,
  button[type="submit"]:hover {
    opacity: 0.8; }

.btn_disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.6; }

.pagination {
  display: flex;
  justify-content: center; }
  .pagination li {
    list-style: none; }
    .pagination li a {
      display: block;
      padding: 5px 10px;
      border: solid 1px #017ec6;
      margin-right: 5px;
      color: #017ec6;
      text-decoration: none;
      border-radius: 3px; }
      .pagination li a:hover {
        background: #d0f4ff; }
    .pagination li.active a {
      color: #5d5d5d;
      border: solid 1px #5d5d5d; }

/*** basic styles ***/
.myjob_search {
  margin-bottom: 10px; }

.recjob_search {
  margin-bottom: 10px; }

.fileter_s {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .fileter_s div p {
    padding: 0px;
    margin: 0; }
  .fileter_s h3 {
    width: 100%;
    margin: 0;
    padding: 0; }
  .fileter_s .check_f {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*** custom checkboxes ***/
    /* to hide the checkbox itself */
    /* unchecked icon */
    /* space between checkbox and label */
    /* checked icon */
    /* allow space for check mark */ }
    .fileter_s .check_f h3 {
      width: 100%; }
    @media screen and (min-width: 768px) {
      .fileter_s .check_f {
        width: 70%; } }
    .fileter_s .check_f label {
      display: flex;
      margin: 0;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 3px 7px;
      border-radius: 3px; }
      .fileter_s .check_f label:hover {
        background: #ebf9ff; }
    .fileter_s .check_f input[type=checkbox] {
      display: block;
      position: relative;
      top: 2px; }
    .fileter_s .check_f input[type=checkbox] + label:before {
      font-family: FontAwesome;
      display: inline-block; }
    .fileter_s .check_f input[type=checkbox] + label:before {
      content: "\f096"; }
    .fileter_s .check_f input[type=checkbox] + label:before {
      letter-spacing: 10px; }
    .fileter_s .check_f input[type=checkbox]:checked + label:before {
      content: "\f046"; }
    .fileter_s .check_f input[type=checkbox]:checked + label:before {
      letter-spacing: 5px; }
  .fileter_s .fil_job_f {
    display: flex;
    align-items: center; }
    .fileter_s .fil_job_f .fil_job {
      max-height: 50px;
      width: 100% !important;
      padding: 10px 20px; }

.view_row {
  display: inline-block !important; }

.hide_row {
  display: none !important; }

body,
html {
  margin: 0;
  padding: 0; }
  body * :hover,
  html * :hover {
    transition: 0.3s; }

.submit {
  display: block;
  background: #fff;
  border: solid 1px #E23527;
  margin-top: 15px;
  color: #E23527;
  padding: 5px 40px;
  margin: 30px auto;
  font-size: 1.1rem;
  border-radius: 3px; }
  .submit:hover {
    background: #E23527;
    color: #fff; }

#login_w {
  width: 100%;
  background: url(../images/midashi_g.svg);
  background-position: top;
  background-size: cover;
  align-items: center;
  display: flex;
  position: relative;
  height: 100vh; }
  #login_w #login_w_f {
    background: rgba(255, 255, 255, 0.4);
    padding: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 1px #C1C1C1;
    border-radius: 5px;
    max-width: 500px;
    margin: auto;
    width: 95%;
    height: 480px; }
    #login_w #login_w_f .accept_msg {
      font-size: 0.8rem;
      color: #E23527;
      margin-top: 20px;
      margin-bottom: -25px; }
    #login_w #login_w_f * {
      text-align: center; }
    #login_w #login_w_f.login_w_f_k {
      height: 530px; }
      #login_w #login_w_f.login_w_f_k label {
        display: flex;
        max-width: 140px;
        margin: auto; }
        #login_w #login_w_f.login_w_f_k label input[type="checkbox"] {
          display: block;
          position: relative;
          top: 2px; }
      #login_w #login_w_f.login_w_f_k textarea {
        width: 95%;
        margin: 30px auto;
        text-align: left;
        resize: vertical;
        border: solid 1px #b9b9b9;
        border-radius: 3px;
        padding: 7px; }
    #login_w #login_w_f .kiyaku_btn {
      background-color: #C1C1C1;
      pointer-events: none; }
    #login_w #login_w_f .kiyaku_btn_agree {
      background-color: #E23527;
      cursor: pointer;
      pointer-events: visible; }
  #login_w .lgline {
    width: 100vw;
    position: absolute;
    top: 0; }

/*# sourceMappingURL=common.css.map */