{"version":3,"sources":["webpack://src/css/imgStyle.css","webpack://src/css/carousel.css","webpack://src/css/office.css","webpack://src/css/title.css","webpack://src/css/button.css"],"names":[],"mappings":"AAmMA,UACE,iBAAkB,CAClB,aAAc,CACd,sBAAuB,CACvB,cAAe,CACf,oBAAwB,CACxB,iBAAgB,CAAhB,YAAgB,CAChB,SACF,CAEA,0BACE,UACE,SAAU,CACV,sBAAuB,CACvB,cACF,CACF,CAEA,wBACE,cAAe,CACf,SAAU,CACV,UAAW,CACX,YAAa,CACb,KAAM,CACN,OAAQ,CAGR,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAC3B,SAAU,CAEV,+BAAiC,CACjC,mBACF,CAEA,0BACE,wBACE,QAAS,CAGD,sBACV,CACF,CAEA,6BACE,SAAU,CACV,sBACF,CAEA,4BACE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,UAAW,CACX,WAAY,CACZ,+BAAoC,CACpC,SAAU,CACV,cACF,CAEA,iCACE,iBAAkB,CAClB,UAAW,CACX,eAAgB,CAChB,eAAgB,CAChB,aAAe,CACf,oCAA0C,CAG1C,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,2CACE,iBAAkB,CAClB,UAAW,CACX,KAAM,CACN,OAAQ,CACR,UAAY,CACZ,kBAAsB,CACtB,aAAe,CACf,YAAc,CACd,cACF,CAEA,sCACE,iBAAkB,CAClB,UAAW,CACX,eACF,CAEA,0BACE,sCACE,UAAW,CACX,eACF,CACF,CAEA,0CACE,iBAAkB,CAClB,UAAW,CACX,eACF,CAEA,0BACE,0CACE,UAAW,CACX,eACF,CACF,CAEA,mBACE,iBAAkB,CAClB,aAAgB,CAChB,aAAc,CACd,eAAgB,CAChB,eAAgB,CAChB,OAAS,CACT,cAAe,CAGf,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAC3B,4BAA8B,CACtB,oBAAsB,CAE9B,+BACF,CAEA,0BACE,mBACE,UAAW,CACX,mBAAwB,CACxB,2BAA4B,CACpB,mBACV,CACF,CAEA,+BACE,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,UAAW,CACX,UAAW,CACX,qBACF,CAEA,wBACE,iBAAkB,CAClB,UAAW,CACX,WAAY,CAGZ,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,4BACE,iBAAkB,CAClB,UAAW,CACX,OAAS,CACT,WACF,CAEA,0BACE,4BACE,UACF,CACF,CAEA,yBACE,cAAe,CACf,SAAU,CACV,2BAA4B,CACpB,mBACV,CCvOA,aACE,SAAU,CACV,aACF,CAEA,0BACE,aACE,UAAW,CACX,eACF,CACF,CAEA,4BACE,iBAAkB,CAClB,UAAW,CACX,SACF,CAEA,8BACE,iBAAkB,CAClB,eAAgB,CAChB,WAAY,CACZ,MAAQ,CACR,UAAW,CACX,WAAY,CACZ,aACF,CAEA,0BACE,8BACE,WACF,CACF,CAEA,4CACE,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,WAAY,CACZ,OAAQ,CACR,SAAU,CAGV,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,iDACE,YAAc,CACd,WAAa,CACb,YAAc,CACd,8BAAgC,CAChC,qBAAuB,CACvB,oBAAqB,CACrB,cAAe,CACf,oBAAqB,CAErB,8BACF,CAEA,0DACE,qBAAuB,CACvB,8BACF,CAEA,0BACE,4CACE,WAAY,CACZ,SACF,CACA,iDACE,YAAc,CACd,WAAa,CACb,aACF,CACF,CAEA,2CACE,4BAA6B,CAC7B,UAAY,CACZ,SACF,CAEA,qCACE,iBAAkB,CAClB,KAAM,CACN,WAAY,CACZ,WAAY,CACZ,UAAW,CACX,UAAY,CACZ,mBAAoB,CACpB,qBAAuB,CACvB,iBAAkB,CAClB,QAAS,CACT,YACF,CAEA,8CACE,YACF,CAEA,iDACE,iBAAkB,CAClB,QAAS,CACT,YAAa,CAEL,uBAAwB,CAEhC,8BACF,CAEA,uDACE,4BAA6B,CAC7B,UAAY,CACZ,SACF,CAEA,0BACE,iDACE,QACF,CACF,CAEA,kDACE,iBAAkB,CAClB,QAAS,CACT,WAAY,CAEJ,wBAAyB,CAEjC,8BACF,CAEA,wDACE,4BAA6B,CAC7B,UAAY,CACZ,SACF,CAEA,0BACE,kDACE,QACF,CACF,CAEA,8CACE,iBAAkB,CAClB,OAAQ,CACR,eAAgB,CAChB,WAAY,CACZ,UAAW,CACX,UACF,CAEA,0BACE,8CACE,SAAU,CACV,UACF,CACF,CAEA,sDACE,iBAAkB,CAClB,KAAM,CAGN,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAGnB,wBAAyB,CACjC,uBAAwB,CACxB,wBAAyB,CACzB,WAAY,CACZ,UACF,CAEA,0BACE,sDACE,OAAQ,CACR,UAAW,CACX,uBAAwB,CACxB,wBAAyB,CAErB,qBAAsB,CAGlB,sBACV,CACF,CAEA,yDACE,UAAW,CACX,QAAc,CACd,WAAY,CACZ,oBACF,CAEA,6BACE,YACF,CCzLA,oCAlBE,iBAAkB,CAClB,UAAW,CAGX,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAqBV,CAlBA,wBAiBE,eACF,CAEA,0BACE,wBACE,eACF,CACF,CAEA,mCACE,gBACF,CAEA,kCAEE,iBAAkB,CAClB,SAAU,CACV,kBAAmB,CACnB,YACF,CAEA,0BACE,kCACE,UACF,CACF,CAEA,yCACE,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,gBAAiB,CACjB,qBACF,CAEA,wCACE,iBAAkB,CAClB,iBAAkB,CAClB,gBAAiB,CACjB,qBAAsB,CACtB,oBACF,CC7EA,WACE,iBAAkB,CAClB,SAAU,CACV,wBAA4B,CAC5B,gBAAiB,CAGjB,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAGnB,sBAAuB,CAC/B,cACF,CAEA,gBACE,oBACF,CAEA,0BACE,WACE,UACF,CACF,CAEA,gBACE,mBAAoB,CACpB,cACF,CAEA,gBACE,oBAAqB,CACrB,iBAAkB,CAClB,kBAAmB,CACnB,qBAAuB,CACvB,gBAAiB,CACjB,cAAe,CACf,mBACF,CAEA,iBACE,iBAAkB,CAClB,SAAU,CAEV,gBAAiB,CACjB,qBAAsB,CACtB,cAAgB,CAChB,iBAAkB,CAClB,mBACF,CC9PA,WACE,mBAAoB,CACpB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,yEAA8D,CAE9D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,sEAA2D,CAE3D,eAAmB,CACnB,iBACF,CAEA,WACE,oBAAqB,CACrB,wEAA6D,CAE7D,eAAmB,CACnB,iBACF,CAEA,WACE,qBAAsB,CACtB,kEAAuD,CAEvD,eAAmB,CACnB,iBACF,CAEA,WACE,qBAAsB,CACtB,uEAA4D,CAE5D,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,+DAAoD,CAEpD,eAAmB,CACnB,iBACF,CAEA,WACE,mBAAoB,CACpB,+DAAoD,CAEpD,eAAmB,CACnB,iBACF,CAEA,EAEU,qBAAsB,CAC9B,QAAS,CACT,SACF,CAEA,UACE,iBAAkB,CAClB,YAAa,CACb,aAAc,CACd,UAAW,CACX,qBACF,CAEA,oBACE,iBAAkB,CAClB,SAAU,CACV,mBAAoB,CACpB,QAAS,CACT,UACF,CAEA,cACE,oBAAqB,CACrB,UACF,CAEA,cACE,cACF,CAYA,gBACE,GAEU,sBACV,CACA,GAEU,uBACV,CACF,CAcA,qBACE,GACE,SAAU,CACV,SACF,CACA,GACE,SAAU,CACV,MACF,CACF,CA0BA,iBACE,GAEU,uBACV,CACA,IAEU,sBACV,CACA,IAEU,wBACV,CACA,IAEU,sBACV,CACA,GAEU,uBACV,CACF,CAEA,YACE,iBAAkB,CAClB,UAAW,CACX,aAAc,CAGd,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,0BACE,YAGE,YAAa,CAIL,qBAAsB,CAGtB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CACF,CAEA,qBACE,iBACF,CAEA,kDAGU,qBAAsB,CAE9B,WAAY,CAEZ,iBAAkB,CAClB,qBAAuB,CACvB,uBAA0B,CAC1B,aACF,CAEA,0BACE,kDACE,SAAU,CACV,iBACF,CACF,CAEA,gEAEE,8BAAgC,CAChC,UAAW,CACX,OAAS,CACT,WAAY,CACZ,eAAiB,CACjB,iBAAkB,CAClB,KAAM,CACN,OACF,CAEA,gEACE,iBAAkB,CAClB,4BAA6B,CAC7B,MAAO,CACP,UAAY,CACZ,SAAW,CACX,mBAAoB,CACpB,yBAA0B,CAC1B,cAAmB,CACnB,QAAS,CACT,kBAAoB,CACpB,gBAAiB,CACjB,cAAe,CAGf,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBAAmB,CAC3B,UACF,CAEA,wEACE,YAAa,CACb,mBAAqB,CAEb,uBACV,CAEA,4EACE,eAAiB,CACjB,UACF,CAEA,2BAGE,YAAa,CAIL,kBAAmB,CAGnB,sBAAuB,CAC/B,iBAAkB,CAGV,kBACV,CAEA,kCACE,oBAAqB,CACrB,gBAAiB,CACjB,cACF","file":"15.992751ba.chunk.css","sourcesContent":["@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.imgs_con {\n  position: relative;\n  margin: 1rem 0;\n  -webkit-column-count: 4;\n  column-count: 4;\n  -webkit-column-gap: 0rem;\n  column-gap: 0rem;\n  width: 81%;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con {\n    width: 95%;\n    -webkit-column-count: 2;\n    column-count: 2;\n  }\n}\n\n.imgs_con > .full_img_con {\n  position: fixed;\n  z-index: 1;\n  width: 100%;\n  height: 100vh;\n  top: 0;\n  right: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  opacity: 0;\n  -webkit-transition: all 0.25s ease-in-out;\n  transition: all 0.25s ease-in-out;\n  pointer-events: none;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con > .full_img_con {\n    top: 3rem;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n}\n\n.imgs_con > .full_img_con.open {\n  opacity: 1;\n  pointer-events: visible;\n}\n\n.imgs_con > .full_img_con > .bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.8);\n  z-index: 0;\n  cursor: pointer;\n}\n\n.imgs_con > .full_img_con > .img_con {\n  position: relative;\n  width: auto;\n  max-height: auto;\n  overflow: hidden;\n  padding: 0.5rem;\n  background-color: rgba(237, 237, 237, 0.8);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.imgs_con > .full_img_con > .img_con > .closeImg {\n  position: absolute;\n  z-index: 19;\n  top: 0;\n  right: 0;\n  color: black;\n  background: whitesmoke;\n  padding: 0.5rem;\n  margin: 0.5rem;\n  cursor: pointer;\n}\n\n.imgs_con > .full_img_con > .img_con > span {\n  position: relative;\n  width: auto;\n  max-height: 80vh;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con > .full_img_con > .img_con > span {\n    width: 100%;\n    max-height: auto;\n  }\n}\n\n.imgs_con > .full_img_con > .img_con > span > img {\n  position: relative;\n  width: auto;\n  max-height: 80vh;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con > .full_img_con > .img_con > span > img {\n    width: 100%;\n    max-height: auto;\n  }\n}\n\n.imgs_con > .img_con {\n  position: relative;\n  margin: 0 0 1% 0;\n  max-width: 94%;\n  min-height: 4rem;\n  overflow: hidden;\n  right: 0%;\n  cursor: pointer;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-filter: grayscale(0.8);\n          filter: grayscale(0.8);\n  -webkit-transition: all 0.25s ease-in-out;\n  transition: all 0.25s ease-in-out;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con > .img_con {\n    width: 100%;\n    margin: 0 0.25rem 0rem 0;\n    -webkit-filter: grayscale(0);\n            filter: grayscale(0);\n  }\n}\n\n.imgs_con > .img_con > .background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 95%;\n  background-color: black;\n}\n\n.imgs_con > .img_con > span {\n  position: relative;\n  width: 100%;\n  height: auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.imgs_con > .img_con > span > img {\n  position: relative;\n  width: 100%;\n  right: 0%;\n  height: auto;\n}\n\n@media (max-width: 1000px) {\n  .imgs_con > .img_con > span > img {\n    width: 100%;\n  }\n}\n\n.imgs_con > .img_con:hover {\n  max-width: 100%;\n  right: -3%;\n  -webkit-filter: grayscale(0);\n          filter: grayscale(0);\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.CarouselCon {\n  width: 80%;\n  margin: 0 auto;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon {\n    width: 102%;\n    margin-right: 5%;\n  }\n}\n\n.CarouselCon .carousel-root {\n  position: relative;\n  width: 101%;\n  right: -1%;\n}\n\n.CarouselCon .carousel-slider {\n  position: relative;\n  overflow: hidden;\n  height: auto;\n  left: 0%;\n  width: 100%;\n  height: 100%;\n  margin: 2rem 0;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider {\n    height: auto;\n  }\n}\n\n.CarouselCon .carousel-slider > .control-dots {\n  position: absolute;\n  top: 35rem;\n  width: 100%;\n  height: auto;\n  right: 0;\n  z-index: 1;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.CarouselCon .carousel-slider > .control-dots > .dot {\n  height: 0.7rem;\n  width: 0.7rem;\n  margin: 0.2rem;\n  border: 0.1rem solid transparent;\n  background-color: white;\n  border-radius: 150rem;\n  cursor: pointer;\n  list-style-type: none;\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n}\n\n.CarouselCon .carousel-slider > .control-dots > .dot.selected {\n  background-color: black;\n  border: 0.1rem solid transparent;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider > .control-dots {\n    top: 11.5rem;\n    width: 90%;\n  }\n  .CarouselCon .carousel-slider > .control-dots > .dot {\n    height: 0.5rem;\n    width: 0.5rem;\n    margin: 0.25rem;\n  }\n}\n\n.CarouselCon .carousel-slider:hover > button {\n  background-color: transparent;\n  color: white;\n  fill: white;\n}\n\n.CarouselCon .carousel-slider > button {\n  position: relative;\n  top: 0;\n  width: 68rem;\n  height: 3rem;\n  z-index: 99;\n  color: black;\n  font-family: 'OpenB';\n  background-color: white;\n  margin-right: 1rem;\n  border: 0;\n  display: none;\n}\n\n.CarouselCon .carousel-slider > button > #Layer_1 {\n  width: 1.5rem;\n}\n\n.CarouselCon .carousel-slider > button:nth-child(1) {\n  position: absolute;\n  top: 8rem;\n  left: -2.5rem;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n}\n\n.CarouselCon .carousel-slider > button:nth-child(1):hover {\n  background-color: transparent;\n  color: white;\n  fill: white;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider > button:nth-child(1) {\n    top: 6rem;\n  }\n}\n\n.CarouselCon .carousel-slider > button:nth-child(3) {\n  position: absolute;\n  top: 8rem;\n  right: -3rem;\n  -webkit-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n}\n\n.CarouselCon .carousel-slider > button:nth-child(3):hover {\n  background-color: transparent;\n  color: white;\n  fill: white;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider > button:nth-child(3) {\n    top: 6rem;\n  }\n}\n\n.CarouselCon .carousel-slider > .slider-wrapper {\n  position: relative;\n  right: 0;\n  overflow: hidden;\n  height: 100%;\n  width: 125%;\n  right: -12%;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider > .slider-wrapper {\n    padding: 0;\n    width: 100%;\n  }\n}\n\n.CarouselCon .carousel-slider > .slider-wrapper > .slider {\n  position: relative;\n  top: 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: end;\n      -ms-flex-pack: end;\n          justify-content: flex-end;\n  justify-self: flex-start;\n  justify-items: flex-start;\n  height: 100%;\n  width: 100%;\n}\n\n@media (max-width: 1000px) {\n  .CarouselCon .carousel-slider > .slider-wrapper > .slider {\n    right: 0;\n    width: 115%;\n    justify-self: flex-start;\n    justify-items: flex-start;\n    -ms-flex-item-align: start;\n        align-self: flex-start;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n  }\n}\n\n.CarouselCon .carousel-slider > .slider-wrapper > .slider > li {\n  width: 100%;\n  margin: 0 0rem;\n  height: 100%;\n  list-style-type: none;\n}\n\n.CarouselCon .thumbs-wrapper {\n  display: none;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.office_con {\n  position: relative;\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.office_con > .slider_con {\n  position: relative;\n  width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  margin: 0 0 2rem 0;\n}\n\n@media (max-width: 1000px) {\n  .office_con > .slider_con {\n    margin: 0 0 1rem 0;\n  }\n}\n\n.office_con > .slider_con > .title_con {\n  margin: 0 0 0.5rem 0;\n}\n\n.office_con > .slider_con > .text_con {\n  position: relative;\n  position: relative;\n  width: 80%;\n  background: #BCEBDD;\n  padding: 1rem;\n}\n\n@media (max-width: 1000px) {\n  .office_con > .slider_con > .text_con {\n    width: 100%;\n  }\n}\n\n.office_con > .slider_con > .text_con > .title {\n  font-family: 'OpenB';\n  position: relative;\n  font-size: 2rem;\n  text-align: right;\n  text-align-last: right;\n}\n\n.office_con > .slider_con > .text_con > .text {\n  position: relative;\n  font-size: 1.25rem;\n  text-align: right;\n  text-align-last: right;\n  white-space: pre-line;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.title_con {\n  position: relative;\n  width: 80%;\n  background-color: whitesmoke;\n  margin: 2rem auto;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n  padding: 1.5rem 1.5rem;\n}\n\n.title_con.true {\n  margin: 0rem auto 1.5rem;\n}\n\n@media (max-width: 1000px) {\n  .title_con {\n    width: 100%;\n  }\n}\n\n.title_con > .heb {\n  font-family: 'OpenB';\n  font-size: 2rem;\n}\n\n.title_con > .eng {\n  font-family: 'credit';\n  font-style: italic;\n  font-weight: Bolder;\n  letter-spacing: -0.5rem;\n  letter-spacing: 0;\n  font-size: 1rem;\n  font-weight: lighter;\n}\n\n.title_con > .text {\n  position: relative;\n  width: 90%;\n  margin: 0 auto;\n  text-align: right;\n  text-align-last: right;\n  margin: 0.5rem 0;\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n}\n","@font-face {\n  font-family: \"OpenM\";\n  src: url(\"../fonts/FbTipograf-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenL\";\n  src: url(\"../fonts/FbTipograf-Light.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenR\";\n  src: url(\"../fonts/FbTipograf-Regular.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"OpenB\";\n  src: url(\"../fonts/FbTipograf-Bold.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Credit\";\n  src: url(\"../fonts/NotoSansJP-Medium.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditL\";\n  src: url(\"../fonts/Heebo-Light.ttf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"CreditB\";\n  src: url(\"../fonts/NotoSansJP-Black.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_1\";\n  src: url(\"../fonts/number_1.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Num_2\";\n  src: url(\"../fonts/number_2.otf\") format(\"opentype\");\n  /* here you go, IE */\n  font-weight: normal;\n  font-style: normal;\n}\n\n* {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbody, .App {\n  position: relative;\n  height: 100vh;\n  direction: RTL;\n  width: 100%;\n  background-color: white;\n}\n\nbody > main, .App > main {\n  position: relative;\n  z-index: 0;\n  font-family: 'OpenL';\n  margin: 0;\n  width: 100%;\n}\n\nbody a, .App a {\n  text-decoration: none;\n  color: black;\n}\n\n.fa-trash-alt {\n  cursor: pointer;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n\n@keyframes spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n/* Safari */\n@-webkit-keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n@keyframes leftSlide {\n  0% {\n    opacity: 0;\n    left: 100%;\n  }\n  100% {\n    opacity: 1;\n    left: 0%;\n  }\n}\n\n/* Safari */\n@-webkit-keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n@keyframes shake {\n  0% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n  25% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  50% {\n    -webkit-transform: rotate(-10deg);\n            transform: rotate(-10deg);\n  }\n  75% {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(10deg);\n            transform: rotate(10deg);\n  }\n}\n\n.buttonsCon {\n  position: relative;\n  width: 100%;\n  margin: 5rem 0;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n@media (max-width: 1000px) {\n  .buttonsCon {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    text-align: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n  }\n}\n\n.buttonsCon.arti_btn {\n  margin: 1.8rem 0 0;\n}\n\n.buttonsCon > .buttonCon, .buttonsCon .buttonCon_eng {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 2rem 0 0rem;\n  width: 15rem;\n  border: none;\n  position: relative;\n  background-color: white;\n  border: 0.1rem solid black;\n  margin: 0 1rem;\n}\n\n@media (max-width: 1000px) {\n  .buttonsCon > .buttonCon, .buttonsCon .buttonCon_eng {\n    width: 80%;\n    margin: 0.5rem 1rem;\n  }\n}\n\n.buttonsCon > .buttonCon::before, .buttonsCon .buttonCon_eng::before {\n  -webkit-transition: all 0.5s ease-in-out;\n  transition: all 0.5s ease-in-out;\n  content: '';\n  width: 0%;\n  height: 100%;\n  background: black;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n.buttonsCon > .buttonCon > button, .buttonsCon .buttonCon_eng > button {\n  position: relative;\n  background-color: transparent;\n  left: 0;\n  color: white;\n  fill: white;\n  font-family: 'OpenB';\n  mix-blend-mode: difference;\n  word-spacing: -0rem;\n  border: 0;\n  padding: 0.8rem 1rem;\n  font-size: 1.5rem;\n  cursor: pointer;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n}\n\n.buttonsCon > .buttonCon > button > svg, .buttonsCon .buttonCon_eng > button > svg {\n  width: 1.5rem;\n  margin: 0 0.25rem 0 0;\n  -webkit-transform: rotate(90deg);\n          transform: rotate(90deg);\n}\n\n.buttonsCon > .buttonCon:hover::before, .buttonsCon .buttonCon_eng:hover::before {\n  background: black;\n  width: 100%;\n}\n\n.buttonsCon > .buttonCon_eng {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  text-align: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n.buttonsCon > .buttonCon_eng > button {\n  font-family: 'credit';\n  letter-spacing: 0;\n  word-spacing: 0;\n}\n"]}