@charset "UTF-8";/*---------------------------------------- Reset----------------------------------------*/* {  box-sizing: border-box;  line-height: 1.5;}abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font-style: normal;  vertical-align: baseline;  word-break: break-all;  word-wrap: normal;  -webkit-text-size-adjust: 100%;  text-align: inherit;}body {  line-height: 1;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;  color: #333;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}ol, ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:after, blockquote:before, q:after, q:before {  content: "";  content: none;}a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;  text-decoration: none;  color: #4477e0;}a:focus {  outline: 0;}a:active, a:hover {  outline: 0;  color: #e80;}del {  text-decoration: line-through;}table {  width: 100%;  border-collapse: collapse;  border-spacing: 0;}input, select {  vertical-align: middle;}img {  border: 0;  vertical-align: bottom;  max-width: 100%;}button, input, select, textarea {  -webkit-appearance: none;  outline: none;}button {  padding: 0;  background: #fff;  border: none;  cursor: pointer;  font-family: inherit;}em, strong {  font-style: normal;  font-weight: bold;}/*---------------------------------------- Module----------------------------------------*//* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） *//* ------------ Var ------------ *//* ------------ Font Montserrat(件数の数字などに使用中) ------------ */@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: normal;  src: url("../user_font/Montserrat/Montserrat-Regular.eot");  src: url("../user_font/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Regular.woff") format("woff");}@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: bold;  src: url("../user_font/Montserrat/Montserrat-Bold.eot");  src: url("../user_font/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Bold.woff") format("woff");}/* ------------ Base ------------ */body {  background: #d6e3f0;  min-width: 1030px;  letter-spacing: 0.04em;}.pageSet,.wrap {  width: 1030px;  margin: 0 auto;}span.linkPart {  color: #4477e0;}span.linkPart:hover {  color: #e80;  transition: all 0.25s ease-in-out 0s;}.linkPart.md_btn {  color: #fff;}.linkPart.md_btn:hover {  color: #fff;}.linkPart.md_btn--white {  color: #038;}.linkPart.md_btn--white:hover {  color: #038;}.js_linkBtn:hover, .linkPart:hover, .linkSpan:hover {  cursor: pointer;}a:hover {  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}/* ------------ UI kit 用 あとで消す ------------ */#uiHeader {  display: block;  height: 60px;  width: 100%;  padding: 0 30px;  z-index: 9999;  background-color: #fff;  border-bottom: 1px solid #dcdcdc;}#uiHeader .title {  font-size: 18px;  font-weight: bold;  color: #222;  line-height: 60px;}#uiHeader .copy {  position: absolute;  top: 0;  right: 40px;  line-height: 60px;  font-size: 13px;  color: #666;}#uiHeader .link {  position: absolute;  top: 0;  right: 40px;}#uiHeader .link a {  position: relative;  display: inline-block;  vertical-align: middle;  line-height: 60px;  font-family: "Montserrat";  font-size: 13px;  font-weight: bold;  color: #666;}#uiHeader .link a:before {  position: relative;  top: -2px;  display: inline-block;  font-family: FontAwesome;  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 14px;  line-height: 20px;  margin-right: 5px;  vertical-align: middle;}#uiHeader .link a:hover {  color: #222;}#uiHeader .link a + a {  margin-left: 25px;}/* ------------ pagination ------------ */.md_pagination {  margin-top: 20px;  text-align: center;}.md_pagination .btnList {  display: inline-block;  vertical-align: middle;}.md_pagination .btnList .btn {  display: inline-block;  background: #fff;}.md_pagination .btnList .btn a,.md_pagination .btnList .btn span,.md_pagination .btnList .btn .now {  position: relative;  display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  font-size: 13px;  color: #333;  text-align: center;  vertical-align: middle;  font-weight: normal;  cursor: pointer;}.md_pagination .btnList .btn + .btn {  border-left: 1px solid #ddd;}.md_pagination .btnList .btn .now {  background: #038;  color: #fff;  cursor: default;}.md_pagination .btnList .btn a:hover {  background: #eee;}.md_pagination .btnList .btn span {  pointer-events: none;}.md_pagination .btnList .btn .now {  background: #038;  cursor: default;}.md_pagination .btnList .btn.prev {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next {  border-radius: 0 3px 3px 0;}.md_pagination .btnList .btn.prev a,.md_pagination .btnList .btn.next a {  width: auto;  padding: 0 8px;}.md_pagination .btnList .btn.prev a {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next a {  border-radius: 0 3px 3px 0;}/* ------------ List Number ------------ */.md_listNum {  margin-top: 20px;  padding-left: 6px;  font-size: 15px;}.md_listNum .type {  margin: 0 4px;  font-size: 15px;  color: #e80;}.md_listNum .num {  margin: 0 5px;  font-size: 20px;  font-family: "Montserrat";  font-weight: bold;  color: #038;}.md_listNum .jobNum {  margin-left: 10px;}/* ------------ Tab------------ */.md_tab {  line-height: 1;  text-align: left;}.md_tab:after {  content: "";  display: block;  height: 3px;  width: 100%;  background: #038;}.md_tab .pageTitle {  display: inline-block;  padding: 0 15px;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.1em;}.md_tab .sortButton {  display: inline-block;  vertical-align: middle;}.md_tab .sortButton .sort {  display: inline-block;  height: 50px;  line-height: 52px;  padding: 0 30px;  margin-left: 10px;  font-size: 15px;  color: #222;  border-radius: 3px 3px 0 0;  background: rgba(255, 255, 255, 0.5);}.md_tab .sortButton .sort:hover {  background: rgb(255, 255, 255);}.md_tab .sortButton .sort .num {  display: inline-block;  margin-left: 10px;  min-width: 24px;  max-width: 34px;  padding: 0 3px;  height: 24px;  line-height: 24px;  background: #f00;  color: #fff;  font-size: 12px;  font-weight: normal;  border-radius: 2px;  text-align: center;  vertical-align: middle;}.md_tab .sortButton .selected {  position: relative;  background: #038;  font-weight: bold;  text-decoration: none;  color: #fff;}.md_tab .sortButton .selected:hover {  opacity: 1;  background: #038;}.md_tab .sortButton .dead {  position: relative;  background: #ddd;  color: #999;}.md_tab .sortButton .dead:hover {  opacity: 1;}.md_tab .sortButton .copy {  position: absolute;  top: -15px;  left: 50%;  width: 200px;  margin-left: -90px;  color: #f33;  font-size: 11px;}/* ------------ btn ------------ */.md_btn {  position: relative;  display: inline-block;  padding: 0 40px;  box-sizing: border-box;  height: 54px;  line-height: 56px;  font-size: 20px;  background: #038;  color: #fff;  border-radius: 3px;  font-weight: bold;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  text-align: center;}.md_btn:hover {  top: -1px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  background: #0042b1;}.md_btn:active {  top: 1px;  box-shadow: none;}.md_btn.md_btn--min {  padding: 0 20px;  height: 38px;  line-height: 40px;  font-size: 14px;  letter-spacing: 0;  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);}.md_btn.md_btn--big {  padding: 0 60px;  height: 70px;  line-height: 72px;  font-size: 22px;  letter-spacing: 0.2em;  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}.md_btn.md_btn--green {  background: #71C826;}.md_btn.md_btn--green:hover {  background: #83d938;}.md_btn.md_btn--orange {  background: #f90;}.md_btn.md_btn--orange:hover {  background: #ffa724;}.md_btn.md_btn--white {  background: #fff;  color: #038;}.md_btn.md_btn--white:hover {  background: #eee;}.md_btn.md_btn--gray {  top: 0;  background: #aaa !important;  box-shadow: none !important;}input.md_btn {  border: none;  cursor: pointer;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}/*---------------------------------------- Popup----------------------------------------*/#popupHeader {  position: fixed;  top: 0;  left: 0;  right: 0;  width: 100%;  padding: 0 20px;  height: 50px;  line-height: 50px;  background: #bdcee0;  text-align: center;  border-bottom: 1px solid #adbdce;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);  color: #222;  text-align: left;  z-index: 9990;}#popupHeader .logo a {  color: #222;  line-height: 50px;}#popupHeader .closeBtn {  position: absolute;  right: 0;  top: 0;}#popupHeader .closeBtn a {  display: block;  width: 50px;  height: 50px;  line-height: 50px;  text-align: center;  font-size: 30px;  color: #222;}#popupHeader .closeBtn a:hover {  background: rgba(0, 0, 0, 0.05);}.popPageSet {  padding: 70px 0 40px;}#popupFooter {  padding: 20px 0;  text-align: center;}#popupFooter .copyright {  font-size: 11px;  color: #222;  letter-spacing: 0;}/* ------------ Header ------------ */#header {  padding-top: 10px;  background-color: #fff;  border-bottom: 1px solid #e8e8e8;}#header .wrap {  width: 1030px;  margin: 0 auto;}#header .wrap .logoArea {  position: relative;  text-align: left;}#header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.4em;}#header .wrap .logoArea .logo img {  height: 35px;}#header .wrap .logoArea .functionList {  position: absolute;  top: -10px;  right: 0;  display: flex;  display: -webkit-flex;  text-align: center;}#header .wrap .logoArea .functionList .function {  position: relative;  width: 80px;  height: 74px;  border: 1px solid #ddd;  border-top: none;}#header .wrap .logoArea .functionList .function + .function {  border-left: none;}#header .wrap .logoArea .functionList .function a {  display: block;}#header .wrap .logoArea .functionList .function a:hover .text {  color: #f90;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on {  background: #4e74b4;  border: none;}#header .wrap .logoArea .functionList .function.on:before {  color: #fff;}#header .wrap .logoArea .functionList .function.on:hover {  background: #5e86ca;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on .text, #header .wrap .logoArea .functionList .function.on:hover .text {  color: #fff;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function:before {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 1px;  left: 50%;  margin-left: -13px;  content: "";  font-size: 28px;  color: #4e74b4;}#header .wrap .logoArea .functionList .function.function--resume:before {  content: "\e90a";  top: 1px;}#header .wrap .logoArea .functionList .function.function--resume.alert .text {  padding-top: 40px;}#header .wrap .logoArea .functionList .function.function--resume.alert .alert {  position: absolute;  bottom: 5px;  left: 17px;  display: block;  width: 47px;  height: 18px;  line-height: 19px;  background: #f66;  color: #fff;  font-size: 11px;  border-radius: 3px;}#header .wrap .logoArea .functionList .function.function--logout:before {  content: "\eb0b";}#header .wrap .logoArea .functionList .function.function--logout .text {  padding: 0;  margin-top: 50px;}#header .wrap .logoArea .functionList .function.function--logout a {  display: inline;}#header .wrap .logoArea .functionList .function.function--login:before {  content: "\eb0a";}#header .wrap .logoArea .functionList .function.function--signup:before {  content: "\e912";}#header .wrap .logoArea .functionList .function.function--setting:before {  content: "\eb0f";}#header .wrap .logoArea .functionList .function .text {  position: relative;  display: inline-block;  padding-top: 50px;  font-size: 11px;  line-height: 0.6;  color: #666;}#header .wrap .logoArea .toHigh {  position: absolute;  right: 259px;  top: 2px;  display: inline-block;  padding: 10px 30px 8px 20px;  background: #f4f4ec;  border: 1px solid #ddd;}#header .wrap .logoArea .toHigh .textSet {  position: relative;}#header .wrap .logoArea .toHigh .textSet:before {  position: absolute;  content: "";  left: -20px;  top: 8px;  bottom: 8px;  width: 3px;  background: #003;}#header .wrap .logoArea .toHigh .textSet:after {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 50%;  margin-top: -20px;  right: -20px;  content: "\f105";  font-size: 24px;  color: #003;}#header .wrap .logoArea .toHigh .mini {  color: #003;  font-size: 11px;  letter-spacing: 0.36em;}#header .wrap .logoArea .toHigh .main {  color: #003;  font-size: 13px;  font-weight: bold;  letter-spacing: 0.15em;}#header .wrap .logoArea .toHigh:hover {  opacity: 0.7;}#header .wrap .navArea {  position: relative;  margin-top: 40px;}#header .wrap .navArea .menuList {  display: flex;  justify-content: space-between;  width: 100%;  letter-spacing: 0.2em;}#header .wrap .navArea .menuList .menu {  position: relative;  display: block;  width: auto;  padding: 0 12px 15px;  text-align: center;  color: #222;  font-size: 15px;  cursor: pointer;}#header .wrap .navArea .menuList .menu.on:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;}#header .wrap .navArea .menuList .menu:hover:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .navArea .menuList .menu .num {  display: inline-block;  margin-left: 5px;  padding: 0 6px;  color: #fff;  background: #f00;  height: 22px;  line-height: 22px;  font-size: 14px;  font-weight: bold;  text-align: center;  border-radius: 20px;  letter-spacing: 0em;}#header .wrap .navArea .menuList .menu .num.max:after {  content: "+";  position: relative;}#header .wrap .navArea .menuList .link {  display: block;  color: #222;}#header .wrap .navArea .menuList .hideMenu {  position: absolute;  width: 200px;  top: 22px;  left: 50%;  margin-left: -105px;  padding: 10px 5px 5px;  z-index: 500;  display: none;}#header .wrap .navArea .menuList .hideMenu .subList {  position: relative;  display: block;  background: #fff;  border: 1px solid #e6e6e6;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);  text-align: left;}#header .wrap .navArea .menuList .hideMenu .subList:before,#header .wrap .navArea .menuList .hideMenu .subList:after {  position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 10px solid transparent;  border-bottom: 10px solid #fff;  border-right: 10px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#header .wrap .navArea .menuList .hideMenu .subList:before {  border-bottom-color: rgba(0, 0, 0, 0.7);}#header .wrap .navArea .menuList .hideMenu .subList .sub + .sub {  border-top: 1px solid #e6e6e6;}#header .wrap .navArea .menuList .hideMenu .subList .sub a {  display: block;  padding: 18px 10px 16px 20px;  font-size: 14px;  color: #149;  letter-spacing: 0.1em;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 8px;  font-size: 16px;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:hover {  background: #cde;}#header.renew_header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.15em;}/* ------------ Alert Area ------------ */#alertArea {  position: relative;}#alertArea .close {  position: absolute;  display: block;  width: 60px;  height: 50px;  line-height: 50px;  right: 0;  top: 50%;  margin-top: -25px;  color: #fff;  text-align: center;  font-size: 30px;}#alertArea .alert {  width: 1030px;  margin: 0 auto;  position: relative;  padding: 5px 130px 5px 30px;}#alertArea .alert .text {  color: #fff;  font-size: 15px;  text-indent: -15px;}#alertArea .alert .text:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e90a";  margin-right: 5px;  font-size: 26px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min {  position: absolute;  right: 0;  top: 50%;  margin-top: -20px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -3px;  margin-right: 10px;  font-size: 16px;}#alertArea.alert--service {  background: #ffe;  border-bottom: 1px solid #eee;}#alertArea.alert--service .close {  color: #888;}#alertArea.alert--service .text {  color: #038;}#alertArea.alert--service .md_btn {  border: 1px solid #ddd;}#alertArea.alert--history {  background: #f66;}/* ------------ Page Title ------------ */#globalPageTitle {  position: relative;  width: 1030px;  margin: 40px auto;  border-bottom: 3px solid #038;}#globalPageTitle .titleArea {  padding: 10px 15px 20px;}#globalPageTitle .titleArea .title, #globalPageTitle .titleArea .copy {  display: inline-block;  vertical-align: middle;  line-height: 1;}#globalPageTitle .titleArea .title {  font-size: 20px;  color: #222;  letter-spacing: 0.1em;}#globalPageTitle .titleArea .copy {  margin-left: 20px;  font-size: 14px;}/* ------------ Page Copy ------------ */#globalPageCopy {  padding: 40px 0;  text-align: center;}#globalPageCopy .catch {  font-size: 22px;  font-weight: bold;  letter-spacing: 0.1em;}#globalPageCopy .catch em {  color: #f70;}#globalPageCopy .sub {  margin-top: 10px;  font-size: 18px;  font-weight: normal;  letter-spacing: 0em;}#globalPageCopy .alert {  margin-top: 20px;  padding: 20px;  color: #f00;  font-size: 18px;  font-weight: bold;  background: #fdd;  border-radius: 10px;}#globalPageCopy .alert:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f06a";  margin-right: 5px;  top: -3px;  font-size: 24px;}#globalPageCopy .alert .sub {  padding: 20px;  background: #fff;  color: #222;  border-radius: 5px;}/* ------------ Pankuzu ------------ */#globalPankuzu {  padding: 4px 0 3px;  background: #fff;  position: relative;}#globalPankuzu .pankuzuList {  position: relative;  padding: 0 8px;}#globalPankuzu .pankuzuList .pankuzu {  display: inline-block;  vertical-align: middle;  font-size: 11px;}#globalPankuzu .pankuzuList .pankuzu + .pankuzu:before {  content: ">";  display: inline-block;  margin: 0 5px;  color: #222;  vertical-align: middle;}#globalPankuzu .pankuzuList .pankuzu a {  color: #999;}#globalPankuzu .pankuzuList .pankuzu a:hover {  color: #e80;}#globalPankuzu .pankuzuList .pankuzu .now {  font-weight: normal;  color: #222;}#globalPankuzu .about {  position: absolute;  right: 0;  top: 50%;  margin-top: -6px;}#globalPankuzu .about .text {  height: 12px;  line-height: 12px;  font-size: 11px;  font-weight: normal;  color: #000;}/* ------------ Form ------------ */input[type=text],input[type=email],input[type=tel],input[type=password],select {  height: 48px;  padding: 0 15px;  background: #fcfcfc;  border: 1px solid #ddd;  font-size: 15px;  border-radius: 4px;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}select {  padding-right: 26px;  background: url(../../imageFile/user/global/global_select_arrow.png) right center no-repeat #fcfcfc;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}select::-ms-expand {  display: none;}textarea {  display: block;  border-radius: 4px;  padding: 15px;  border: 1px solid #ddd;  font-size: 15px;  line-height: 1.5;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {  border-color: rgb(86, 180, 239);}input[type=text]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled {  border-color: #ddd;  background: #eee;}.imeOff {  ime-mode: disabled;}.md_checkUnit label {  cursor: pointer;  vertical-align: middle;}.md_checkUnit label input[type=checkbox] {  border: 2px solid #ccc;  position: relative;  margin-right: 10px;  border-radius: 4px;  width: 22px;  height: 22px;  background: #eee;  vertical-align: middle;  cursor: pointer;}.md_checkUnit label input[type=checkbox]::after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f00c";  position: absolute;  top: 50%;  margin-top: -16px;  right: -3px;  display: inline-block;  color: #ccc;  font-size: 22px;}.md_checkUnit label input[type=checkbox]:checked {  position: relative;  background: #fff;}.md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}.md_txtCounter {  margin-top: 5px;  padding: 0 3px;  font-size: 12px;  text-align: right;  line-height: 1;}.md_txtCounter .count em {  margin-right: 3px;  font-size: 14px;  font-weight: bold;  color: #f90;}.md_txtCounter .holder:before {  content: "/";  margin: 0 5px;}.md_txtCounter .holder em {  margin-right: 3px;}.errorForm {  background-color: #fdd !important;}/* Error */.errorBase {  padding: 20px 20px 17px;  background-color: #ffe6e6;  border: 1px solid #f33;  border-radius: 3px;}.errorBase .catch {  font-size: 16px;  font-weight: bold;  color: #f33;  line-height: 1;}.errorBase .catch:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f071";  margin-right: 6px;  font-size: 20px;}.errorBase .causeList {  margin-top: 15px;}.errorBase .causeList .cause {  font-size: 14px;  line-height: 1;  text-indent: -21px;  padding-left: 21px;}.errorBase .causeList .cause:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\ea54";  margin-right: 5px;  color: #f33;  width: 16px;  text-indent: 0;}/* ------------ Return Link ------------ */#globalReturnLink {  min-height: 1.3em;  position: relative;  margin-top: 40px;  text-align: center;  z-index: 2;}#globalReturnLink .base {  width: 1030px;  margin: 0 auto;}#globalReturnLink .base:after {  clear: both;  display: block;  content: "";  height: 0;  line-height: 0;}#globalReturnLink .return {  position: relative;  top: 0;  left: 63px;  display: inline-block;  padding-left: 18px;  background: url(../../imageFile/user/global/return.png) left 2px no-repeat;  font-size: 13px;}#globalReturnLink .return:hover {  background-position: left -111px;}#globalReturnLink .pageTop {  position: relative;  top: 45px;  float: right;}#globalReturnLink .pageTop a {  display: inline-block;  height: 45px;  padding: 0 13px;  background: #fff;  line-height: 45px;  color: #222;  letter-spacing: 0.2em;}#globalReturnLink .pageTop a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  top: -1px;  margin-right: 6px;  font-size: 18px;}#globalReturnLink .pageTop a:hover {  color: #f90;}#globalReturnLink .pageTop a:hover:before {  border-bottom-color: #f90;}/* ------------ returnPage ------------ */#returnPage {  margin-top: 90px;  text-align: center;}#returnPage a, #returnPage span.linkPart {  margin: 0 10px;  display: inline-block;  padding: 0 5px 6px;  border-bottom: 3px solid #4477e0;  font-size: 17px;  font-weight: bold;  line-height: 1;  letter-spacing: 0.15em;  vertical-align: top;  cursor: pointer;}#returnPage a:before, #returnPage span.linkPart:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f053";  top: -1px;  margin-right: 10px;  font-size: 18px;}#returnPage a:hover, #returnPage span.linkPart:hover {  border-color: #e80;}#returnPage a.toConsulJob {  margin-left: 45px;}#returnPage a + a {  margin-left: 20px;}/* ------------ To Top Link ------------ */#toTopLink {  position: fixed;  bottom: 110px;  right: 20px;  z-index: 980;  display: none;}#toTopLink a, #toTopLink span {  cursor: pointer;  display: inline-block;  width: 60px;  height: 60px;  background: rgba(255, 255, 255, 0.8);  border: 1px solid #ddd;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}#toTopLink a, #toTopLink span:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  position: absolute;  top: -3px;  left: 50%;  margin-left: -10px;  font-size: 30px;  color: #038;}#toTopLink a, #toTopLink span:after {  position: absolute;  top: 33px;  left: 50%;  width: 40px;  margin-left: -20px;  content: "TOPへ";  font-size: 12px;  color: #222;  text-align: center;}#toTopLink a, #toTopLink span:hover {  bottom: 21px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  transition: all 0.25s ease-in-out 0s;}/* ------------ Signup Area ------------ */#globalSignupArea {  padding: 12px 10px 10px;  background: #c0d5f8;  border-radius: 3px;}#globalSignupArea .signUpArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .signUpArea .button {  margin: 10px 5px 0;  text-align: center;}#globalSignupArea .signUpArea .button .md_btn {  display: block;  padding-right: 0;  padding-left: 0;  background: #36b;  font-size: 17px;  font-weight: bold;  color: #fff;}#globalSignupArea .signUpArea .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  margin-right: 5px;  font-size: 26px;  vertical-align: middle;}#globalSignupArea .signUpArea .button .md_btn .free {  position: relative;  top: -1px;  margin-left: 5px;  font-size: 12px;  font-weight: normal;}#globalSignupArea .loginArea {  margin-top: 10px;  padding-top: 10px;  border-top: 1px solid rgba(0, 0, 0, 0.1);  line-height: 1;}#globalSignupArea .loginArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .loginArea .loginSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content {  display: none;  padding: 10px 10px 0;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  background: #fff;}#globalSignupArea .loginArea .loginSet .content .label {  font-size: 11px;  font-weight: bold;  color: #038;}#globalSignupArea .loginArea .loginSet .content .passwordSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content input[type=text],#globalSignupArea .loginArea .loginSet .content input[type=password] {  width: 100%;  height: 32px;  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label {  font-size: 12px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox] {  width: 16px;  height: 16px;  margin-right: 5px;  border-width: 1px;  border-radius: 2px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:after {  margin-top: -11px;  right: -1px;  display: inline-block;  color: #ccc;  font-size: 15px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}#globalSignupArea .loginArea .loginSet .content .button {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .button .md_btn {  background: #36b;}#globalSignupArea .loginArea .loginSet .content .subLink {  margin-top: 15px;  padding-bottom: 10px;}#globalSignupArea .loginArea .loginSet .content .subLink .secure {  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .subLink .link {  line-height: 1;}#globalSignupArea .loginArea .loginSet .content .subLink .link a {  font-size: 10px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .login .openLink {  position: relative;  display: block;  padding: 7px 0 7px 12px;  font-size: 12px;  font-weight: bold;  color: #038;  line-height: 1;  text-align: center;  background: #fff;}#globalSignupArea .loginArea .loginSet .login .openLink:before {  position: absolute;  top: 50%;  margin-top: -10px;  left: 10px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f107";  margin-right: 5px;  font-size: 20px;}#globalSignupArea .loginArea .loginSet .login .openLink:hover {  background-color: #fafafa;}#globalSignupArea .loginArea .loginSet .login .toOpen:before {  content: "\f106";}/* ------------ Mypage Summary ------------ *//* ------------ Sub Navigation Unit ------------ */.globalSubNavigationUnit {  clear: both;  margin-top: 60px;  padding: 30px 0 40px 0;  background: #038;}#site_executive .globalSubNavigationUnit {  background: transparent;  border-top: none;  box-shadow: none;}/* mini */.globalSubNavigationUnitMini {  margin-top: 15px;}.globalSubNavigationUnitMini .title .text {  display: inline-block;  padding-left: 7px;  border-left: 4px solid #c5c2b9;  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitMini .contents {  padding-top: 12px;}.globalSubNavigationUnitMini .contents .linkList .link + .link {  margin-top: 5px;}.globalSubNavigationUnitMini .contents .linkList .link a {  font-size: 11px;  text-decoration: underline;}.globalSubNavigationUnitMini .contents .linkList .link .now {  font-size: 11px;  font-weight: bold;}.globalSubNavigationUnitMini .contents > .text {  font-size: 11px;}.globalSubNavigationUnitMini .contents > .text + .text {  margin-top: 12px;}/* Big */.globalSubNavigationUnitBig {  width: 1030px;  margin: 0 auto;  padding: 15px;  background: transparent;  background-size: 180px 1px;  background-position: 0 0;  background-repeat: repeat-x;}.globalSubNavigationUnitBig .pageSet > .globalSubNavigationUnitBig {  margin: 50px 20px 0;}.globalSubNavigationUnitBig + .globalSubNavigationUnitBig {  margin-top: 15px;}.globalSubNavigationUnitBig:first-child {  border-top: none;}.globalSubNavigationUnitBig .unitBase {  width: 950px;}.globalSubNavigationUnitBig .title .text {  display: inline-block;  font-size: 14px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .title + .contents {  padding: 15px 5px 5px;}.globalSubNavigationUnitBig .contents {  overflow: hidden;}.globalSubNavigationUnitBig .contents .linkList {  padding: 0 15px;  font-size: 13px;}.globalSubNavigationUnitBig .contents .linkList .sep {  margin: 0 3px;  color: #999;}.globalSubNavigationUnitBig .contents .linkList .category {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList .category:after {  position: relative;  top: -2px;  margin: 0 6px 0 8px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 16px;  color: #999;  line-height: 1;}.globalSubNavigationUnitBig .contents .linkList a {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList a:hover {  color: #e80;}.globalSubNavigationUnitBig .contents .linkList .link a {  font-size: 12px;  text-decoration: underline;}.globalSubNavigationUnitBig .contents .linkList .link .now {  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitBig .contents .linkListVertical + .linkListVertical {  margin-top: 10px;  padding-top: 10px;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2.png) top left repeat-x;}.globalSubNavigationUnitBig .contents .linkListVertical .link {  display: inline-block;  vertical-align: middle;  margin-right: 15px;}.globalSubNavigationUnitBig .contents .linkListHorizon {  width: 43%;  float: left;}.globalSubNavigationUnitBig .contents .linkListHorizon + .linkListHorizon {  margin-left: 2%;  padding-left: 2%;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2_vertical.png) left top repeat-y;}.globalSubNavigationUnitBig .contents .linkListHorizon .link + .link {  margin-top: 5px;}.globalSubNavigationUnitBig .contents .linkTitle {  position: relative;  padding: 0 0 5px 15px;  font-weight: bold;  font-size: 13px;  color: #fff;}.globalSubNavigationUnitBig .contents .linkTitle:before {  position: absolute;  left: 2px;  top: 2px;  content: "";  width: 4px;  height: 12px;  background: #fff;}.globalSubNavigationUnitBig .contents + .contents .linkTitle {  margin-top: 15px;}.globalSubNavigationUnitBig .contents .textSet {  position: relative;  font-size: 12px;}.globalSubNavigationUnitBig .contents .textSet + .textSet {  margin-top: 20px;}.globalSubNavigationUnitBig .contents .textSet .text {  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item {  position: absolute;  top: 0;  left: 5px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item + .text {  padding-left: 2em;}.is-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.webp);}.is-no-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.png);}/* ------------ OldSiteAlert ------------ */#oldSiteAlert {  margin: 20px;}#oldSiteAlert div.content {  background-color: #fff2e2;  border: 3px solid #e67e22;}#oldSiteAlert div.content .title {  color: white;  padding: 8px 5px 8px 30px;  border-bottom: 1px solid white;  background: #e67e22 url(../../imageFile/user/icon/info_old.png) no-repeat 10px center;}#oldSiteAlert div.content .title em {  font-size: 16px;  text-decoration: none;}#oldSiteAlert div.content .oldContents {  padding: 10px 20px 20px 20px;}#oldSiteAlert div.content .oldContents ul.listed li.big {  background: url(../../imageFile/user/icon/arrow_brown_single.png) no-repeat left 7px;  padding-left: 12px;}#oldSiteAlert div.content .oldContents ul.listed li {  color: #aa6019;  font-weight: bold;  font-size: 12px;  margin-top: 10px;}#oldSiteAlert div.content .oldContents ul.listed li .pointed {  background-color: #fffaf3;  padding: 5px;  border: 1px dotted #e67e22;  line-height: 1.5;  font-weight: normal;  border-radius: 3px;  margin: 10px 10px 0;}#oldSiteAlert div.content .oldContents ul.entryIndex li {  font-weight: normal;}#oldSiteAlert div.content .oldContents ul.entryIndex li em#message {  white-space: nowrap;  padding: 5px 8px;  background: #3060b0;  border: 1px solid #3060b0;  color: #fff;  font-weight: bold;  font-size: 12px;  margin: 0 5px;  display: inline-block;  border-radius: 2px;  line-height: 1;}/* ------------ globalFooter ------------ */.globalSubNavigationUnit + #globalFooter {  margin-top: 0;}#globalFooter {  clear: both;  margin-top: 60px;  padding: 0 0 40px;  background: #fafafa;}#globalFooter .base {  text-align: center;}#globalFooter .aboutLink {  position: relative;  padding: 20px 0;  background: #027;}#globalReturnLink + #globalFooter .aboutLink {  padding-top: 65px;}#globalFooter .aboutLink .linkBase {  overflow: hidden;  width: fit-content;  max-width: 1050px;  margin: 0 auto;}#globalFooter .aboutLink .linkBase li {  float: left;  display: inline;  zoom: 1;  font-size: 11px;}#globalFooter .aboutLink .linkBase li a {  padding: 1px 10px;  border-right: 1px solid #ccc;  color: #fff;  text-decoration: none;  display: block;  text-align: center;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .enSite {  width: 927px;  margin: 0 auto;  clear: both;}#globalFooter .enSite table {  margin-top: 8px;}#globalFooter .enSite table td {  vertical-align: middle;}#globalFooter .enSite .label {  padding-left: 10px;  white-space: nowrap;}#globalFooter .enSite .label span {  display: inline-block;  padding: 7px;  border: 1px solid #ddd;  border-radius: 4px;  background: #fff;  font-size: 11px;  color: #777;}#globalFooter .enSite ul {  display: table-cell;  vertical-align: middle;  font-size: 10px;}#globalFooter .enSite ul li {  float: left;  white-space: nowrap;}#globalFooter .enSite ul li a {  display: block;  margin-left: 10px;  padding: 3px 0;  color: #666;  text-decoration: none;}#globalFooter .enSite ul li a:hover {  color: #999;}#globalFooter .en {  display: block;  margin-top: 15px;  clear: both;  text-align: center;}#globalFooter .en span {  font-size: 10px;  color: #666;}#globalFooter .en .name {  margin-right: 10px;}#globalFooter .en .cw {  font-family: Arial, Helvetica, sans-serif;}#globalFooter .copyright {  font-size: 13px;}/* ------------ globalFooter Site ------------ */.otherSiteLink {  width: 1030px;  margin: 0 auto;  text-align: center;  padding-bottom: 40px;  font-size: 12px;  text-align: center;}.otherSiteLink .enSiteVertical {  margin: 30px auto 0 auto;  width: 870px;  color: #555;  text-align: left;  font-size: 11px;}.otherSiteLink .enSiteVertical .title {  padding: 5px 10px;  background: #eee;  font-weight: bold;  color: #555;  border: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list {  overflow: hidden;  width: 870px;  padding: 10px 0;  border-bottom: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list .toggle {  float: left;  width: 180px;  margin-right: 10px;  padding-left: 15px;  font-weight: bold;  color: #555;  white-space: nowrap;}.otherSiteLink .enSiteVertical .list:hover {  background: #ffe;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle a {  color: #555;}.otherSiteLink .enSiteVertical .list .toggle a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .toggle span {  padding-right: 19px;  background: url(../../imageFile/user/global/footer_toggleRight.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span {  background: url(../../imageFile/user/global/footer_toggleRightHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeft.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeftHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .listList {  float: left;  display: none;  width: 660px;  padding-left: 10px;  border-left: 1px dotted #ccc;  color: #aaa;}.otherSiteLink .enSiteVertical .list .listList li {  padding: 0 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listList li:hover {  cursor: default;}.otherSiteLink .enSiteVertical .list .listList li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listList li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listList li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listList a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listList li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea {  position: relative;  padding: 18px 0 24px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;  letter-spacing: 0;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;  font-size: 10px;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .leftArea {  position: absolute;  top: 12px;  left: 0;  width: 130px;}.otherSiteLink .enSiteVertical .list .listListCompany li {  padding: 0 5px 5px 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listListCompany li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listListCompany li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listListCompany li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea {  position: relative;  padding: 12px 0;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .leftArea {  position: absolute;  top: 5px;  left: 0;  width: 130px;}/* ------------ Congratulation Banner ------------ */.footerCongratulationBanner {  width: 1030px;  margin: 10px auto 30px;}.footerCongratulationBanner a {  display: block;  padding: 10px 20px 10px 40px;  background: #f0f0f0;  border-radius: 3px;  vertical-align: top;}.footerCongratulationBanner a:after {  display: none;}.footerCongratulationBanner a.after {  margin-right: 10px;  width: 250px;}.footerCongratulationBanner a.after .label {  height: 20px;  line-height: 20px;  background: #ddd;  text-align: center;  font-size: 10px;  color: #333;}.footerCongratulationBanner a.after .logo {  padding-top: 8px;  height: 75px;  background: #fff;}.footerCongratulationBanner a.congrat {  position: relative;  width: 770px;  padding: 15px;  background: #f0f0f0;}.footerCongratulationBanner .title,.footerCongratulationBanner .img,.footerCongratulationBanner .button {  display: inline-block;  vertical-align: middle;  text-align: left;}.footerCongratulationBanner .button .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -2px;  margin-right: 10px;  font-size: 18px;  line-height: 1;}.footerCongratulationBanner .title {  position: relative;  top: -2px;  margin-right: 30px;  text-align: left;  line-height: 1;}.footerCongratulationBanner .title .text {  padding-top: 8px;  font-weight: bold;  color: #f90;  line-height: 1.3;  font-size: 16px;}.footerCongratulationBanner .title .nav {  margin-top: 8px;  color: #666;  font-size: 11px;}.footerCongratulationBanner .img {  padding: 5px 10px;  margin-right: 30px;  background: #fff;  border: 1px solid #e6e6e6;}.footerCongratulationBanner .img img {  border: none;}.footerCongratulationBanner a:hover {  opacity: 0.9;}/* ------------ Recommend ------------ */.recommendArea {  clear: both;  width: 1030px;  margin: 0 auto;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  /* 調整 */}.recommendArea .title {  height: 60px;  line-height: 60px;  background: #038;  color: #fff;  font-size: 18px;  font-weight: bold;  text-align: center;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.recommendArea .jobArea {  padding: 20px 0;  background: #fff;  border-radius: 0 0 3px 3px;}.recommendArea .jobList {  display: table;  width: 100%;}.recommendArea .jobList + .jobList {  border-top: 1px solid #ddd;  margin-top: 20px;  padding-top: 20px;}.recommendArea .jobList .jobKoma {  display: table-cell;  width: 33.33%;  padding: 0 20px;  vertical-align: top;  text-align: left;}.recommendArea .jobList .jobKoma + .jobKoma {  border-left: 1px solid #e6e6e6;}.recommendArea .jobList .jobKoma .linkArea {  display: block;}.recommendArea .jobList .jobKoma .linkArea:hover .name {  color: #e80;}.recommendArea .jobList .jobKoma .linkArea .name {  font-size: 12px;  color: #666;}.recommendArea .jobList .jobKoma .linkArea .name .icon {  display: inline-block;  margin-right: 5px;  height: 20px;  line-height: 21px;  padding: 0 5px;  background: #666;  color: #fff;  font-size: 11px;  border-radius: 2px;  vertical-align: middle;  font-weight: normal;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--new {  background: #ff6b6b;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--repub {  background: #1ba466;}.recommendArea .jobList .jobKoma .linkArea .catch {  margin-top: 5px;  font-size: 16px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness {  margin-top: 5px;  margin-bottom: 5px;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness .tag {  display: inline-block;  padding: 2px 7px;  font-size: 12px;  border: 1px solid #e67e22;  color: #e67e22;  background: #fff;  border-radius: 2px;}.recommendArea .jobList .jobKoma .linkArea .income {  margin-top: 5px;  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .income:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e908";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .area {  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .area:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e919";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea {  margin-top: 5px;  border-top: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet {  display: table;  width: 100%;  border-bottom: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .item {  display: table-cell;  width: 25%;  padding: 10px;  background: #F5FAFF;  font-size: 11px;  color: #038;  white-space: nowrap;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data {  display: table-cell;  padding: 10px;  font-size: 12px;  color: #222;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data .jobSummary {  padding-bottom: 5px;  font-weight: bold;}.recommendArea .jobList .jobKoma .btnArea {  position: relative;  padding: 20px 0 0;  text-align: center;}.recommendArea .jobList .jobKoma .btnArea .md_btn {  width: 140px;  padding: 0;}.recommendArea .jobList .jobKoma .btnArea .md_btn:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 5px;  font-size: 14px;  vertical-align: middle;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone {  position: absolute;  top: -15px;  left: 50%;  width: 240px;  height: 50px;  line-height: 50px;  margin-left: -120px;  background: #fff;  border: 3px solid #71c826;  color: #71c826;  font-size: 12px;  z-index: 10;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.recommendArea .jobList .jobKoma .btnArea .folderAddDone:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone em {  margin: 0 5px;  font-size: 16px;}.recommendArea.recommendJobDesc {  padding: 50px 0;  box-shadow: none;}.recommendArea.recommendJobDescModal {  width: 100%;  box-shadow: none;}.recommendArea.recommendJobDescModal .jobArea {  padding: 0;}.recommendArea.recommendIndex {  box-shadow: none;}.recommendArea .jobSearchListSet {  width: 775px;  margin: 20px auto 0;}.recommendArea .noResult {  padding: 100px 0;  text-align: center;  color: #666;  font-size: 14px;  line-height: 2;}/* ------------ Md Modal ------------ */.md_modal {  display: none;}.md_modal.show {  display: block;}.md_modal .bgLayer {  position: fixed;  display: inline-block;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 9998;  background: rgba(0, 0, 0, 0.5);}.md_modal .bgLayer:hover {  cursor: pointer;}.md_modal .modalBase {  position: fixed;  top: 50%;  margin-top: -200px;  left: 50%;  margin-left: -400px;  display: inline-block;  width: 800px;  padding: 0;  background-color: #fff;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  border-radius: 3px;  z-index: 9999;}.md_modal .modalBase .modalTitle {  height: 60px;  line-height: 66px;  background-color: #79b;  font-size: 18px;  font-weight: bold;  text-align: center;  color: #fff;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.md_modal .modalBase .modalTitle .closeBtn {  position: absolute;  display: inline-block;  top: 0;  right: 0;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal .modalBase .modalTitle .closeBtn:hover {  background: rgba(0, 0, 0, 0.05);}.md_modal .modalBase .modalContent {  padding: 30px 20px;  background-color: #fff;  text-align: center;  border-radius: 0 0 3px 3px;}.md_modal .modalBase .modalContent .copy {  font-size: 15px;}.md_modal .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_scoutCatchStart .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_scoutCatchStart .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi em {  color: #038;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea {  margin: 20px auto 0;  width: 642px;  background-color: #f3f3f3;  border-radius: 3px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listTitle {  padding: 12px 7px 7px 7px;  background-color: #888;  font-size: 13px;  font-weight: bold;  color: #fff;  border-radius: 3px 3px 0 0;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet {  padding: 20px 20px 0;  max-height: 190px;  overflow-y: auto;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList {  background-color: #fff;  border: 1px solid #ddd;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company {  padding: 15px;  font-weight: bold;  font-size: 12px;  text-align: left;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company + .company {  border-top: 1px dotted #ccc;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention {  display: inline-block;  font-size: 12px;  color: #999;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention:before {  content: "※";  margin-right: 2px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet {  padding: 20px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet .md_btn {  background-color: #fff;  color: #038;  font-size: 13px;  font-weight: bold;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea .md_btn {  display: inline-block;  margin: 0 auto;  width: auto;  background: #038;}.md_modal.modal_alert .modalBase .modalTitle {  background: #fa0;}.md_modal.modal_alert .modalBase .modalContent .alertlist {  font-size: 18px;  font-weight: bold;  width: 100%;  border: 1px solid #e6e6e6;  border-width: 1px 0;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text, .md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text {  padding: 15px 10px;  text-align: left;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f0a2";  display: inline-block;  color: #fa0;  margin-right: 7px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em {  margin: 0 5px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.fav {  color: #71C826;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.welcome {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.scout {  color: #038;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.num {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  padding: 10px;  width: 150px;  text-align: right;  background: #f9f9f9;  border-left: 1px solid #eee;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 5px;  font-size: 20px;  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist tr + tr {  border-top: 1px solid #e6e6e6;}.md_modal.modal_alert_stop .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 30px 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_stop .stopText .midashi {  font-weight: bold;}.md_modal.modal_alert_stop .stopText .midashi .attention {  color: #f55;}.md_modal.modal_alert_stop .stopText .comment {  margin-top: 20px;  font-size: 13px;}.md_modal.modal_alert_stop .btnBar {  margin: 30px -30px -30px;  padding: 13px 0;  background: #eee;  text-align: center;  z-index: 9999;  border-top: 1px solid #ddd;  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);  border-radius: 0 0 3px 3px;}.md_modal.modal_alert_stop .btnBar .notNow {  font-size: 14px;  margin-left: 20px;}.md_modal.modal_alert_stop .btnBar .notNow i {  font-size: 18px;  margin-right: 5px;  vertical-align: -0.1em;}.md_modal.modal_alert_desire .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_desire .stopText .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_desire .stopText .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_alert_desire .stopText .comment em {  font-weight: bold;  color: #f90;}.md_modal.modal_alert_desire .stopText .subComment {  margin-top: 25px;  font-size: 13px;}.md_modal.modal_alert_desire .btnArea {  margin-top: 25px;  padding: 0 100px;  text-align: center;}.md_modal.modal_alert_desire .btnArea .md_btn {  margin: 5px;  padding: 0 35px;  width: 210px;  line-height: 52px;  color: #038;  border: 3px solid #038;  background: #fff;}.md_modal.modal_alert_desire .btnArea .md_btn:hover {  color: #0042b1;  border-color: #0042b1;}.md_modal.modal_alert_company .modalBase {  margin-top: -210px;}.md_modal.modal_alert_company .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_company .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p {  font-weight: bold;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_company .modalBase .modalContent .comment p {  margin-top: 20px;  text-align: left;  font-size: 13px;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_alert_scout .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_scout .modalBase .modalContent {  padding: 30px 20px 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_scout .modalBase .modalContent .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea {  display: flex;  flex-direction: column;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet {  display: inline-block;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet .link {  font-size: 13px;}/* Modal Schedule */.modal_schedule .modalBase {  top: 50%;  left: 50%;  margin: 0;  width: 550px;  transform: translate(-50%, -50%);}.modal_schedule .modalBase .modalHeader {  height: 44px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalHeader .title {  height: 50px;  line-height: 48px;  font-size: 18px;  font-weight: bold;  color: #fff;  letter-spacing: 0.1em;  text-align: center;}.modal_schedule .modalBase .modalHeader .closeBtn {  position: absolute;  top: 0;  right: -10px;  place-content: center;  width: 44px;  height: 44px;  font-size: 26px;  color: #fff;}.modal_schedule .modalBase .modalContent {  padding: 22px 50px 35px;  background-color: #f0f0f0;  text-align: center;}.modal_schedule .modalBase .modalContent .catch {  font-size: 16px;}.modal_schedule .modalBase .modalContent .catch em {  font-size: 22px;  color: #f00;  text-decoration: underline;}.modal_schedule .modalBase .modalContent .scheduleCardList {  position: relative;  margin-top: 20px;  max-height: 358px;  overflow-y: auto;}.modal_schedule .modalBase .modalContent .scheduleCardList:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 3px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard {  background-color: #fff;  border-top: 1px solid #ddd;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap {  position: relative;  display: grid;  padding: 15px 15px 12px 34px;  width: 100%;  text-align: left;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap:before {  content: "\e905";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  top: 10px;  left: 8px;  font-size: 20px;  color: #335070;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date, .modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  line-height: 1.5;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date {  font-size: 16px;  font-weight: bold;  color: #000;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  font-size: 14px;  color: #000;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}.modal_schedule .modalBase .modalContent .button {  margin-top: 27px;}.modal_schedule .modalBase .modalContent .button .md_btn {  padding: 17px 25px 15px;  height: 100%;  line-height: 24px;  font-size: 16px;}.modal_schedule .modalBase .modalContent .caption {  display: inline-flex;  margin-top: 24px;  font-size: 12px;  color: #666;  line-height: 1.2;  text-align: left;}.modal_schedule .modalBase .modalContent .caption:before {  content: "※";}.flaotAutoEditBannerArea {  position: fixed;  bottom: 20px;  right: 100px;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard {  position: relative;  width: 300px;  background-color: #fff;  border-radius: 3px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn {  position: absolute;  top: 10px;  right: 10px;  display: grid;  place-content: center;  width: 20px;  height: 20px;  background-color: rgba(0, 0, 0, 0.1);  border-radius: 50%;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn:before {  content: "\eb15";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  font-size: 8px;  font-weight: bold;  color: #fff;}.flaotAutoEditBannerArea .floatBannerCard .catchSet {  position: relative;  padding: 30px;  height: 220px;  background: linear-gradient(141deg, #f5F8ff 6.69%, #f0f5ff 53.71%, #94b1ed 146.4%);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide img {  position: absolute;  bottom: -10px;  right: -20px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy {  font-size: 18px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy + .catch {  margin-top: 6px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch {  font-size: 22px;  color: #038;  line-height: 1.2;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch > * {  line-height: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch em {  font-size: 32px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line {  position: relative;  display: inline-block;  font-weight: bold;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line .text {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line:after {  content: "";  position: absolute;  bottom: 8px;  left: 0;  display: inline-block;  width: 100%;  height: 8px;  background-color: #f80;  z-index: 0;}.flaotAutoEditBannerArea .floatBannerCard .actionSet {  padding: 10px;  background-color: #fff;  text-align: center;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn {  padding: 0;  width: 200px;  height: 45px;  line-height: 47px;  font-size: 16px;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn:after {  content: "\f105";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: relative;  top: -1px;  padding-left: 8px;  font-size: 25px;}/* ---------- SP Panel ----------*/.spPanel {  padding: 30px 0 40px;  text-align: center;}.spPanel .spLink {  position: relative;  display: inline-block;  width: 1000px;  height: 230px;  line-height: 240px;  margin: 0 auto;  padding-left: 150px;  text-align: left;  vertical-align: middle;  background: #038;  font-size: 45px;  font-weight: bold;  color: #fff;  border-radius: 10px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  cursor: pointer;  letter-spacing: 0.1em;}.spPanel .spLink:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f10b";  position: absolute;  top: 50%;  left: 10px;  margin-top: -120px;  margin-left: 30px;  font-size: 180px;}.spPanel .spLink:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  top: 50%;  right: 30px;  margin-top: -120px;  margin-left: 25px;  font-size: 90px;}.spPanel .spLink .spTitle {  margin-right: 5px;  font-size: 65px;}/* ------------ md_pattern ------------ */.md_pattern {  border-top: 1px solid #ddd;  width: 100%;  margin: 100px auto 0;  padding: 50px 300px 150px;}.md_pattern .title {  padding: 10px;  background: #eee;  text-align: center;  font-size: 14px;  font-weight: bold;  color: #444;}.md_pattern .title [class*=icon-] {  color: #39f;}.md_pattern ul {  border: 1px solid #ddd;}.md_pattern ul li {  display: block;  background: #fff;  padding: 5px;}.md_pattern ul li + li {  border-top: dotted 1px #ccc;}.md_pattern ul li a {  position: relative;  display: block;  padding: 10px 10px 10px 25px;  font-size: 15px;  line-height: 1.5;  border-radius: 3px;}.md_pattern ul li a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  left: 10px;  top: 50%;  font-size: 20px;  line-height: 20px;  margin-top: -12px;  margin-right: 5px;  vertical-align: middle;}.md_pattern ul li a:hover {  background: #daeeff;}.md_pattern ul li.on a {  padding-right: 60px;  background: #038;  color: #fff;}.md_pattern ul li.on a:before {  color: #fff;}.md_pattern ul li.on a span {  position: absolute;  display: inline-block;  top: 50%;  margin-top: -10px;  right: 10px;  display: inline-block;  padding: 0 5px;  background: #fff;  color: #038;  font-size: 13px;  line-height: 20px;  height: 20px;  white-space: nowrap;}/*---------------------------------------- Animate.css----------------------------------------*//*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.animated {  -webkit-animation-duration: 0.7s;  animation-duration: 0.7s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}.animated.flipOutX,.animated.flipOutY {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}@-webkit-keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}@keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}@keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}@keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}@keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}@keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}@keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}@font-face {  font-family: "icon";  src: url("../user_font/icon/icon.eot?y4m0n0");  src: url("../user_font/icon/icon.eot?y4m0n0#iefix") format("embedded-opentype"), url("../user_font/icon/icon.ttf?y4m0n0&d=20240904") format("truetype"), url("../user_font/icon/icon.woff?y4m0n0") format("woff"), url("../user_font/icon/icon.svg?y4m0n0#icon") format("svg");  font-weight: normal;  font-style: normal;}i {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: "icon" !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-arrow1:before {  content: "\e900";}.icon-bag:before {  content: "\e901";}.icon-building:before {  content: "\e902";}.icon-phone2:before {  content: "\e903";}.icon-buildings:before {  content: "\e904";}.icon-calendar:before {  content: "\e905";}.icon-error_outline:before {  content: "\e906";}.icon-check:before {  content: "\e907";}.icon-coin:before {  content: "\e908";}.icon-device:before {  content: "\e909";}.icon-document:before {  content: "\e90a";}.icon-earth:before {  content: "\e90b";}.icon-english:before {  content: "\e90c";}.icon-glass:before {  content: "\e90d";}.icon-graph:before {  content: "\e90e";}.icon-holiday:before {  content: "\e90f";}.icon-arrows_top:before {  content: "\e910";}.icon-light:before {  content: "\e911";}.icon-man:before {  content: "\e912";}.icon-cancelthin:before {  content: "\e913";}.icon-mans:before {  content: "\e914";}.icon-memo:before {  content: "\e915";}.icon-pen:before {  content: "\e917";}.icon-pin:before {  content: "\e919";}.icon-resume:before {  content: "\e91a";}.icon-stamp:before {  content: "\e91b";}.icon-tie:before {  content: "\e91c";}.icon-time:before {  content: "\e91d";}.icon-quill:before {  content: "\e91f";}.icon-bullhorn2:before {  content: "\e932";}.icon-book2:before {  content: "\e937";}.icon-files-empty:before {  content: "\e93d";}.icon-file-picture:before {  content: "\e93f";}.icon-file-music:before {  content: "\e940";}.icon-file-play:before {  content: "\e941";}.icon-bell2:before {  content: "\e969";}.icon-user-tie:before {  content: "\e98e";}.icon-quotes-left:before {  content: "\e98f";}.icon-search2:before {  content: "\e99e";}.icon-attachment:before {  content: "\e9e5";}.icon-star-empty:before {  content: "\e9ef";}.icon-star-half2:before {  content: "\e9f0";}.icon-star-full:before {  content: "\e9f1";}.icon-info2:before {  content: "\ea24";}.icon-checkmark:before {  content: "\ea28";}.icon-arrow-right2:before {  content: "\ea54";}.icon-arrow-down2:before {  content: "\ea56";}.icon-xing2:before {  content: "\eaeb";}.icon-libreoffice:before {  content: "\eaf6";}.icon-css32:before {  content: "\eaf9";}.icon-female2:before {  content: "\eb03";}.icon-map:before {  content: "\eb04";}.icon-male2:before {  content: "\eb05";}.icon-postnumber:before {  content: "\eb06";}.icon-top_file:before {  content: "\eb07";}.icon-top_check:before {  content: "\eb08";}.icon-top_light:before {  content: "\eb09";}.icon-top_login:before {  content: "\eb0a";}.icon-top_logout:before {  content: "\eb0b";}.icon-top_mail:before {  content: "\eb0c";}.icon-top_news:before {  content: "\eb0d";}.icon-top_scout:before {  content: "\eb0e";}.icon-top_setting:before {  content: "\eb0f";}.icon-top_watch:before {  content: "\eb10";}.icon-job:before {  content: "\eb12";}.icon-lock:before {  content: "\eb13";}.icon-message:before {  content: "\eb14";}.icon-question:before {  content: "\eb15";}.icon-report:before {  content: "\eb16";}.icon-return:before {  content: "\eb17";}.icon-step:before {  content: "\eb18";}.icon-income:before {  content: "\eb19";}.icon-industory:before {  content: "\eb1a";}.icon-arrow:before {  content: "\eb1c";}.icon-arrow_under:before {  content: "\eb1d";}.icon-book:before {  content: "\eb1e";}.icon-people:before {  content: "\eb1f";}.icon-message1:before {  content: "\eb20";}.icon-arrow2:before {  content: "\eb21";}.icon-search1:before {  content: "\eb22";}.icon-tag1:before {  content: "\eb23";}.icon-people1:before {  content: "\eb24";}.icon-check1:before {  content: "\eb25";}.icon-icon-resume2:before {  content: "\eb26";}.icon-bubble5:before {  content: "\eb27";}.icon-flag3:before {  content: "\eb29";}.icon-flag4:before {  content: "\eb2a";}.icon-nav_scout:before {  content: "\eb2b";}.icon-building03:before {  content: "\eb2c";}.icon-home5:before {  content: "\eb2d";}.icon-search3:before {  content: "\eb2e";}.icon-star2:before {  content: "\eb2f";}.icon-filter4:before {  content: "\eb30";}.icon-search:before {  content: "\f002";}.icon-envelope-o:before {  content: "\f003";}.icon-star:before {  content: "\f005";}.icon-check2:before {  content: "\f00c";}.icon-close:before {  content: "\f00d";}.icon-trash-o:before {  content: "\f014";}.icon-download:before {  content: "\f019";}.icon-repeat:before {  content: "\f01e";}.icon-refresh:before {  content: "\f021";}.icon-tag:before {  content: "\f02b";}.icon-print:before {  content: "\f02f";}.icon-camera:before {  content: "\f030";}.icon-pencil:before {  content: "\f040";}.icon-chevron-left:before {  content: "\f053";}.icon-arrow-right:before {  content: "\f061";}.icon-plus:before {  content: "\f067";}.icon-exclamation-circle:before {  content: "\f06a";}.icon-leaf:before {  content: "\f06c";}.icon-eye:before {  content: "\f06e";}.icon-exclamation-triangle:before {  content: "\f071";}.icon-calendar2:before {  content: "\f073";}.icon-comment:before {  content: "\f075";}.icon-chevron-down:before {  content: "\f078";}.icon-comments:before {  content: "\f086";}.icon-external-link:before {  content: "\f08e";}.icon-sign-in:before {  content: "\f090";}.icon-bullhorn:before {  content: "\f0a1";}.icon-bell-o:before {  content: "\f0a2";}.icon-filter:before {  content: "\f0b0";}.icon-briefcase:before {  content: "\f0b1";}.icon-paperclip:before {  content: "\f0c6";}.icon-lightbulb-o:before {  content: "\f0eb";}.icon-file-text-o:before {  content: "\f0f6";}.icon-angle-double-right:before {  content: "\f101";}.icon-angle-double-up:before {  content: "\f102";}.icon-angle-double-down:before {  content: "\f103";}.icon-angle-left:before {  content: "\f104";}.icon-angle-right:before {  content: "\f105";}.icon-angle-up:before {  content: "\f106";}.icon-angle-down:before {  content: "\f107";}.icon-laptop:before {  content: "\f109";}.icon-mobile:before {  content: "\f10b";}.icon-quote-left:before {  content: "\f10d";}.icon-quote-right:before {  content: "\f10e";}.icon-circle:before {  content: "\f111";}.icon-sort-amount-desc:before {  content: "\f161";}.icon-thumbs-up:before {  content: "\f164";}.icon-graduation-cap:before {  content: "\f19d";}.icon-history:before {  content: "\f1da";}.icon-newspaper-o:before {  content: "\f1ea";}.icon-heartbeat:before {  content: "\f21e";}.icon-calendar-plus-o:before {  content: "\f271";}.icon-alarm:before {  content: "\e916";}.icon-upload1:before {  content: "\eb14";}.icon-close_small:before {  content: "\eb15";}.icon-download1:before {  content: "\eb16";}/* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） */abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  word-break: normal;  overflow-wrap: break-word;  word-wrap: break-word;}/* ------------ Advice ------------ */#editAdviceLink {  margin: 80px auto 0;  background: #fafafa;  border: 1px solid #e3e0d7;  border-radius: 2px;}#editAdviceLink .title {  position: relative;  padding: 0 10px 15px;  background: #f3f0e6;  border-bottom: 1px solid #e3e0d7;}#editAdviceLink .title .text {  padding: 15px 10px 0;  font-size: 15px;  font-weight: bold;  color: #038;  border-top: 4px solid #038;  text-align: center;}#editAdviceLink .content {  padding: 0 10px 10px;}#editAdviceLink .content .adviceUnitList {  margin-top: 10px;}#editAdviceLink .content .adviceUnitList .adviceUnit {  display: inline-block;  vertical-align: top;  width: 50%;  min-height: 52px;  padding: 10px 10px 6px;  background: url(../../imageFile/user/global/line_dot_1px_aaa_pitch2.png) 0 top repeat-x;}#editAdviceLink .content .adviceUnitList .adviceUnit:hover {  background-color: #ffe;}#editAdviceLink .content .adviceUnitList .adviceUnit:first-child,#editAdviceLink .content .adviceUnitList .adviceUnit:nth-child(2) {  background-image: none;}#editAdviceLink .content .adviceUnitList .adviceUnit:nth-child(odd) {  border-right: 1px dotted #ccc;}#editAdviceLink .content .adviceUnitList .adviceUnit a {  color: #149;}#editAdviceLink .content .adviceUnitList .adviceUnit .photo,#editAdviceLink .content .adviceUnitList .adviceUnit .textSet {  display: inline-block;  vertical-align: top;}#editAdviceLink .content .adviceUnitList .adviceUnit .photo {  width: 50px;}#editAdviceLink .content .adviceUnitList .adviceUnit .textSet {  width: 305px;  margin-top: 5px;  padding-left: 8px;}#editAdviceLink .content .adviceUnitList .adviceUnit .textSet .subject {  font-size: 14px;  font-weight: bold;  color: #149;  line-height: 1;}#editAdviceLink .content .adviceUnitList .adviceUnit .textSet .copy {  margin-top: 8px;  font-size: 12px;}#editAdviceLink .content .adviceUnitList .adviceUnit.empty:hover {  background-color: inherit;}/*sites*/#site_global #editAdviceLink .title .text {  color: #f70;  border-color: #f92;}#site_highClass #editAdviceLink .title .text {  color: #036;  border-color: #036;}#site_executive #editAdviceLink .title .text {  color: #652;  border-color: #a96;}/* ------------ SnsArea ------------ */.editSnsArea {  margin-top: 25px;  padding: 0 0 15px;  text-align: center;}.editSnsArea .snsBase .btn {  display: inline-block;  vertical-align: bottom;  line-height: 0.8;}.editSnsArea .snsBase .btn + .btn {  margin-left: 16px;}.editSnsArea .snsBase .btn.fb { /*position: relative; top: -5px;*/ }.editSnsArea .snsBase .btn .pocket-btn {  position: relative;  top: 8px;}/* ------------ pagination ------------ */.md_pagination {  margin-top: 40px;  text-align: center;}.md_pagination ul {  display: inline-block;}.md_pagination ul li {  display: inline-block;}.md_pagination ul li .page {  position: relative;  display: inline-block;  margin-right: 6px;  padding: 7px 9px;  border: 1px solid #d0d0d0;  border-radius: 2px;  font-size: 12px;  font-weight: bold;  line-height: 1;  color: #333;  background-color: #fafafa;  cursor: pointer;}.md_pagination ul li a.page:hover {  background: #eee;}.md_pagination ul li span.page {  background: #ddd;  cursor: default;}.md_pagination ul .prevBtn .page,.md_pagination ul .nextBtn .page {  padding: 8px 12px;}.md_pagination ul .prevBtn .page {  margin-right: 16px;}.md_pagination ul .nextBtn .page {  margin-left: 10px;}/* ------------ Login Double Form ------------ */#loginDoubleForm {  margin-top: 40px;}#loginDoubleForm .navCopy {  font-size: 20px;  font-weight: bold;  text-align: center;}#loginDoubleForm .navCopy em {  margin-right: 3px;  color: #e80;}#loginDoubleForm .formUnitArea {  margin-top: 30px;}#loginDoubleForm .formUnitArea .formUnit {  display: inline-block;  width: 48.5%;  background-color: #fff;  vertical-align: top;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#loginDoubleForm .formUnitArea .formUnit + .formUnit {  margin-left: 3%;}#loginDoubleForm .formUnitArea .formUnit .unitTitle {  height: 50px;  line-height: 52px;  background-color: #038;  font-size: 18px;  font-weight: bold;  color: #fff;  text-align: center;  border-radius: 3px 3px 0 0;}#loginDoubleForm .formUnitArea .formUnit .unitContent {  padding: 20px 30px;}#loginDoubleForm .formUnitArea .formUnit .unitContent .btn {  text-align: center;}#loginDoubleForm .formUnitArea .formUnit .unitContent .btn .md_btn {  width: 200px;}#loginDoubleForm .formUnitArea .formUnit.signup .unitContent {  padding-top: 30px;}#loginDoubleForm .formUnitArea .formUnit.signup .unitContent .catchSet {  height: 110px;  text-align: center;}#loginDoubleForm .formUnitArea .formUnit.signup .unitContent .catchSet .catch {  font-size: 17px;  font-weight: bold;  color: #038;}#loginDoubleForm .formUnitArea .formUnit.signup .unitContent .catchSet .copy {  margin-top: 30px;  font-size: 15px;  line-height: 1.5;}#loginDoubleForm .formUnitArea .formUnit.signup .unitContent .btn {  margin-top: 25px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent {  text-align: center;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet {  display: inline-block;  height: 110px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .input + .input {  margin-top: 10px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .input .label {  display: inline-block;  vertical-align: middle;  width: 160px;  margin-right: 6px;  font-size: 14px;  font-weight: bold;  text-align: right;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .input input {  width: 250px;  height: 36px;  font-size: 13px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .forget {  text-align: right;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .forget a {  font-size: 11px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .inputSet .forget a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -1px;  margin-right: 5px;  vertical-align: middle;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin {  font-size: 11px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin input {  display: none;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin label {  cursor: pointer;  position: relative;  display: inline-block;  height: 30px;  line-height: 30px;  padding-left: 26px;  font-size: 12px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin label:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\ea28";  position: absolute;  top: 50%;  left: 0;  width: 18px;  height: 18px;  margin-top: -10px;  background: #ddd;  border: 1px solid #ddd;  font-size: 12px;  font-weight: normal;  line-height: 18px;  color: #fff;  text-align: center;  border-radius: 2px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin label .mini {  margin-left: 5px;  font-size: 11px;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin label .mini:before {  content: "(";}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin label .mini:after {  content: ")";}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .autoLogin input:checked + label:before {  background: #fff;  color: #f90;}#loginDoubleForm .formUnitArea .formUnit.login .unitContent .btn {  margin-top: 5px;}/*---------------------------------------- Reset----------------------------------------*/* {  box-sizing: border-box;  line-height: 1.5;}abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font-style: normal;  vertical-align: baseline;  word-break: break-all;  word-wrap: normal;  -webkit-text-size-adjust: 100%;  text-align: inherit;}body {  line-height: 1;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;  color: #333;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}ol, ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:after, blockquote:before, q:after, q:before {  content: "";  content: none;}a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;  text-decoration: none;  color: #4477e0;}a:focus {  outline: 0;}a:active, a:hover {  outline: 0;  color: #e80;}del {  text-decoration: line-through;}table {  width: 100%;  border-collapse: collapse;  border-spacing: 0;}input, select {  vertical-align: middle;}img {  border: 0;  vertical-align: bottom;  max-width: 100%;}button, input, select, textarea {  -webkit-appearance: none;  outline: none;}button {  padding: 0;  background: #fff;  border: none;  cursor: pointer;  font-family: inherit;}em, strong {  font-style: normal;  font-weight: bold;}/*---------------------------------------- Module----------------------------------------*//* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） *//* ------------ Var ------------ *//* ------------ Font Montserrat(件数の数字などに使用中) ------------ */@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: normal;  src: url("../user_font/Montserrat/Montserrat-Regular.eot");  src: url("../user_font/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Regular.woff") format("woff");}@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: bold;  src: url("../user_font/Montserrat/Montserrat-Bold.eot");  src: url("../user_font/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Bold.woff") format("woff");}/* ------------ Base ------------ */body {  background: #d6e3f0;  min-width: 1030px;  letter-spacing: 0.04em;}.pageSet,.wrap {  width: 1030px;  margin: 0 auto;}span.linkPart {  color: #4477e0;}span.linkPart:hover {  color: #e80;  transition: all 0.25s ease-in-out 0s;}.linkPart.md_btn {  color: #fff;}.linkPart.md_btn:hover {  color: #fff;}.linkPart.md_btn--white {  color: #038;}.linkPart.md_btn--white:hover {  color: #038;}.js_linkBtn:hover, .linkPart:hover, .linkSpan:hover {  cursor: pointer;}a:hover {  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}/* ------------ UI kit 用 あとで消す ------------ */#uiHeader {  display: block;  height: 60px;  width: 100%;  padding: 0 30px;  z-index: 9999;  background-color: #fff;  border-bottom: 1px solid #dcdcdc;}#uiHeader .title {  font-size: 18px;  font-weight: bold;  color: #222;  line-height: 60px;}#uiHeader .copy {  position: absolute;  top: 0;  right: 40px;  line-height: 60px;  font-size: 13px;  color: #666;}#uiHeader .link {  position: absolute;  top: 0;  right: 40px;}#uiHeader .link a {  position: relative;  display: inline-block;  vertical-align: middle;  line-height: 60px;  font-family: "Montserrat";  font-size: 13px;  font-weight: bold;  color: #666;}#uiHeader .link a:before {  position: relative;  top: -2px;  display: inline-block;  font-family: FontAwesome;  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 14px;  line-height: 20px;  margin-right: 5px;  vertical-align: middle;}#uiHeader .link a:hover {  color: #222;}#uiHeader .link a + a {  margin-left: 25px;}/* ------------ pagination ------------ */.md_pagination {  margin-top: 20px;  text-align: center;}.md_pagination .btnList {  display: inline-block;  vertical-align: middle;}.md_pagination .btnList .btn {  display: inline-block;  background: #fff;}.md_pagination .btnList .btn a,.md_pagination .btnList .btn span,.md_pagination .btnList .btn .now {  position: relative;  display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  font-size: 13px;  color: #333;  text-align: center;  vertical-align: middle;  font-weight: normal;  cursor: pointer;}.md_pagination .btnList .btn + .btn {  border-left: 1px solid #ddd;}.md_pagination .btnList .btn .now {  background: #038;  color: #fff;  cursor: default;}.md_pagination .btnList .btn a:hover {  background: #eee;}.md_pagination .btnList .btn span {  pointer-events: none;}.md_pagination .btnList .btn .now {  background: #038;  cursor: default;}.md_pagination .btnList .btn.prev {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next {  border-radius: 0 3px 3px 0;}.md_pagination .btnList .btn.prev a,.md_pagination .btnList .btn.next a {  width: auto;  padding: 0 8px;}.md_pagination .btnList .btn.prev a {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next a {  border-radius: 0 3px 3px 0;}/* ------------ List Number ------------ */.md_listNum {  margin-top: 20px;  padding-left: 6px;  font-size: 15px;}.md_listNum .type {  margin: 0 4px;  font-size: 15px;  color: #e80;}.md_listNum .num {  margin: 0 5px;  font-size: 20px;  font-family: "Montserrat";  font-weight: bold;  color: #038;}.md_listNum .jobNum {  margin-left: 10px;}/* ------------ Tab------------ */.md_tab {  line-height: 1;  text-align: left;}.md_tab:after {  content: "";  display: block;  height: 3px;  width: 100%;  background: #038;}.md_tab .pageTitle {  display: inline-block;  padding: 0 15px;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.1em;}.md_tab .sortButton {  display: inline-block;  vertical-align: middle;}.md_tab .sortButton .sort {  display: inline-block;  height: 50px;  line-height: 52px;  padding: 0 30px;  margin-left: 10px;  font-size: 15px;  color: #222;  border-radius: 3px 3px 0 0;  background: rgba(255, 255, 255, 0.5);}.md_tab .sortButton .sort:hover {  background: rgb(255, 255, 255);}.md_tab .sortButton .sort .num {  display: inline-block;  margin-left: 10px;  min-width: 24px;  max-width: 34px;  padding: 0 3px;  height: 24px;  line-height: 24px;  background: #f00;  color: #fff;  font-size: 12px;  font-weight: normal;  border-radius: 2px;  text-align: center;  vertical-align: middle;}.md_tab .sortButton .selected {  position: relative;  background: #038;  font-weight: bold;  text-decoration: none;  color: #fff;}.md_tab .sortButton .selected:hover {  opacity: 1;  background: #038;}.md_tab .sortButton .dead {  position: relative;  background: #ddd;  color: #999;}.md_tab .sortButton .dead:hover {  opacity: 1;}.md_tab .sortButton .copy {  position: absolute;  top: -15px;  left: 50%;  width: 200px;  margin-left: -90px;  color: #f33;  font-size: 11px;}/* ------------ btn ------------ */.md_btn {  position: relative;  display: inline-block;  padding: 0 40px;  box-sizing: border-box;  height: 54px;  line-height: 56px;  font-size: 20px;  background: #038;  color: #fff;  border-radius: 3px;  font-weight: bold;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  text-align: center;}.md_btn:hover {  top: -1px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  background: #0042b1;}.md_btn:active {  top: 1px;  box-shadow: none;}.md_btn.md_btn--min {  padding: 0 20px;  height: 38px;  line-height: 40px;  font-size: 14px;  letter-spacing: 0;  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);}.md_btn.md_btn--big {  padding: 0 60px;  height: 70px;  line-height: 72px;  font-size: 22px;  letter-spacing: 0.2em;  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}.md_btn.md_btn--green {  background: #71C826;}.md_btn.md_btn--green:hover {  background: #83d938;}.md_btn.md_btn--orange {  background: #f90;}.md_btn.md_btn--orange:hover {  background: #ffa724;}.md_btn.md_btn--white {  background: #fff;  color: #038;}.md_btn.md_btn--white:hover {  background: #eee;}.md_btn.md_btn--gray {  top: 0;  background: #aaa !important;  box-shadow: none !important;}input.md_btn {  border: none;  cursor: pointer;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}/*---------------------------------------- Popup----------------------------------------*/#popupHeader {  position: fixed;  top: 0;  left: 0;  right: 0;  width: 100%;  padding: 0 20px;  height: 50px;  line-height: 50px;  background: #bdcee0;  text-align: center;  border-bottom: 1px solid #adbdce;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);  color: #222;  text-align: left;  z-index: 9990;}#popupHeader .logo a {  color: #222;  line-height: 50px;}#popupHeader .closeBtn {  position: absolute;  right: 0;  top: 0;}#popupHeader .closeBtn a {  display: block;  width: 50px;  height: 50px;  line-height: 50px;  text-align: center;  font-size: 30px;  color: #222;}#popupHeader .closeBtn a:hover {  background: rgba(0, 0, 0, 0.05);}.popPageSet {  padding: 70px 0 40px;}#popupFooter {  padding: 20px 0;  text-align: center;}#popupFooter .copyright {  font-size: 11px;  color: #222;  letter-spacing: 0;}/* ------------ Header ------------ */#header {  padding-top: 10px;  background-color: #fff;  border-bottom: 1px solid #e8e8e8;}#header .wrap {  width: 1030px;  margin: 0 auto;}#header .wrap .logoArea {  position: relative;  text-align: left;}#header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.4em;}#header .wrap .logoArea .logo img {  height: 35px;}#header .wrap .logoArea .functionList {  position: absolute;  top: -10px;  right: 0;  display: flex;  display: -webkit-flex;  text-align: center;}#header .wrap .logoArea .functionList .function {  position: relative;  width: 80px;  height: 74px;  border: 1px solid #ddd;  border-top: none;}#header .wrap .logoArea .functionList .function + .function {  border-left: none;}#header .wrap .logoArea .functionList .function a {  display: block;}#header .wrap .logoArea .functionList .function a:hover .text {  color: #f90;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on {  background: #4e74b4;  border: none;}#header .wrap .logoArea .functionList .function.on:before {  color: #fff;}#header .wrap .logoArea .functionList .function.on:hover {  background: #5e86ca;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on .text, #header .wrap .logoArea .functionList .function.on:hover .text {  color: #fff;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function:before {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 1px;  left: 50%;  margin-left: -13px;  content: "";  font-size: 28px;  color: #4e74b4;}#header .wrap .logoArea .functionList .function.function--resume:before {  content: "\e90a";  top: 1px;}#header .wrap .logoArea .functionList .function.function--resume.alert .text {  padding-top: 40px;}#header .wrap .logoArea .functionList .function.function--resume.alert .alert {  position: absolute;  bottom: 5px;  left: 17px;  display: block;  width: 47px;  height: 18px;  line-height: 19px;  background: #f66;  color: #fff;  font-size: 11px;  border-radius: 3px;}#header .wrap .logoArea .functionList .function.function--logout:before {  content: "\eb0b";}#header .wrap .logoArea .functionList .function.function--logout .text {  padding: 0;  margin-top: 50px;}#header .wrap .logoArea .functionList .function.function--logout a {  display: inline;}#header .wrap .logoArea .functionList .function.function--login:before {  content: "\eb0a";}#header .wrap .logoArea .functionList .function.function--signup:before {  content: "\e912";}#header .wrap .logoArea .functionList .function.function--setting:before {  content: "\eb0f";}#header .wrap .logoArea .functionList .function .text {  position: relative;  display: inline-block;  padding-top: 50px;  font-size: 11px;  line-height: 0.6;  color: #666;}#header .wrap .logoArea .toHigh {  position: absolute;  right: 259px;  top: 2px;  display: inline-block;  padding: 10px 30px 8px 20px;  background: #f4f4ec;  border: 1px solid #ddd;}#header .wrap .logoArea .toHigh .textSet {  position: relative;}#header .wrap .logoArea .toHigh .textSet:before {  position: absolute;  content: "";  left: -20px;  top: 8px;  bottom: 8px;  width: 3px;  background: #003;}#header .wrap .logoArea .toHigh .textSet:after {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 50%;  margin-top: -20px;  right: -20px;  content: "\f105";  font-size: 24px;  color: #003;}#header .wrap .logoArea .toHigh .mini {  color: #003;  font-size: 11px;  letter-spacing: 0.36em;}#header .wrap .logoArea .toHigh .main {  color: #003;  font-size: 13px;  font-weight: bold;  letter-spacing: 0.15em;}#header .wrap .logoArea .toHigh:hover {  opacity: 0.7;}#header .wrap .navArea {  position: relative;  margin-top: 40px;}#header .wrap .navArea .menuList {  display: flex;  justify-content: space-between;  width: 100%;  letter-spacing: 0.2em;}#header .wrap .navArea .menuList .menu {  position: relative;  display: block;  width: auto;  padding: 0 12px 15px;  text-align: center;  color: #222;  font-size: 15px;  cursor: pointer;}#header .wrap .navArea .menuList .menu.on:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;}#header .wrap .navArea .menuList .menu:hover:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .navArea .menuList .menu .num {  display: inline-block;  margin-left: 5px;  padding: 0 6px;  color: #fff;  background: #f00;  height: 22px;  line-height: 22px;  font-size: 14px;  font-weight: bold;  text-align: center;  border-radius: 20px;  letter-spacing: 0em;}#header .wrap .navArea .menuList .menu .num.max:after {  content: "+";  position: relative;}#header .wrap .navArea .menuList .link {  display: block;  color: #222;}#header .wrap .navArea .menuList .hideMenu {  position: absolute;  width: 200px;  top: 22px;  left: 50%;  margin-left: -105px;  padding: 10px 5px 5px;  z-index: 500;  display: none;}#header .wrap .navArea .menuList .hideMenu .subList {  position: relative;  display: block;  background: #fff;  border: 1px solid #e6e6e6;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);  text-align: left;}#header .wrap .navArea .menuList .hideMenu .subList:before,#header .wrap .navArea .menuList .hideMenu .subList:after {  position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 10px solid transparent;  border-bottom: 10px solid #fff;  border-right: 10px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#header .wrap .navArea .menuList .hideMenu .subList:before {  border-bottom-color: rgba(0, 0, 0, 0.7);}#header .wrap .navArea .menuList .hideMenu .subList .sub + .sub {  border-top: 1px solid #e6e6e6;}#header .wrap .navArea .menuList .hideMenu .subList .sub a {  display: block;  padding: 18px 10px 16px 20px;  font-size: 14px;  color: #149;  letter-spacing: 0.1em;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 8px;  font-size: 16px;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:hover {  background: #cde;}#header.renew_header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.15em;}/* ------------ Alert Area ------------ */#alertArea {  position: relative;}#alertArea .close {  position: absolute;  display: block;  width: 60px;  height: 50px;  line-height: 50px;  right: 0;  top: 50%;  margin-top: -25px;  color: #fff;  text-align: center;  font-size: 30px;}#alertArea .alert {  width: 1030px;  margin: 0 auto;  position: relative;  padding: 5px 130px 5px 30px;}#alertArea .alert .text {  color: #fff;  font-size: 15px;  text-indent: -15px;}#alertArea .alert .text:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e90a";  margin-right: 5px;  font-size: 26px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min {  position: absolute;  right: 0;  top: 50%;  margin-top: -20px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -3px;  margin-right: 10px;  font-size: 16px;}#alertArea.alert--service {  background: #ffe;  border-bottom: 1px solid #eee;}#alertArea.alert--service .close {  color: #888;}#alertArea.alert--service .text {  color: #038;}#alertArea.alert--service .md_btn {  border: 1px solid #ddd;}#alertArea.alert--history {  background: #f66;}/* ------------ Page Title ------------ */#globalPageTitle {  position: relative;  width: 1030px;  margin: 40px auto;  border-bottom: 3px solid #038;}#globalPageTitle .titleArea {  padding: 10px 15px 20px;}#globalPageTitle .titleArea .title, #globalPageTitle .titleArea .copy {  display: inline-block;  vertical-align: middle;  line-height: 1;}#globalPageTitle .titleArea .title {  font-size: 20px;  color: #222;  letter-spacing: 0.1em;}#globalPageTitle .titleArea .copy {  margin-left: 20px;  font-size: 14px;}/* ------------ Page Copy ------------ */#globalPageCopy {  padding: 40px 0;  text-align: center;}#globalPageCopy .catch {  font-size: 22px;  font-weight: bold;  letter-spacing: 0.1em;}#globalPageCopy .catch em {  color: #f70;}#globalPageCopy .sub {  margin-top: 10px;  font-size: 18px;  font-weight: normal;  letter-spacing: 0em;}#globalPageCopy .alert {  margin-top: 20px;  padding: 20px;  color: #f00;  font-size: 18px;  font-weight: bold;  background: #fdd;  border-radius: 10px;}#globalPageCopy .alert:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f06a";  margin-right: 5px;  top: -3px;  font-size: 24px;}#globalPageCopy .alert .sub {  padding: 20px;  background: #fff;  color: #222;  border-radius: 5px;}/* ------------ Pankuzu ------------ */#globalPankuzu {  padding: 4px 0 3px;  background: #fff;  position: relative;}#globalPankuzu .pankuzuList {  position: relative;  padding: 0 8px;}#globalPankuzu .pankuzuList .pankuzu {  display: inline-block;  vertical-align: middle;  font-size: 11px;}#globalPankuzu .pankuzuList .pankuzu + .pankuzu:before {  content: ">";  display: inline-block;  margin: 0 5px;  color: #222;  vertical-align: middle;}#globalPankuzu .pankuzuList .pankuzu a {  color: #999;}#globalPankuzu .pankuzuList .pankuzu a:hover {  color: #e80;}#globalPankuzu .pankuzuList .pankuzu .now {  font-weight: normal;  color: #222;}#globalPankuzu .about {  position: absolute;  right: 0;  top: 50%;  margin-top: -6px;}#globalPankuzu .about .text {  height: 12px;  line-height: 12px;  font-size: 11px;  font-weight: normal;  color: #000;}/* ------------ Form ------------ */input[type=text],input[type=email],input[type=tel],input[type=password],select {  height: 48px;  padding: 0 15px;  background: #fcfcfc;  border: 1px solid #ddd;  font-size: 15px;  border-radius: 4px;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}select {  padding-right: 26px;  background: url(../../imageFile/user/global/global_select_arrow.png) right center no-repeat #fcfcfc;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}select::-ms-expand {  display: none;}textarea {  display: block;  border-radius: 4px;  padding: 15px;  border: 1px solid #ddd;  font-size: 15px;  line-height: 1.5;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {  border-color: rgb(86, 180, 239);}input[type=text]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled {  border-color: #ddd;  background: #eee;}.imeOff {  ime-mode: disabled;}.md_checkUnit label {  cursor: pointer;  vertical-align: middle;}.md_checkUnit label input[type=checkbox] {  border: 2px solid #ccc;  position: relative;  margin-right: 10px;  border-radius: 4px;  width: 22px;  height: 22px;  background: #eee;  vertical-align: middle;  cursor: pointer;}.md_checkUnit label input[type=checkbox]::after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f00c";  position: absolute;  top: 50%;  margin-top: -16px;  right: -3px;  display: inline-block;  color: #ccc;  font-size: 22px;}.md_checkUnit label input[type=checkbox]:checked {  position: relative;  background: #fff;}.md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}.md_txtCounter {  margin-top: 5px;  padding: 0 3px;  font-size: 12px;  text-align: right;  line-height: 1;}.md_txtCounter .count em {  margin-right: 3px;  font-size: 14px;  font-weight: bold;  color: #f90;}.md_txtCounter .holder:before {  content: "/";  margin: 0 5px;}.md_txtCounter .holder em {  margin-right: 3px;}.errorForm {  background-color: #fdd !important;}/* Error */.errorBase {  padding: 20px 20px 17px;  background-color: #ffe6e6;  border: 1px solid #f33;  border-radius: 3px;}.errorBase .catch {  font-size: 16px;  font-weight: bold;  color: #f33;  line-height: 1;}.errorBase .catch:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f071";  margin-right: 6px;  font-size: 20px;}.errorBase .causeList {  margin-top: 15px;}.errorBase .causeList .cause {  font-size: 14px;  line-height: 1;  text-indent: -21px;  padding-left: 21px;}.errorBase .causeList .cause:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\ea54";  margin-right: 5px;  color: #f33;  width: 16px;  text-indent: 0;}/* ------------ Return Link ------------ */#globalReturnLink {  min-height: 1.3em;  position: relative;  margin-top: 40px;  text-align: center;  z-index: 2;}#globalReturnLink .base {  width: 1030px;  margin: 0 auto;}#globalReturnLink .base:after {  clear: both;  display: block;  content: "";  height: 0;  line-height: 0;}#globalReturnLink .return {  position: relative;  top: 0;  left: 63px;  display: inline-block;  padding-left: 18px;  background: url(../../imageFile/user/global/return.png) left 2px no-repeat;  font-size: 13px;}#globalReturnLink .return:hover {  background-position: left -111px;}#globalReturnLink .pageTop {  position: relative;  top: 45px;  float: right;}#globalReturnLink .pageTop a {  display: inline-block;  height: 45px;  padding: 0 13px;  background: #fff;  line-height: 45px;  color: #222;  letter-spacing: 0.2em;}#globalReturnLink .pageTop a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  top: -1px;  margin-right: 6px;  font-size: 18px;}#globalReturnLink .pageTop a:hover {  color: #f90;}#globalReturnLink .pageTop a:hover:before {  border-bottom-color: #f90;}/* ------------ returnPage ------------ */#returnPage {  margin-top: 90px;  text-align: center;}#returnPage a, #returnPage span.linkPart {  margin: 0 10px;  display: inline-block;  padding: 0 5px 6px;  border-bottom: 3px solid #4477e0;  font-size: 17px;  font-weight: bold;  line-height: 1;  letter-spacing: 0.15em;  vertical-align: top;  cursor: pointer;}#returnPage a:before, #returnPage span.linkPart:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f053";  top: -1px;  margin-right: 10px;  font-size: 18px;}#returnPage a:hover, #returnPage span.linkPart:hover {  border-color: #e80;}#returnPage a.toConsulJob {  margin-left: 45px;}#returnPage a + a {  margin-left: 20px;}/* ------------ To Top Link ------------ */#toTopLink {  position: fixed;  bottom: 110px;  right: 20px;  z-index: 980;  display: none;}#toTopLink a, #toTopLink span {  cursor: pointer;  display: inline-block;  width: 60px;  height: 60px;  background: rgba(255, 255, 255, 0.8);  border: 1px solid #ddd;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}#toTopLink a, #toTopLink span:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  position: absolute;  top: -3px;  left: 50%;  margin-left: -10px;  font-size: 30px;  color: #038;}#toTopLink a, #toTopLink span:after {  position: absolute;  top: 33px;  left: 50%;  width: 40px;  margin-left: -20px;  content: "TOPへ";  font-size: 12px;  color: #222;  text-align: center;}#toTopLink a, #toTopLink span:hover {  bottom: 21px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  transition: all 0.25s ease-in-out 0s;}/* ------------ Signup Area ------------ */#globalSignupArea {  padding: 12px 10px 10px;  background: #c0d5f8;  border-radius: 3px;}#globalSignupArea .signUpArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .signUpArea .button {  margin: 10px 5px 0;  text-align: center;}#globalSignupArea .signUpArea .button .md_btn {  display: block;  padding-right: 0;  padding-left: 0;  background: #36b;  font-size: 17px;  font-weight: bold;  color: #fff;}#globalSignupArea .signUpArea .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  margin-right: 5px;  font-size: 26px;  vertical-align: middle;}#globalSignupArea .signUpArea .button .md_btn .free {  position: relative;  top: -1px;  margin-left: 5px;  font-size: 12px;  font-weight: normal;}#globalSignupArea .loginArea {  margin-top: 10px;  padding-top: 10px;  border-top: 1px solid rgba(0, 0, 0, 0.1);  line-height: 1;}#globalSignupArea .loginArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .loginArea .loginSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content {  display: none;  padding: 10px 10px 0;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  background: #fff;}#globalSignupArea .loginArea .loginSet .content .label {  font-size: 11px;  font-weight: bold;  color: #038;}#globalSignupArea .loginArea .loginSet .content .passwordSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content input[type=text],#globalSignupArea .loginArea .loginSet .content input[type=password] {  width: 100%;  height: 32px;  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label {  font-size: 12px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox] {  width: 16px;  height: 16px;  margin-right: 5px;  border-width: 1px;  border-radius: 2px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:after {  margin-top: -11px;  right: -1px;  display: inline-block;  color: #ccc;  font-size: 15px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}#globalSignupArea .loginArea .loginSet .content .button {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .button .md_btn {  background: #36b;}#globalSignupArea .loginArea .loginSet .content .subLink {  margin-top: 15px;  padding-bottom: 10px;}#globalSignupArea .loginArea .loginSet .content .subLink .secure {  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .subLink .link {  line-height: 1;}#globalSignupArea .loginArea .loginSet .content .subLink .link a {  font-size: 10px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .login .openLink {  position: relative;  display: block;  padding: 7px 0 7px 12px;  font-size: 12px;  font-weight: bold;  color: #038;  line-height: 1;  text-align: center;  background: #fff;}#globalSignupArea .loginArea .loginSet .login .openLink:before {  position: absolute;  top: 50%;  margin-top: -10px;  left: 10px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f107";  margin-right: 5px;  font-size: 20px;}#globalSignupArea .loginArea .loginSet .login .openLink:hover {  background-color: #fafafa;}#globalSignupArea .loginArea .loginSet .login .toOpen:before {  content: "\f106";}/* ------------ Mypage Summary ------------ *//* ------------ Sub Navigation Unit ------------ */.globalSubNavigationUnit {  clear: both;  margin-top: 60px;  padding: 30px 0 40px 0;  background: #038;}#site_executive .globalSubNavigationUnit {  background: transparent;  border-top: none;  box-shadow: none;}/* mini */.globalSubNavigationUnitMini {  margin-top: 15px;}.globalSubNavigationUnitMini .title .text {  display: inline-block;  padding-left: 7px;  border-left: 4px solid #c5c2b9;  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitMini .contents {  padding-top: 12px;}.globalSubNavigationUnitMini .contents .linkList .link + .link {  margin-top: 5px;}.globalSubNavigationUnitMini .contents .linkList .link a {  font-size: 11px;  text-decoration: underline;}.globalSubNavigationUnitMini .contents .linkList .link .now {  font-size: 11px;  font-weight: bold;}.globalSubNavigationUnitMini .contents > .text {  font-size: 11px;}.globalSubNavigationUnitMini .contents > .text + .text {  margin-top: 12px;}/* Big */.globalSubNavigationUnitBig {  width: 1030px;  margin: 0 auto;  padding: 15px;  background: transparent;  background-size: 180px 1px;  background-position: 0 0;  background-repeat: repeat-x;}.globalSubNavigationUnitBig .pageSet > .globalSubNavigationUnitBig {  margin: 50px 20px 0;}.globalSubNavigationUnitBig + .globalSubNavigationUnitBig {  margin-top: 15px;}.globalSubNavigationUnitBig:first-child {  border-top: none;}.globalSubNavigationUnitBig .unitBase {  width: 950px;}.globalSubNavigationUnitBig .title .text {  display: inline-block;  font-size: 14px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .title + .contents {  padding: 15px 5px 5px;}.globalSubNavigationUnitBig .contents {  overflow: hidden;}.globalSubNavigationUnitBig .contents .linkList {  padding: 0 15px;  font-size: 13px;}.globalSubNavigationUnitBig .contents .linkList .sep {  margin: 0 3px;  color: #999;}.globalSubNavigationUnitBig .contents .linkList .category {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList .category:after {  position: relative;  top: -2px;  margin: 0 6px 0 8px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 16px;  color: #999;  line-height: 1;}.globalSubNavigationUnitBig .contents .linkList a {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList a:hover {  color: #e80;}.globalSubNavigationUnitBig .contents .linkList .link a {  font-size: 12px;  text-decoration: underline;}.globalSubNavigationUnitBig .contents .linkList .link .now {  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitBig .contents .linkListVertical + .linkListVertical {  margin-top: 10px;  padding-top: 10px;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2.png) top left repeat-x;}.globalSubNavigationUnitBig .contents .linkListVertical .link {  display: inline-block;  vertical-align: middle;  margin-right: 15px;}.globalSubNavigationUnitBig .contents .linkListHorizon {  width: 43%;  float: left;}.globalSubNavigationUnitBig .contents .linkListHorizon + .linkListHorizon {  margin-left: 2%;  padding-left: 2%;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2_vertical.png) left top repeat-y;}.globalSubNavigationUnitBig .contents .linkListHorizon .link + .link {  margin-top: 5px;}.globalSubNavigationUnitBig .contents .linkTitle {  position: relative;  padding: 0 0 5px 15px;  font-weight: bold;  font-size: 13px;  color: #fff;}.globalSubNavigationUnitBig .contents .linkTitle:before {  position: absolute;  left: 2px;  top: 2px;  content: "";  width: 4px;  height: 12px;  background: #fff;}.globalSubNavigationUnitBig .contents + .contents .linkTitle {  margin-top: 15px;}.globalSubNavigationUnitBig .contents .textSet {  position: relative;  font-size: 12px;}.globalSubNavigationUnitBig .contents .textSet + .textSet {  margin-top: 20px;}.globalSubNavigationUnitBig .contents .textSet .text {  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item {  position: absolute;  top: 0;  left: 5px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item + .text {  padding-left: 2em;}.is-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.webp);}.is-no-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.png);}/* ------------ OldSiteAlert ------------ */#oldSiteAlert {  margin: 20px;}#oldSiteAlert div.content {  background-color: #fff2e2;  border: 3px solid #e67e22;}#oldSiteAlert div.content .title {  color: white;  padding: 8px 5px 8px 30px;  border-bottom: 1px solid white;  background: #e67e22 url(../../imageFile/user/icon/info_old.png) no-repeat 10px center;}#oldSiteAlert div.content .title em {  font-size: 16px;  text-decoration: none;}#oldSiteAlert div.content .oldContents {  padding: 10px 20px 20px 20px;}#oldSiteAlert div.content .oldContents ul.listed li.big {  background: url(../../imageFile/user/icon/arrow_brown_single.png) no-repeat left 7px;  padding-left: 12px;}#oldSiteAlert div.content .oldContents ul.listed li {  color: #aa6019;  font-weight: bold;  font-size: 12px;  margin-top: 10px;}#oldSiteAlert div.content .oldContents ul.listed li .pointed {  background-color: #fffaf3;  padding: 5px;  border: 1px dotted #e67e22;  line-height: 1.5;  font-weight: normal;  border-radius: 3px;  margin: 10px 10px 0;}#oldSiteAlert div.content .oldContents ul.entryIndex li {  font-weight: normal;}#oldSiteAlert div.content .oldContents ul.entryIndex li em#message {  white-space: nowrap;  padding: 5px 8px;  background: #3060b0;  border: 1px solid #3060b0;  color: #fff;  font-weight: bold;  font-size: 12px;  margin: 0 5px;  display: inline-block;  border-radius: 2px;  line-height: 1;}/* ------------ globalFooter ------------ */.globalSubNavigationUnit + #globalFooter {  margin-top: 0;}#globalFooter {  clear: both;  margin-top: 60px;  padding: 0 0 40px;  background: #fafafa;}#globalFooter .base {  text-align: center;}#globalFooter .aboutLink {  position: relative;  padding: 20px 0;  background: #027;}#globalReturnLink + #globalFooter .aboutLink {  padding-top: 65px;}#globalFooter .aboutLink .linkBase {  overflow: hidden;  width: fit-content;  max-width: 1050px;  margin: 0 auto;}#globalFooter .aboutLink .linkBase li {  float: left;  display: inline;  zoom: 1;  font-size: 11px;}#globalFooter .aboutLink .linkBase li a {  padding: 1px 10px;  border-right: 1px solid #ccc;  color: #fff;  text-decoration: none;  display: block;  text-align: center;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .enSite {  width: 927px;  margin: 0 auto;  clear: both;}#globalFooter .enSite table {  margin-top: 8px;}#globalFooter .enSite table td {  vertical-align: middle;}#globalFooter .enSite .label {  padding-left: 10px;  white-space: nowrap;}#globalFooter .enSite .label span {  display: inline-block;  padding: 7px;  border: 1px solid #ddd;  border-radius: 4px;  background: #fff;  font-size: 11px;  color: #777;}#globalFooter .enSite ul {  display: table-cell;  vertical-align: middle;  font-size: 10px;}#globalFooter .enSite ul li {  float: left;  white-space: nowrap;}#globalFooter .enSite ul li a {  display: block;  margin-left: 10px;  padding: 3px 0;  color: #666;  text-decoration: none;}#globalFooter .enSite ul li a:hover {  color: #999;}#globalFooter .en {  display: block;  margin-top: 15px;  clear: both;  text-align: center;}#globalFooter .en span {  font-size: 10px;  color: #666;}#globalFooter .en .name {  margin-right: 10px;}#globalFooter .en .cw {  font-family: Arial, Helvetica, sans-serif;}#globalFooter .copyright {  font-size: 13px;}/* ------------ globalFooter Site ------------ */.otherSiteLink {  width: 1030px;  margin: 0 auto;  text-align: center;  padding-bottom: 40px;  font-size: 12px;  text-align: center;}.otherSiteLink .enSiteVertical {  margin: 30px auto 0 auto;  width: 870px;  color: #555;  text-align: left;  font-size: 11px;}.otherSiteLink .enSiteVertical .title {  padding: 5px 10px;  background: #eee;  font-weight: bold;  color: #555;  border: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list {  overflow: hidden;  width: 870px;  padding: 10px 0;  border-bottom: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list .toggle {  float: left;  width: 180px;  margin-right: 10px;  padding-left: 15px;  font-weight: bold;  color: #555;  white-space: nowrap;}.otherSiteLink .enSiteVertical .list:hover {  background: #ffe;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle a {  color: #555;}.otherSiteLink .enSiteVertical .list .toggle a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .toggle span {  padding-right: 19px;  background: url(../../imageFile/user/global/footer_toggleRight.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span {  background: url(../../imageFile/user/global/footer_toggleRightHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeft.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeftHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .listList {  float: left;  display: none;  width: 660px;  padding-left: 10px;  border-left: 1px dotted #ccc;  color: #aaa;}.otherSiteLink .enSiteVertical .list .listList li {  padding: 0 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listList li:hover {  cursor: default;}.otherSiteLink .enSiteVertical .list .listList li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listList li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listList li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listList a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listList li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea {  position: relative;  padding: 18px 0 24px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;  letter-spacing: 0;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;  font-size: 10px;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .leftArea {  position: absolute;  top: 12px;  left: 0;  width: 130px;}.otherSiteLink .enSiteVertical .list .listListCompany li {  padding: 0 5px 5px 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listListCompany li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listListCompany li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listListCompany li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea {  position: relative;  padding: 12px 0;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .leftArea {  position: absolute;  top: 5px;  left: 0;  width: 130px;}/* ------------ Congratulation Banner ------------ */.footerCongratulationBanner {  width: 1030px;  margin: 10px auto 30px;}.footerCongratulationBanner a {  display: block;  padding: 10px 20px 10px 40px;  background: #f0f0f0;  border-radius: 3px;  vertical-align: top;}.footerCongratulationBanner a:after {  display: none;}.footerCongratulationBanner a.after {  margin-right: 10px;  width: 250px;}.footerCongratulationBanner a.after .label {  height: 20px;  line-height: 20px;  background: #ddd;  text-align: center;  font-size: 10px;  color: #333;}.footerCongratulationBanner a.after .logo {  padding-top: 8px;  height: 75px;  background: #fff;}.footerCongratulationBanner a.congrat {  position: relative;  width: 770px;  padding: 15px;  background: #f0f0f0;}.footerCongratulationBanner .title,.footerCongratulationBanner .img,.footerCongratulationBanner .button {  display: inline-block;  vertical-align: middle;  text-align: left;}.footerCongratulationBanner .button .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -2px;  margin-right: 10px;  font-size: 18px;  line-height: 1;}.footerCongratulationBanner .title {  position: relative;  top: -2px;  margin-right: 30px;  text-align: left;  line-height: 1;}.footerCongratulationBanner .title .text {  padding-top: 8px;  font-weight: bold;  color: #f90;  line-height: 1.3;  font-size: 16px;}.footerCongratulationBanner .title .nav {  margin-top: 8px;  color: #666;  font-size: 11px;}.footerCongratulationBanner .img {  padding: 5px 10px;  margin-right: 30px;  background: #fff;  border: 1px solid #e6e6e6;}.footerCongratulationBanner .img img {  border: none;}.footerCongratulationBanner a:hover {  opacity: 0.9;}/* ------------ Recommend ------------ */.recommendArea {  clear: both;  width: 1030px;  margin: 0 auto;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  /* 調整 */}.recommendArea .title {  height: 60px;  line-height: 60px;  background: #038;  color: #fff;  font-size: 18px;  font-weight: bold;  text-align: center;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.recommendArea .jobArea {  padding: 20px 0;  background: #fff;  border-radius: 0 0 3px 3px;}.recommendArea .jobList {  display: table;  width: 100%;}.recommendArea .jobList + .jobList {  border-top: 1px solid #ddd;  margin-top: 20px;  padding-top: 20px;}.recommendArea .jobList .jobKoma {  display: table-cell;  width: 33.33%;  padding: 0 20px;  vertical-align: top;  text-align: left;}.recommendArea .jobList .jobKoma + .jobKoma {  border-left: 1px solid #e6e6e6;}.recommendArea .jobList .jobKoma .linkArea {  display: block;}.recommendArea .jobList .jobKoma .linkArea:hover .name {  color: #e80;}.recommendArea .jobList .jobKoma .linkArea .name {  font-size: 12px;  color: #666;}.recommendArea .jobList .jobKoma .linkArea .name .icon {  display: inline-block;  margin-right: 5px;  height: 20px;  line-height: 21px;  padding: 0 5px;  background: #666;  color: #fff;  font-size: 11px;  border-radius: 2px;  vertical-align: middle;  font-weight: normal;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--new {  background: #ff6b6b;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--repub {  background: #1ba466;}.recommendArea .jobList .jobKoma .linkArea .catch {  margin-top: 5px;  font-size: 16px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness {  margin-top: 5px;  margin-bottom: 5px;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness .tag {  display: inline-block;  padding: 2px 7px;  font-size: 12px;  border: 1px solid #e67e22;  color: #e67e22;  background: #fff;  border-radius: 2px;}.recommendArea .jobList .jobKoma .linkArea .income {  margin-top: 5px;  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .income:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e908";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .area {  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .area:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e919";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea {  margin-top: 5px;  border-top: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet {  display: table;  width: 100%;  border-bottom: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .item {  display: table-cell;  width: 25%;  padding: 10px;  background: #F5FAFF;  font-size: 11px;  color: #038;  white-space: nowrap;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data {  display: table-cell;  padding: 10px;  font-size: 12px;  color: #222;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data .jobSummary {  padding-bottom: 5px;  font-weight: bold;}.recommendArea .jobList .jobKoma .btnArea {  position: relative;  padding: 20px 0 0;  text-align: center;}.recommendArea .jobList .jobKoma .btnArea .md_btn {  width: 140px;  padding: 0;}.recommendArea .jobList .jobKoma .btnArea .md_btn:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 5px;  font-size: 14px;  vertical-align: middle;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone {  position: absolute;  top: -15px;  left: 50%;  width: 240px;  height: 50px;  line-height: 50px;  margin-left: -120px;  background: #fff;  border: 3px solid #71c826;  color: #71c826;  font-size: 12px;  z-index: 10;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.recommendArea .jobList .jobKoma .btnArea .folderAddDone:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone em {  margin: 0 5px;  font-size: 16px;}.recommendArea.recommendJobDesc {  padding: 50px 0;  box-shadow: none;}.recommendArea.recommendJobDescModal {  width: 100%;  box-shadow: none;}.recommendArea.recommendJobDescModal .jobArea {  padding: 0;}.recommendArea.recommendIndex {  box-shadow: none;}.recommendArea .jobSearchListSet {  width: 775px;  margin: 20px auto 0;}.recommendArea .noResult {  padding: 100px 0;  text-align: center;  color: #666;  font-size: 14px;  line-height: 2;}/* ------------ Md Modal ------------ */.md_modal {  display: none;}.md_modal.show {  display: block;}.md_modal .bgLayer {  position: fixed;  display: inline-block;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 9998;  background: rgba(0, 0, 0, 0.5);}.md_modal .bgLayer:hover {  cursor: pointer;}.md_modal .modalBase {  position: fixed;  top: 50%;  margin-top: -200px;  left: 50%;  margin-left: -400px;  display: inline-block;  width: 800px;  padding: 0;  background-color: #fff;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  border-radius: 3px;  z-index: 9999;}.md_modal .modalBase .modalTitle {  height: 60px;  line-height: 66px;  background-color: #79b;  font-size: 18px;  font-weight: bold;  text-align: center;  color: #fff;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.md_modal .modalBase .modalTitle .closeBtn {  position: absolute;  display: inline-block;  top: 0;  right: 0;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal .modalBase .modalTitle .closeBtn:hover {  background: rgba(0, 0, 0, 0.05);}.md_modal .modalBase .modalContent {  padding: 30px 20px;  background-color: #fff;  text-align: center;  border-radius: 0 0 3px 3px;}.md_modal .modalBase .modalContent .copy {  font-size: 15px;}.md_modal .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_scoutCatchStart .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_scoutCatchStart .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi em {  color: #038;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea {  margin: 20px auto 0;  width: 642px;  background-color: #f3f3f3;  border-radius: 3px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listTitle {  padding: 12px 7px 7px 7px;  background-color: #888;  font-size: 13px;  font-weight: bold;  color: #fff;  border-radius: 3px 3px 0 0;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet {  padding: 20px 20px 0;  max-height: 190px;  overflow-y: auto;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList {  background-color: #fff;  border: 1px solid #ddd;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company {  padding: 15px;  font-weight: bold;  font-size: 12px;  text-align: left;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company + .company {  border-top: 1px dotted #ccc;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention {  display: inline-block;  font-size: 12px;  color: #999;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention:before {  content: "※";  margin-right: 2px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet {  padding: 20px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet .md_btn {  background-color: #fff;  color: #038;  font-size: 13px;  font-weight: bold;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea .md_btn {  display: inline-block;  margin: 0 auto;  width: auto;  background: #038;}.md_modal.modal_alert .modalBase .modalTitle {  background: #fa0;}.md_modal.modal_alert .modalBase .modalContent .alertlist {  font-size: 18px;  font-weight: bold;  width: 100%;  border: 1px solid #e6e6e6;  border-width: 1px 0;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text, .md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text {  padding: 15px 10px;  text-align: left;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f0a2";  display: inline-block;  color: #fa0;  margin-right: 7px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em {  margin: 0 5px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.fav {  color: #71C826;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.welcome {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.scout {  color: #038;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.num {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  padding: 10px;  width: 150px;  text-align: right;  background: #f9f9f9;  border-left: 1px solid #eee;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 5px;  font-size: 20px;  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist tr + tr {  border-top: 1px solid #e6e6e6;}.md_modal.modal_alert_stop .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 30px 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_stop .stopText .midashi {  font-weight: bold;}.md_modal.modal_alert_stop .stopText .midashi .attention {  color: #f55;}.md_modal.modal_alert_stop .stopText .comment {  margin-top: 20px;  font-size: 13px;}.md_modal.modal_alert_stop .btnBar {  margin: 30px -30px -30px;  padding: 13px 0;  background: #eee;  text-align: center;  z-index: 9999;  border-top: 1px solid #ddd;  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);  border-radius: 0 0 3px 3px;}.md_modal.modal_alert_stop .btnBar .notNow {  font-size: 14px;  margin-left: 20px;}.md_modal.modal_alert_stop .btnBar .notNow i {  font-size: 18px;  margin-right: 5px;  vertical-align: -0.1em;}.md_modal.modal_alert_desire .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_desire .stopText .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_desire .stopText .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_alert_desire .stopText .comment em {  font-weight: bold;  color: #f90;}.md_modal.modal_alert_desire .stopText .subComment {  margin-top: 25px;  font-size: 13px;}.md_modal.modal_alert_desire .btnArea {  margin-top: 25px;  padding: 0 100px;  text-align: center;}.md_modal.modal_alert_desire .btnArea .md_btn {  margin: 5px;  padding: 0 35px;  width: 210px;  line-height: 52px;  color: #038;  border: 3px solid #038;  background: #fff;}.md_modal.modal_alert_desire .btnArea .md_btn:hover {  color: #0042b1;  border-color: #0042b1;}.md_modal.modal_alert_company .modalBase {  margin-top: -210px;}.md_modal.modal_alert_company .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_company .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p {  font-weight: bold;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_company .modalBase .modalContent .comment p {  margin-top: 20px;  text-align: left;  font-size: 13px;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_alert_scout .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_scout .modalBase .modalContent {  padding: 30px 20px 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_scout .modalBase .modalContent .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea {  display: flex;  flex-direction: column;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet {  display: inline-block;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet .link {  font-size: 13px;}/* Modal Schedule */.modal_schedule .modalBase {  top: 50%;  left: 50%;  margin: 0;  width: 550px;  transform: translate(-50%, -50%);}.modal_schedule .modalBase .modalHeader {  height: 44px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalHeader .title {  height: 50px;  line-height: 48px;  font-size: 18px;  font-weight: bold;  color: #fff;  letter-spacing: 0.1em;  text-align: center;}.modal_schedule .modalBase .modalHeader .closeBtn {  position: absolute;  top: 0;  right: -10px;  place-content: center;  width: 44px;  height: 44px;  font-size: 26px;  color: #fff;}.modal_schedule .modalBase .modalContent {  padding: 22px 50px 35px;  background-color: #f0f0f0;  text-align: center;}.modal_schedule .modalBase .modalContent .catch {  font-size: 16px;}.modal_schedule .modalBase .modalContent .catch em {  font-size: 22px;  color: #f00;  text-decoration: underline;}.modal_schedule .modalBase .modalContent .scheduleCardList {  position: relative;  margin-top: 20px;  max-height: 358px;  overflow-y: auto;}.modal_schedule .modalBase .modalContent .scheduleCardList:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 3px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard {  background-color: #fff;  border-top: 1px solid #ddd;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap {  position: relative;  display: grid;  padding: 15px 15px 12px 34px;  width: 100%;  text-align: left;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap:before {  content: "\e905";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  top: 10px;  left: 8px;  font-size: 20px;  color: #335070;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date, .modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  line-height: 1.5;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date {  font-size: 16px;  font-weight: bold;  color: #000;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  font-size: 14px;  color: #000;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}.modal_schedule .modalBase .modalContent .button {  margin-top: 27px;}.modal_schedule .modalBase .modalContent .button .md_btn {  padding: 17px 25px 15px;  height: 100%;  line-height: 24px;  font-size: 16px;}.modal_schedule .modalBase .modalContent .caption {  display: inline-flex;  margin-top: 24px;  font-size: 12px;  color: #666;  line-height: 1.2;  text-align: left;}.modal_schedule .modalBase .modalContent .caption:before {  content: "※";}.flaotAutoEditBannerArea {  position: fixed;  bottom: 20px;  right: 100px;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard {  position: relative;  width: 300px;  background-color: #fff;  border-radius: 3px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn {  position: absolute;  top: 10px;  right: 10px;  display: grid;  place-content: center;  width: 20px;  height: 20px;  background-color: rgba(0, 0, 0, 0.1);  border-radius: 50%;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn:before {  content: "\eb15";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  font-size: 8px;  font-weight: bold;  color: #fff;}.flaotAutoEditBannerArea .floatBannerCard .catchSet {  position: relative;  padding: 30px;  height: 220px;  background: linear-gradient(141deg, #f5F8ff 6.69%, #f0f5ff 53.71%, #94b1ed 146.4%);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide img {  position: absolute;  bottom: -10px;  right: -20px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy {  font-size: 18px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy + .catch {  margin-top: 6px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch {  font-size: 22px;  color: #038;  line-height: 1.2;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch > * {  line-height: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch em {  font-size: 32px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line {  position: relative;  display: inline-block;  font-weight: bold;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line .text {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line:after {  content: "";  position: absolute;  bottom: 8px;  left: 0;  display: inline-block;  width: 100%;  height: 8px;  background-color: #f80;  z-index: 0;}.flaotAutoEditBannerArea .floatBannerCard .actionSet {  padding: 10px;  background-color: #fff;  text-align: center;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn {  padding: 0;  width: 200px;  height: 45px;  line-height: 47px;  font-size: 16px;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn:after {  content: "\f105";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: relative;  top: -1px;  padding-left: 8px;  font-size: 25px;}/* ---------- SP Panel ----------*/.spPanel {  padding: 30px 0 40px;  text-align: center;}.spPanel .spLink {  position: relative;  display: inline-block;  width: 1000px;  height: 230px;  line-height: 240px;  margin: 0 auto;  padding-left: 150px;  text-align: left;  vertical-align: middle;  background: #038;  font-size: 45px;  font-weight: bold;  color: #fff;  border-radius: 10px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  cursor: pointer;  letter-spacing: 0.1em;}.spPanel .spLink:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f10b";  position: absolute;  top: 50%;  left: 10px;  margin-top: -120px;  margin-left: 30px;  font-size: 180px;}.spPanel .spLink:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  top: 50%;  right: 30px;  margin-top: -120px;  margin-left: 25px;  font-size: 90px;}.spPanel .spLink .spTitle {  margin-right: 5px;  font-size: 65px;}/* ------------ md_pattern ------------ */.md_pattern {  border-top: 1px solid #ddd;  width: 100%;  margin: 100px auto 0;  padding: 50px 300px 150px;}.md_pattern .title {  padding: 10px;  background: #eee;  text-align: center;  font-size: 14px;  font-weight: bold;  color: #444;}.md_pattern .title [class*=icon-] {  color: #39f;}.md_pattern ul {  border: 1px solid #ddd;}.md_pattern ul li {  display: block;  background: #fff;  padding: 5px;}.md_pattern ul li + li {  border-top: dotted 1px #ccc;}.md_pattern ul li a {  position: relative;  display: block;  padding: 10px 10px 10px 25px;  font-size: 15px;  line-height: 1.5;  border-radius: 3px;}.md_pattern ul li a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  left: 10px;  top: 50%;  font-size: 20px;  line-height: 20px;  margin-top: -12px;  margin-right: 5px;  vertical-align: middle;}.md_pattern ul li a:hover {  background: #daeeff;}.md_pattern ul li.on a {  padding-right: 60px;  background: #038;  color: #fff;}.md_pattern ul li.on a:before {  color: #fff;}.md_pattern ul li.on a span {  position: absolute;  display: inline-block;  top: 50%;  margin-top: -10px;  right: 10px;  display: inline-block;  padding: 0 5px;  background: #fff;  color: #038;  font-size: 13px;  line-height: 20px;  height: 20px;  white-space: nowrap;}/*---------------------------------------- Animate.css----------------------------------------*//*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.animated {  -webkit-animation-duration: 0.7s;  animation-duration: 0.7s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}.animated.flipOutX,.animated.flipOutY {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}@-webkit-keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}@keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}@keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}@keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}@keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}@keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}@keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}@font-face {  font-family: "icon";  src: url("../user_font/icon/icon.eot?y4m0n0");  src: url("../user_font/icon/icon.eot?y4m0n0#iefix") format("embedded-opentype"), url("../user_font/icon/icon.ttf?y4m0n0&d=20240904") format("truetype"), url("../user_font/icon/icon.woff?y4m0n0") format("woff"), url("../user_font/icon/icon.svg?y4m0n0#icon") format("svg");  font-weight: normal;  font-style: normal;}i {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: "icon" !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-arrow1:before {  content: "\e900";}.icon-bag:before {  content: "\e901";}.icon-building:before {  content: "\e902";}.icon-phone2:before {  content: "\e903";}.icon-buildings:before {  content: "\e904";}.icon-calendar:before {  content: "\e905";}.icon-error_outline:before {  content: "\e906";}.icon-check:before {  content: "\e907";}.icon-coin:before {  content: "\e908";}.icon-device:before {  content: "\e909";}.icon-document:before {  content: "\e90a";}.icon-earth:before {  content: "\e90b";}.icon-english:before {  content: "\e90c";}.icon-glass:before {  content: "\e90d";}.icon-graph:before {  content: "\e90e";}.icon-holiday:before {  content: "\e90f";}.icon-arrows_top:before {  content: "\e910";}.icon-light:before {  content: "\e911";}.icon-man:before {  content: "\e912";}.icon-cancelthin:before {  content: "\e913";}.icon-mans:before {  content: "\e914";}.icon-memo:before {  content: "\e915";}.icon-pen:before {  content: "\e917";}.icon-pin:before {  content: "\e919";}.icon-resume:before {  content: "\e91a";}.icon-stamp:before {  content: "\e91b";}.icon-tie:before {  content: "\e91c";}.icon-time:before {  content: "\e91d";}.icon-quill:before {  content: "\e91f";}.icon-bullhorn2:before {  content: "\e932";}.icon-book2:before {  content: "\e937";}.icon-files-empty:before {  content: "\e93d";}.icon-file-picture:before {  content: "\e93f";}.icon-file-music:before {  content: "\e940";}.icon-file-play:before {  content: "\e941";}.icon-bell2:before {  content: "\e969";}.icon-user-tie:before {  content: "\e98e";}.icon-quotes-left:before {  content: "\e98f";}.icon-search2:before {  content: "\e99e";}.icon-attachment:before {  content: "\e9e5";}.icon-star-empty:before {  content: "\e9ef";}.icon-star-half2:before {  content: "\e9f0";}.icon-star-full:before {  content: "\e9f1";}.icon-info2:before {  content: "\ea24";}.icon-checkmark:before {  content: "\ea28";}.icon-arrow-right2:before {  content: "\ea54";}.icon-arrow-down2:before {  content: "\ea56";}.icon-xing2:before {  content: "\eaeb";}.icon-libreoffice:before {  content: "\eaf6";}.icon-css32:before {  content: "\eaf9";}.icon-female2:before {  content: "\eb03";}.icon-map:before {  content: "\eb04";}.icon-male2:before {  content: "\eb05";}.icon-postnumber:before {  content: "\eb06";}.icon-top_file:before {  content: "\eb07";}.icon-top_check:before {  content: "\eb08";}.icon-top_light:before {  content: "\eb09";}.icon-top_login:before {  content: "\eb0a";}.icon-top_logout:before {  content: "\eb0b";}.icon-top_mail:before {  content: "\eb0c";}.icon-top_news:before {  content: "\eb0d";}.icon-top_scout:before {  content: "\eb0e";}.icon-top_setting:before {  content: "\eb0f";}.icon-top_watch:before {  content: "\eb10";}.icon-job:before {  content: "\eb12";}.icon-lock:before {  content: "\eb13";}.icon-message:before {  content: "\eb14";}.icon-question:before {  content: "\eb15";}.icon-report:before {  content: "\eb16";}.icon-return:before {  content: "\eb17";}.icon-step:before {  content: "\eb18";}.icon-income:before {  content: "\eb19";}.icon-industory:before {  content: "\eb1a";}.icon-arrow:before {  content: "\eb1c";}.icon-arrow_under:before {  content: "\eb1d";}.icon-book:before {  content: "\eb1e";}.icon-people:before {  content: "\eb1f";}.icon-message1:before {  content: "\eb20";}.icon-arrow2:before {  content: "\eb21";}.icon-search1:before {  content: "\eb22";}.icon-tag1:before {  content: "\eb23";}.icon-people1:before {  content: "\eb24";}.icon-check1:before {  content: "\eb25";}.icon-icon-resume2:before {  content: "\eb26";}.icon-bubble5:before {  content: "\eb27";}.icon-flag3:before {  content: "\eb29";}.icon-flag4:before {  content: "\eb2a";}.icon-nav_scout:before {  content: "\eb2b";}.icon-building03:before {  content: "\eb2c";}.icon-home5:before {  content: "\eb2d";}.icon-search3:before {  content: "\eb2e";}.icon-star2:before {  content: "\eb2f";}.icon-filter4:before {  content: "\eb30";}.icon-search:before {  content: "\f002";}.icon-envelope-o:before {  content: "\f003";}.icon-star:before {  content: "\f005";}.icon-check2:before {  content: "\f00c";}.icon-close:before {  content: "\f00d";}.icon-trash-o:before {  content: "\f014";}.icon-download:before {  content: "\f019";}.icon-repeat:before {  content: "\f01e";}.icon-refresh:before {  content: "\f021";}.icon-tag:before {  content: "\f02b";}.icon-print:before {  content: "\f02f";}.icon-camera:before {  content: "\f030";}.icon-pencil:before {  content: "\f040";}.icon-chevron-left:before {  content: "\f053";}.icon-arrow-right:before {  content: "\f061";}.icon-plus:before {  content: "\f067";}.icon-exclamation-circle:before {  content: "\f06a";}.icon-leaf:before {  content: "\f06c";}.icon-eye:before {  content: "\f06e";}.icon-exclamation-triangle:before {  content: "\f071";}.icon-calendar2:before {  content: "\f073";}.icon-comment:before {  content: "\f075";}.icon-chevron-down:before {  content: "\f078";}.icon-comments:before {  content: "\f086";}.icon-external-link:before {  content: "\f08e";}.icon-sign-in:before {  content: "\f090";}.icon-bullhorn:before {  content: "\f0a1";}.icon-bell-o:before {  content: "\f0a2";}.icon-filter:before {  content: "\f0b0";}.icon-briefcase:before {  content: "\f0b1";}.icon-paperclip:before {  content: "\f0c6";}.icon-lightbulb-o:before {  content: "\f0eb";}.icon-file-text-o:before {  content: "\f0f6";}.icon-angle-double-right:before {  content: "\f101";}.icon-angle-double-up:before {  content: "\f102";}.icon-angle-double-down:before {  content: "\f103";}.icon-angle-left:before {  content: "\f104";}.icon-angle-right:before {  content: "\f105";}.icon-angle-up:before {  content: "\f106";}.icon-angle-down:before {  content: "\f107";}.icon-laptop:before {  content: "\f109";}.icon-mobile:before {  content: "\f10b";}.icon-quote-left:before {  content: "\f10d";}.icon-quote-right:before {  content: "\f10e";}.icon-circle:before {  content: "\f111";}.icon-sort-amount-desc:before {  content: "\f161";}.icon-thumbs-up:before {  content: "\f164";}.icon-graduation-cap:before {  content: "\f19d";}.icon-history:before {  content: "\f1da";}.icon-newspaper-o:before {  content: "\f1ea";}.icon-heartbeat:before {  content: "\f21e";}.icon-calendar-plus-o:before {  content: "\f271";}.icon-alarm:before {  content: "\e916";}.icon-upload1:before {  content: "\eb14";}.icon-close_small:before {  content: "\eb15";}.icon-download1:before {  content: "\eb16";}.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  display: -moz-inline-box;  -moz-box-orient: vertical;  display: inline-block;  *vertical-align: auto;  position: relative;}.odometer.odometer-auto-theme, .odometer.odometer-theme-default {  *display: inline;}.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {  display: -moz-inline-box;  -moz-box-orient: vertical;  display: inline-block;  *vertical-align: auto;  position: relative;}.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {  *display: inline;}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {  display: -moz-inline-box;  -moz-box-orient: vertical;  display: inline-block;  *vertical-align: auto;  visibility: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {  *display: inline;}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {  text-align: left;  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  overflow: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {  display: block;}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {  display: block;  -webkit-backface-visibility: hidden;}.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {  display: block;  -webkit-transform: translateZ(0);}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {  position: absolute;}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 1s;  -moz-transition: -moz-transform 1s;  -ms-transition: -ms-transform 1s;  -o-transition: -o-transform 1s;  transition: transform 1s;}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%);}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {  -webkit-transform: translateY(-100%);  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%);}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {  -webkit-transition: -webkit-transform 1s;  -moz-transition: -moz-transform 1s;  -ms-transition: -ms-transform 1s;  -o-transition: -o-transform 1s;  transition: transform 1s;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);  transform: translateY(0);}.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {  text-align: center;}.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value,.odometer-formatting-mark {  color: #f60;}/* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） */.specialFeatureArea {  width: 1030px;  height: 100%;  display: flex;  margin: 24px auto 0;  background-color: #fff;  border-radius: 5px;}.specialFeatureArea .specialFeatureGroup {  display: flex;  flex-direction: column;  flex: 1;  padding: 22px 27px;}.specialFeatureArea .specialFeatureGroup .topicTitle {  margin-bottom: 5px;  font-size: 14px;}.specialFeatureArea .specialFeatureGroup .title {  margin-bottom: 15px;  font-size: 23px;  font-weight: bold;  line-height: 37px;  letter-spacing: 0.1em;}.specialFeatureArea .specialFeatureGroup .date {  margin-top: auto;  font-size: 14px;  color: #999;}.specialFeatureArea .mainImage {  position: relative;  width: 350px;  overflow: hidden;}.specialFeatureArea .mainImage .specialFeatureImage {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  border-radius: 0 5px 5px 0;}/* ------------ Base ------------ */.pageSet {  display: table;  padding-bottom: 100px;}.layoutLeft,.layoutRight {  display: table-cell;  padding-top: 20px;  vertical-align: top;}.layoutLeft {  width: 775px;}.layoutRight {  width: 255px;  padding-left: 20px;}/* ------------ Function ------------ */.specialFunctionList {  padding: 12px;  border-radius: 5px;  background-color: #BDCEE0;  /*.function.save--special { margin-bottom: 10px;  	.md_btn { width: 100%; height: 40px; line-height: 40px; font-size: 16px; }  }*/}.specialFunctionList .function.change--special .md_btn {  width: 100%;  height: 40px;  line-height: 40px;  font-size: 16px;}.specialFunctionList .function.change--special .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f021";  top: -1px;  margin-right: 10px;  text-align: center;}#listFunctionArea {  position: relative;  width: 30px;  margin: 20px auto 0;  text-align: center;  background: #bdcee0;  border-radius: 5px;}#listFunctionArea .wrap {  position: relative;  display: table;}#listFunctionArea .displayNum,#listFunctionArea .functionList {  display: table-cell;  padding: 10px 0;  vertical-align: middle;}#listFunctionArea .displayNum {  width: 680px;  text-align: left;  padding-right: 20px;  padding-left: 20px;}#listFunctionArea .displayNum .cellBase {  display: table;  width: 100%;}#listFunctionArea .displayNum .image,#listFunctionArea .displayNum .label,#listFunctionArea .displayNum .num {  display: table-cell;  padding-top: 2px;  vertical-align: middle;  line-height: 1;  color: #222;}#listFunctionArea .displayNum .image {  width: 70px;  padding: 0 5px;  background-color: #fff;}#listFunctionArea .displayNum .image img {  width: 60px;}#listFunctionArea .displayNum .image.consul {  width: 40px;  padding: 0;  background: none;}#listFunctionArea .displayNum .image.consul img {  width: 40px;}#listFunctionArea .displayNum .image + .label {  padding-left: 15px;}#listFunctionArea .displayNum .image + .label:before {  display: none;}#listFunctionArea .displayNum .image .noPhoto {  display: inline-block;  width: 60px;  height: 50px;  background-color: #fff;  text-align: center;  font-size: 10px;  color: #888;  line-height: 50px;}#listFunctionArea .displayNum .label {  position: relative;  font-size: 20px;  padding-left: 40px;  padding-right: 10px;  font-weight: bold;  text-align: left;  line-height: 1.1;}#listFunctionArea .displayNum .label:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  content: "\f002";  top: 8px;  left: 0;  height: 30px;  line-height: 30px;  font-size: 32px;}#listFunctionArea .displayNum .num {  width: 1%;  white-space: nowrap;}#listFunctionArea .displayNum .num em {  margin-right: 3px;  font-size: 46px;  color: #f60;  font-family: "Montserrat";  font-weight: bold;  line-height: 1;}#listFunctionArea.special .displayNum {  width: 685px;}#listFunctionArea .functionList {  text-align: right;  padding-right: 15px;}#listFunctionArea .functionList .function {  display: inline-block;  vertical-align: middle;}#listFunctionArea .functionList .function.save {  width: 110px;  margin-right: 10px;}#listFunctionArea .functionList .function.change {  width: 210px;}#listFunctionArea .functionList .function .md_btn {  display: block;}#listFunctionArea .functionList .function.save .md_btn {  padding: 0;  font-size: 18px;}#listFunctionArea .functionList .function.change .md_btn {  padding: 0;}#listFunctionArea .functionList .function.change .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f021";  top: -1px;  margin-right: 10px;  text-align: center;}/* ------------ Function ------------ */#listFunctionArea {  position: relative;  width: 1030px;  margin: 20px auto 0;  text-align: center;  background: #bdcee0;  border-radius: 5px;}#listFunctionArea.directCompany .wrap {  position: relative;  display: table;}#listFunctionArea.directCompany .displayNum,#listFunctionArea.directCompany .functionList {  display: table-cell;  padding: 10px 0;  vertical-align: middle;}#listFunctionArea.directCompany .displayNum {  width: 800px;  text-align: left;  padding-right: 20px;  padding-left: 20px;}#listFunctionArea.directCompany .displayNum .cellBase {  display: table;  width: 100%;}#listFunctionArea.directCompany .displayNum .image,#listFunctionArea.directCompany .displayNum .label,#listFunctionArea.directCompany .displayNum .num {  display: table-cell;  padding-top: 2px;  vertical-align: middle;  line-height: 1;  color: #222;}#listFunctionArea.directCompany .displayNum .image {  display: none;}#listFunctionArea.directCompany .displayNum .image .logo {  width: 80px;  height: 60px;  background-size: contain;  background-repeat: no-repeat;  display: block;  background-position: center center;}#listFunctionArea.directCompany .displayNum .image img {  width: 60px;}#listFunctionArea.directCompany .displayNum .image.consul {  width: 40px;  padding: 0;  background: none;}#listFunctionArea.directCompany .displayNum .image.consul img {  width: 40px;}#listFunctionArea.directCompany .displayNum .image + .label {  padding-left: 15px;}#listFunctionArea.directCompany .displayNum .image + .label:before {  display: none;}#listFunctionArea.directCompany .displayNum .image .noPhoto {  display: inline-block;  width: 60px;  height: 50px;  background-color: #fff;  text-align: center;  font-size: 10px;  color: #888;  line-height: 50px;}#listFunctionArea.directCompany .displayNum .label {  position: relative;  width: 100%;  font-size: 20px;  padding-left: 10px;  padding-right: 10px;  font-weight: bold;  text-align: left;  line-height: 1.1;}#listFunctionArea.directCompany .displayNum .label:before {  display: none;}#listFunctionArea.directCompany .displayNum .num {  width: 1%;  white-space: nowrap;}#listFunctionArea.directCompany .displayNum .num em {  margin-right: 3px;  font-size: 46px;  color: #f60;  font-family: "Montserrat";  font-weight: bold;  line-height: 1;}#listFunctionArea.directCompany.special .displayNum {  width: 685px;}#listFunctionArea.directCompany .functionList {  text-align: right;  padding-right: 15px;}#listFunctionArea.directCompany .functionList .function {  display: inline-block;  vertical-align: middle;}#listFunctionArea.directCompany .functionList .function.save {  width: 110px;  margin-right: 10px;}#listFunctionArea.directCompany .functionList .function.change {  width: 210px;}#listFunctionArea.directCompany .functionList .function .md_btn {  display: block;}#listFunctionArea.directCompany .functionList .function.save .md_btn {  padding: 0;  font-size: 18px;}#listFunctionArea.directCompany .functionList .function.change .md_btn {  padding: 0;}#listFunctionArea.directCompany .functionList .function.change .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f021";  top: -1px;  margin-right: 10px;  text-align: center;}#listFunctionArea.directCompany .directTitle {  position: relative;  padding: 20px;  background-color: #fff;  border-radius: 0 0 6px 6px;}#listFunctionArea.directCompany .directTitle .base {  display: table;  width: 100%;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell, #listFunctionArea.directCompany .directTitle .base .titleSet .titleCell {  display: table-cell;  vertical-align: middle;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell {  width: 120px;  border: none;  background: #fff;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell .logo {  width: 120px;  height: 90px;  background-size: contain;  background-repeat: no-repeat;  display: block;  background-position: center center;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell .logo img {  width: 100%;  vertical-align: middle !important;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell .logo.noImg {  width: 120px;  height: 90px;  text-align: center;  background: #eee;  border: #eee 1px solid;}#listFunctionArea.directCompany .directTitle .base .titleSet .imageCell .logo.noImg:before {  content: "No Image";  display: block;  color: #aaa;  font-size: 12px;  font-weight: normal;  text-align: center;  width: 120px;  height: 90px;  line-height: 90px;}#listFunctionArea.directCompany .directTitle .base .titleSet .titleCell {  width: auto;  padding-left: 20px;  font-size: 24px;  font-weight: bold;  color: #222;  line-height: 1.2;  text-align: left;}#listFunctionArea.directCompany .directTitle .base .titleSet .titleCell .textSet {  width: 100%;}#listFunctionArea.directCompany .directTitle .base .titleSet .titleCell .textSet .copy {  margin-top: 10px;  font-size: 14px;  line-height: 1.4;  color: #333;  font-weight: normal;}#listFunctionArea.directCompany .directTitle .base .titleSet .titleCell .textSet .info {  margin-top: 8px;  font-size: 12px;  line-height: 1.4;  color: #f44;  font-weight: normal;}/* Fixed */#listFunctionArea.fixed {  position: fixed;  top: 0;  left: 0;  right: 0;  width: 100%;  margin: 0;  z-index: 9000;  border-bottom: 1px solid #adbdce;  border-radius: 0;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}#listFunctionArea.fixed .displayNum .image {  display: table-cell;  vertical-align: middle;  width: 80px;  padding: 5px 5px;  background-color: #fff;}#listFunctionArea.fixed .directTitle {  display: none;}/* Agent */#listFunctionArea.agent .displayNum {  width: auto;  width: 730px;}#listFunctionArea.agent .functionList {  width: 322px;}#listFunctionArea.agent .functionList .function.change {  width: 100%;}#listFunctionArea.agent.noImg .label {  padding-left: 0px;}#listFunctionArea.agent.noImg .label:before {  display: none;}/* ------------ No Result ------------ */#noResult {  position: relative;  margin: 10px 0 80px;  padding: 5px;  background: #f90;  border-radius: 3px;}#noResult .base {  padding: 30px 0 27px;  background: #fff;  text-align: center;}#noResult .base .main {  font-size: 20px;  font-weight: bold;  color: #e33;}#noResult .base .arrow {  position: absolute;  left: 0;  bottom: -31px;  height: 36px;  line-height: 38px;  display: block;  width: 100%;  background: #f90;  font-size: 15px;  font-weight: bold;  color: #fff;  border-radius: 0 0 3px 3px;}#noResult .base .arrow:after {  position: absolute;  left: 50%;  margin-left: -8px;  bottom: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-top: 10px solid #f90;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}/* ------------ pagination ------------ */.md_pagination {  margin-top: -35px;  text-align: right;}.jobSearchListSet + .md_pagination,#listResetting + .md_pagination {  margin-top: 60px;  text-align: center;}.md_listNum--specialFeature .num--main {  font-size: 34px;  color: #ff6624;}.md_pagination--specialFeature {  margin-top: -50px;  padding-bottom: 20px;  border-bottom: 1px solid #bbb;}/* ------------ Tab------------ */.md_tab {  text-align: right;}.md_tab .sortButton .sort {  background: rgba(255, 255, 255, 0);}.md_tab .sortButton .sort:hover {  background: rgba(255, 255, 255, 0.5);}.md_tab .sortButton .selected {  position: relative;  background: #038;  font-weight: bold;  text-decoration: none;  color: #fff;}.md_tab .sortButton .selected:hover {  opacity: 1;  background: #038;}/* ------------ Search List Set ------------ */.jobSearchListSet {  position: relative;  margin-top: 20px;  /* Base */  /* Term */  /* headArea */  /* Data Area */  /* Btn Area */}.jobSearchListSet .searchListBase {  position: relative;  padding: 20px 20px 0;  background: #fff;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.jobSearchListSet .searchListBase:before {  position: absolute;  left: 0;  right: 0;  top: 0;  content: "";  display: block;  width: auto;  height: 3px;  background: #038;  border-radius: 3px 3px 0 0;}.jobSearchListSet .searchListTerm {  position: relative;  padding: 0 5px 5px;}.jobSearchListSet .searchListTerm .termSet {  text-align: right;}.jobSearchListSet .searchListTerm .termSet .term {  font-size: 11px;  color: #999;}.jobSearchListSet .headArea {  position: relative;}.jobSearchListSet .headArea .jobNameSet {  display: block;  line-height: 1;}.jobSearchListSet .headArea .jobNameSet .name {  position: relative;  font-size: 15px;  font-weight: normal;  color: #038;  line-height: 1.5;  vertical-align: middle;}.jobSearchListSet .headArea .jobNameSet .name .icon {  display: inline-block;  margin-right: 5px;  height: 22px;  line-height: 22px;  padding: 0 5px;  background: #666;  color: #fff;  font-size: 12px;  border-radius: 2px;  vertical-align: middle;}.jobSearchListSet .headArea .jobNameSet .name .icon.icon--new {  background: #ff6b6b;}.jobSearchListSet .headArea .jobNameSet .name .icon.icon--repub {  background: #1ba466;}.jobSearchListSet .headArea .jobNameSet .catch {  margin-top: 7px;  font-size: 20px;  font-weight: bold;  line-height: 1.5;  color: #333;}.jobSearchListSet .headArea .jobNameSet .company {  margin-top: 7px;}.jobSearchListSet .headArea .jobNameSet .company .name {  font-size: 15px;  font-weight: bold;  color: #666;}.jobSearchListSet .headArea .jobNameSet:hover .name, .jobSearchListSet .headArea .jobNameSet:hover .catch, .jobSearchListSet .headArea .jobNameSet:hover .company .name {  color: #e80;}.jobSearchListSet .headArea .sideBusiness {  margin-top: 5px;  margin-bottom: 10px;}.jobSearchListSet .headArea .sideBusiness .tag {  display: inline-block;  padding: 2px 7px;  font-size: 12px;  border: 1px solid #e67e22;  color: #e67e22;  background: #fff;  border-radius: 2px;}.jobSearchListSet .headArea .iconArea {  margin-top: 5px;  line-height: 1;}.jobSearchListSet .headArea .iconArea .icon {  vertical-align: middle;  font-size: 12px;  line-height: 1;  color: #999;}.jobSearchListSet .headArea .iconArea .icon + .icon:before {  content: "/";  margin: 0 5px;}.jobSearchListSet .dataArea {  margin-top: 10px;  background: #fff;  border: 1px solid #038;  border-width: 1px 0;}.jobSearchListSet .dataArea .dataSet {  display: table;  width: 100%;}.jobSearchListSet .dataArea .dataSet + .dataSet .item {  border-top: 1px solid #ddd;  vertical-align: top;}.jobSearchListSet .dataArea .dataSet + .dataSet .data {  border-top: 1px solid #ddd;  vertical-align: top;}.jobSearchListSet .dataArea .dataSet .item {  background: #F5FAFF;  display: table-cell;  width: 110px;}.jobSearchListSet .dataArea .dataSet .item .text {  position: relative;  padding: 10px 0 10px 5px;  font-size: 13px;  font-weight: bold;  color: #038;}.jobSearchListSet .dataArea .dataSet .item .text:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "";  position: relative;  top: -1px;  margin-right: 3px;  text-align: center;  vertical-align: middle;  font-size: 20px;}.jobSearchListSet .dataArea .dataSet .item .text.job:before {  content: "\e901";}.jobSearchListSet .dataArea .dataSet .item .text.condition:before {  content: "\e907";}.jobSearchListSet .dataArea .dataSet .item .text.area:before {  content: "\e919";}.jobSearchListSet .dataArea .dataSet .item .text.income:before {  content: "\e908";}.jobSearchListSet .dataArea .dataSet .item .text.company:before {  content: "\e902";}.jobSearchListSet .dataArea .dataSet .data {  padding: 7px;  font-size: 14px;  line-height: 1.75;  display: table-cell;  padding: 10px;}.jobSearchListSet .dataArea .dataSet .data .jobSummary {  margin-bottom: 7px;  padding-bottom: 7px;  border-bottom: 1px solid #eee;  font-size: 15px;  font-weight: bold;}.jobSearchListSet .dataArea .dataSet .data .requireSet {  position: relative;}.jobSearchListSet .dataArea .dataSet .data .requireSet + .requireSet {  margin-top: 5px;}.jobSearchListSet .dataArea .dataSet .data .requireSet .label {  position: absolute;  top: 0;  left: 0;  display: inline-block;  width: auto;  margin-bottom: 7px;  height: 22px;  line-height: 20px;  padding: 0 3px;  border-bottom: 1px solid #038;  font-size: 12px;  color: #038;  text-align: center;  background: #fff;}.jobSearchListSet .dataArea .dataSet .data .requireSet .label.must {  border-color: #f44;  color: #f44;}.jobSearchListSet .dataArea .dataSet .data .requireSet .label.welcome {  border-color: #f90;  color: #f90;}.jobSearchListSet .dataArea .dataSet .data .requireSet .label:after {  display: none;}.jobSearchListSet .dataArea .dataSet .data .requireSet .data {  display: inline-block;  padding: 0 0 0 40px;  border: none;}.jobSearchListSet .dataArea .dataSet .data .resultSet + .resultSet {  margin-top: 10px;}.jobSearchListSet .dataArea .dataSet .data .resultSet .label .name {  display: inline-block;  vertical-align: middle;  line-height: 1;  color: #57b;}.jobSearchListSet .dataArea .dataSet .data .resultSet .label .age {  font-size: 13px;  color: #666;}.jobSearchListSet .dataArea .dataSet .data .resultSet .data {  padding: 0;}.jobSearchListSet .dataArea .dataCell {  display: table-cell;  width: 595px;  border-top: 1px solid #ddd;}.jobSearchListSet .dataArea .dataCell .item {  width: 110px;}.jobSearchListSet .dataArea .logoCell {  display: table-cell;  padding: 0 10px;  width: 160px;  text-align: center;  vertical-align: middle;  border-left: 1px solid #ddd;  border-top: 1px solid #ddd;}.jobSearchListSet .dataArea .logoCell .logo img {  max-width: 130px;  max-height: 100px;}.jobSearchListSet .btnArea {  position: relative;  padding: 20px 0;  text-align: center;}.jobSearchListSet .btnArea .wrap {  display: table;  width: 100%;}.jobSearchListSet .btnArea .wrap .toFolder, .jobSearchListSet .btnArea .wrap .toDetail {  display: table-cell;  width: 50%;}.jobSearchListSet .btnArea .wrap .toFolder {  position: relative;  padding-right: 10px;}.jobSearchListSet .btnArea .wrap .toFolder .folderAddDone {  position: absolute;  top: -30px;  left: 50%;  width: 240px;  height: 50px;  line-height: 50px;  margin-left: -120px;  background: #fff;  border: 3px solid #71c826;  color: #71c826;  font-size: 12px;  z-index: 10;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.jobSearchListSet .btnArea .wrap .toFolder .folderAddDone:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}.jobSearchListSet .btnArea .wrap .toFolder .folderAddDone em {  margin: 0 5px;  font-size: 16px;}.jobSearchListSet .btnArea .wrap .toFolder .md_btn {  display: block;  z-index: 0;}.jobSearchListSet .btnArea .wrap .toFolder .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 10px;  font-size: 22px;  vertical-align: middle;}.jobSearchListSet .btnArea .wrap .toDetail {  padding-left: 10px;}.jobSearchListSet .btnArea .wrap .toDetail .md_btn {  display: block;  z-index: 0;}.jobSearchListSet .btnArea .wrap .toDetail .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 10px;  font-size: 30px;  vertical-align: middle;}.jobSearchListSet .btnArea.entryDone {  display: block;  margin: 0 auto;  width: 700px;  position: relative;}.jobSearchListSet .btnArea.entryDone:after {  display: inline-block;  position: absolute;  content: "※ エントリー済";  top: 50%;  margin-top: -9px;  right: 10px;  color: #999;  font-size: 13px;}.jobSearchListSet .btnArea.entryDone .wrap {  position: relative;  display: table;  width: 60%;  margin: 0 auto;}.jobSearchListSet .btnArea.entryDone .wrap .toDetail {  padding-left: 0px;}.jobSearchListSet.jobSearchListSet--folderDone .searchListBase {  padding: 20px;}/* Company Style */.searchListCompanyBase .consultantArea .nameSet .photo,.searchListCompanyBase .consultantArea .nameSet .profile {  vertical-align: middle;}.searchListCompanyBase .consultantArea .nameSet .profile .name a {  font-size: 16px;}/* jobSearchListSetCompany */.jobSearchListSetCompany .consultantArea {  min-height: auto;}.jobSearchListSetCompany .consultantArea .item,.jobSearchListSetCompany .consultantArea .companyName {  display: table-cell;  vertical-align: middle;}.jobSearchListSetCompany .consultantArea .item {  width: 1%;  white-space: nowrap;  padding: 10px 15px;  background: #f0f0e0;  border: 5px solid #f8f8f8;  border-radius: 0 0 0 4px;  font-weight: bold;  color: #965;}.jobSearchListSetCompany .consultantArea .companyName {  padding: 5px;  font-weight: bold;}/* jobSearchListSetEntryDone */.jobSearchListSetEntryDone {  background: #eee;  border-color: #d0d0d0;}.jobSearchListSetEntryDone .headArea .jobNameSet .marker .icon {  background: #999;}.jobSearchListSetEntryDone .headArea .jobNameSet .name {  color: #666;}.jobSearchListSetEntryDone .messageArea {  color: #777;}.jobSearchListSetEntryDone .dataArea table th {  background: #f5f5f5;}.jobSearchListSetEntryDone .headArea .iconSet .el_icon_job:before {  background: #aaa;}.jobSearchListSetEntryDone .consultantArea .nameSet .profile .item {  color: #888;}.jobSearchListSetEntryDone .consultantArea .valueSet .iconSet .el_icon_consul_strong {  border-bottom-color: #aaa;}.jobSearchListSetEntryDone .consultantArea .nameSet .profile .name,.jobSearchListSetEntryDone .consultantArea .nameSet .profile .company,.jobSearchListSetEntryDone .consultantArea .item,.jobSearchListSetEntryDone .consultantArea .companyName {  color: #888;}.jobSearchListSetEntryDone .doneAttention {  position: relative;  top: -5px;  padding-bottom: 5px;  font-size: 11px;  font-weight: bold;  color: #e33;  text-align: center;}.favAppealArea {  position: relative;  width: 600px;  margin: -5px auto 0;  background: #fff;  border: 3px solid #71C826;  z-index: 10;  border-radius: 3px;  z-index: 0;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.favAppealArea:after {  bottom: 100%;  left: 100px;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: rgba(229, 255, 207, 0);  border-bottom-color: #71C826;  border-width: 14px;}.favAppealArea .title {  margin: 0 10px;  padding: 15px 0 10px;  background: #fff;  color: #71C826;  border-bottom: 1px solid #e6e6e6;  text-align: center;  font-size: 15px;  font-weight: bold;  letter-spacing: 0.2em;}.favAppealArea .title:before {  bottom: 100%;  left: 104px;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  z-index: 10;  border-color: rgba(113, 200, 38, 0);  border-bottom-color: rgb(255, 255, 255);  border-width: 10px;}.favAppealArea .text {  padding: 10px;  font-size: 14px;  letter-spacing: 0;}.favAppealArea .text em {  color: #f60;}/* ------------ Setting Data ------------ */#listSettingData {  position: relative;  margin: 0 0 20px;  background: #bdcee0;  padding: 0 10px 10px;  border-radius: 3px;}#listSettingData .title {  position: relative;  padding: 10px;  font-size: 15px;  font-weight: bold;  text-align: center;  color: #222;}#listSettingData .content {  display: table;  width: 100%;  position: relative;  padding: 8px 8px 5px;  border: 1px solid rgba(255, 255, 255, 0.7);  line-height: 1.6;}#listSettingData .content .dataSet {  display: table;  width: 100%;  box-sizing: border-box;  line-height: 1.3;  letter-spacing: inherit;}#listSettingData .content .dataSet + .dataSet {  margin-top: 2px;}#listSettingData .content .dataSet .item {  margin-right: 10px;  position: relative;  display: inline-block !important;  height: 20px;  line-height: 22px;  padding: 0 6px;  background: rgba(255, 255, 255, 0.7);  font-size: 11px;  font-weight: bold;  color: #038;}#listSettingData .content .dataSet .item:after {  position: absolute;  top: 50%;  margin-top: -4px;  right: -4px;  content: "";  display: inline-block;  line-height: 0;  border-top: 4px solid transparent;  border-left: 4px solid rgba(255, 255, 255, 0.7);  border-bottom: 4px solid transparent;  border-top-color: rgba(255, 255, 255, 0);  border-bottom-color: rgba(255, 255, 255, 0);}#listSettingData .content .dataSet .data {  line-height: 24px;  display: inline;  word-break: break-all;  word-wrap: break-word;  overflow-wrap: break-word;}#listSettingData .content .dataSet .data .set {  display: inline;  font-size: 12px;  color: #038;  word-break: break-all;  word-wrap: break-word;  overflow-wrap: break-word;  letter-spacing: inherit;  line-height: 0.6;}#listSettingData .content .dataSet .data .set + .set:before {  display: inline-block;  content: "/";  margin: 0 5px;  color: rgba(255, 255, 255, 0.8);}#listSettingData .content .dataSet .data .set em {  color: #d70;}#listSettingData .content .dataSet .data .set em:after {  content: ":";  margin: 0 2px;}#listSettingData .content .dataSet .data .set em:after {  content: ":";  margin: 0 2px;}#listSettingData .content .agent {  margin-bottom: 10px;  padding: 3px 3px 10px;  background: url(../../imageFile/user/global/line_dot_1px_777_pitch2.png) 0 bottom repeat-x;}#listSettingData .content .agent .name {  font-size: 14px;  font-weight: bold;  color: #038;  line-height: 1.3;}#listSettingData .content .agent .from {  margin-top: 1px;  font-size: 11px;  font-weight: normal;  color: #038;}.saveDoneCopy {  position: absolute;  left: 50%;  margin-left: -135px;  top: -100px;  display: inline-block;  width: 270px;  padding: 15px 0 13px;  line-height: 1.45;  background: #ffd;  border: 3px solid #f90;  font-size: 17px;  font-weight: bold;  color: #f70;  z-index: 2;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  display: none;}.saveDoneCopy:before, .saveDoneCopy:after {  position: absolute;  left: 50%;  bottom: -10px;  margin-left: -8px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-top: 10px solid #ffd;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}.saveDoneCopy:before {  bottom: -13px;  border-top-color: #f90;}/* ------------ Setting Data ------------ */#listSettingDataBar {  position: relative;  margin-bottom: 20px;  padding-bottom: 10px;  background: #25a;  z-index: 3;}#listSettingDataBar .wrap {  width: 1010px;  margin: 0 auto;  padding: 8px 10px;  border: 1px solid rgba(255, 255, 255, 0.4);}#listSettingDataBar .wrap .dataSet + .dataSet {  margin-left: 15px;}#listSettingDataBar .wrap .dataSet .item {  position: relative;  display: inline-block;  height: 22px;  line-height: 22px;  padding: 0 6px;  background: rgba(255, 255, 255, 0.7);  font-size: 12px;  font-weight: bold;  color: #038;}#listSettingDataBar .wrap .dataSet .item:after {  position: absolute;  top: 50%;  margin-top: -4px;  right: -4px;  content: "";  display: inline-block;  line-height: 0;  border-top: 4px solid transparent;  border-left: 4px solid rgba(255, 255, 255, 0.7);  border-bottom: 4px solid transparent;  border-top-color: rgba(255, 255, 255, 0);  border-bottom-color: rgba(255, 255, 255, 0);}#listSettingDataBar .wrap .dataSet .data {  margin-left: 12px;  line-height: 22px;}#listSettingDataBar .wrap .dataSet .data .set {  display: inline;  font-size: 13px;  color: #fff;}#listSettingDataBar .wrap .dataSet .data .set + .set:before {  content: "/";  margin: 0 5px;  color: rgba(255, 255, 255, 0.8);}#listSettingDataBar .wrap .dataSet .data .set em {  color: #9cf;}#listSettingDataBar .wrap .dataSet .data .set em:after {  content: ":";  margin: 0 2px;}/* ------------ Resetting ------------ */#listResetting {  position: relative;  margin: 45px 0 0;  text-align: center;  border-radius: 3px;}#listResetting .catch {  position: relative;  background: #396cc1;  height: 54px;  line-height: 58px;  font-size: 18px;  font-weight: bold;  color: #fff;  letter-spacing: 0.2em;  border-radius: 3px 3px 0 0;}#listResetting .catch:after {  position: absolute;  left: 50%;  margin-left: -10px;  bottom: -12px;  content: "";  display: inline-block;  line-height: 0;  border-left: 10px solid transparent;  border-top: 12px solid #396cc1;  border-right: 10px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#listResetting .catch:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e911";  margin-right: 10px;  font-size: 38px;}#listResetting .content {  padding: 20px 0;  background: #fff;  border: 4px solid #396cc1;  border-top: none;  border-radius: 0 0 3px 3px;}#listResetting .content .nav {  position: relative;  padding-right: 0;  font-size: 16px;  line-height: 1.3;  color: #038;}#listResetting .content .nav em.num {  margin: 0 2px;  font-size: 26px;  font-weight: bold;  color: #F70;}#listResetting .content .btn {  margin-top: 10px;}#listResetting .content .btn .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f002";  margin-right: 10px;}/* ------------ No Result ------------ */.jobSearchListNoResult {  margin-top: 20px;  text-align: center;}.jobSearchListNoResult .main {  font-size: 20px;  font-weight: bold;  color: #e33;}.jobSearchListNoResult .navi {  margin-top: 10px;}.jobSearchListNoResult .navi a {  text-decoration: underline;  font-size: 12px;}.jobSearchListNoResult .navi em {  color: #68a;}/* ------------ JobDataListUnit ------------ */.jobSearchListJobDataListUnit {  margin-top: 20px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.jobSearchListJobDataListUnit .title {  height: 38px;  line-height: 40px;  padding: 0 8px;  background: #038;  font-size: 16px;  border-radius: 3px 3px 0 0;  text-align: center;}.jobSearchListJobDataListUnit .title .text {  display: inline-block;  color: #fff;}.jobSearchListJobDataListUnit .contents {  padding: 0 5px;  background: #fff;  border-radius: 0 0 3px 3px;}.jobSearchListJobDataListUnit .jobList .jobUnit {  padding: 7px 5px;  color: #222;}.jobSearchListJobDataListUnit .jobList .jobUnit + .jobUnit,.jobSearchListJobDataListUnit .jobList .jobUnit + .hideList {  border-top: 1px solid #e6e6e6;}.jobSearchListJobDataListUnit .jobList .noneUnit {  background: none;  padding: 40px 0;  color: #888;  text-align: center;  font-size: 11px;}.jobSearchListJobDataListUnit .jobList .jobUnit .jobName {  position: relative;  display: inline-block;  padding-left: 20px;  font-size: 12px;}.jobSearchListJobDataListUnit .jobList .jobUnit .jobName:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  content: "\f0f6";  top: 50%;  margin-top: -10px;  height: 20px;  line-height: 20px;  font-size: 14px;  left: 0;  color: #25a;}.jobSearchListJobDataListUnit .jobList .jobUnit .jobName:hover,.jobSearchListJobDataListUnit .jobList .jobUnit .jobName:hover:before {  color: #e60;}.jobSearchListJobDataListUnit .jobList .hideList {  display: none;}.jobSearchListJobDataListUnit .allLink {  margin: 0 -5px;  position: relative;  text-align: center;  border-top: 1px solid #e6e6e6;  background: #f6f6f6;  border-radius: 0 0 3px 3px;}.jobSearchListJobDataListUnit .allLink a, .jobSearchListJobDataListUnit .allLink span {  display: block;  height: 40px;  line-height: 40px;  font-size: 12px;}.jobSearchListJobDataListUnit .allLink a:before, .jobSearchListJobDataListUnit .allLink span:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 18px;  margin-right: 5px;}.jobSearchListJobDataListUnit .allLink a:hover, .jobSearchListJobDataListUnit .allLink span:hover {  color: #e80;}.jobSearchListJobDataListUnit .allLink.allLink--accordion a:before {  position: absolute;  top: 50%;  margin-top: -20px;  right: 5px;  content: "\f107";}.jobSearchListJobDataListUnit .allLink.allLink--accordionUp a:before {  position: absolute;  top: 50%;  margin-top: -20px;  right: 5px;  content: "\f106";}/* ------------ Mini Header ------------ */#miniHeader {  position: relative;  height: 60px;  background: #fff;  z-index: 9998;}#miniHeader .logo {  padding: 15px 0 0 30px;}#miniHeader .logo img,#miniHeader .logo .tagline {  display: inline-block;  vertical-align: middle;}#miniHeader .logo img {  width: auto;  height: 26px;}#miniHeader .logo .tagline {  margin-left: 25px;  font-weight: bold;  color: #038;}#miniHeader .pageDesc {  position: absolute;  right: 20px;  bottom: 10px;  font-size: 13px;  color: #777;  font-weight: normal;  line-height: 1;}/* ------------ Condition Change Panel ------------ */#overlayer {  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.5);  z-index: 9990;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#overlayer.hide {  display: none;}/* ----- Panel ----- */#conditionChangePanel {  position: fixed;  top: 0;  bottom: 0;  right: 0;  width: 1000px;  padding-left: 50px;  height: 100%;  background: rgba(214, 227, 240, 0.9);  z-index: 9991;  overflow: hidden;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;  /* Frame */  /* Panel | base */  /* Panel | Panel Title */  /* Panel | Panel Content */  /* Btn Bar */}#conditionChangePanel *:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}#conditionChangePanel:before {  position: absolute;  top: 0;  right: 0;  width: 950px;  content: "";  display: block;  height: 80px;  background: #bdcee0;  border-bottom: 1px solid #adbdce;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel.hide {  right: -2000px;}#conditionChangePanel.hide .panelTItle,#conditionChangePanel.hide .panelUnit .btnBar,#conditionChangePanel.hide .modalCloseArea,#conditionChangePanel.hide .conditionChangePanelWrap {  right: -2000px;}#conditionChangePanel .panelTItle,#conditionChangePanel .panelUnit .btnBar,#conditionChangePanel .modalCloseArea,#conditionChangePanel .conditionChangePanelWrap {  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#conditionChangePanel .modalCloseArea {  position: fixed;  top: 0;  bottom: 0;  right: 950px;  width: 50px;  background: rgba(0, 0, 0, 0.2);  z-index: 99999;  cursor: pointer;  border-right: 1px solid #adbdce;}#conditionChangePanel .modalCloseArea .text {  position: absolute;  top: 50%;  display: block;  width: 50px;  height: 50px;  line-height: 50px;  margin-top: 5px;  color: #fff;  font-size: 40px;  text-align: center;}#conditionChangePanel .modalCloseArea:hover {  background: rgba(0, 0, 0, 0.3);}#conditionChangePanel .conditionChangePanelWrap {  position: fixed;  top: 0;  bottom: 0;  right: 0;  width: 950px;  height: 100%;  overflow: hidden;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#conditionChangePanel .panelUnit {  display: none;  min-width: 950px;}#conditionChangePanel .panelUnit.default {  display: block;}#conditionChangePanel .panelUnit.defaultNodata {  display: block;}#conditionChangePanel .panelUnit.defaultNodata + .default {  display: none;}#conditionChangePanel .panelUnit .panelTItle {  position: absolute;  height: 80px;  width: 950px;  background: #bdcee0;  text-align: center;  z-index: 99;}#conditionChangePanel .panelUnit .panelTItle .title {  position: relative;  min-width: 1030px;  margin: 0 auto;  font-size: 20px;  font-weight: bold;  color: #222;  line-height: 80px;}#conditionChangePanel .panelUnit .panelTItle .title .pageDesc {  position: absolute;  top: 10px;  right: 10px;  font-weight: normal;  font-size: 12px;  color: #666;}#conditionChangePanel .panelUnit .panelTItle .js_close,#conditionChangePanel .panelUnit .panelTItle .js_return {  position: absolute;  display: inline-block;  top: 0;  width: 80px;  height: 80px;  line-height: 80px;  font-weight: normal;  color: #222;  z-index: 1;}#conditionChangePanel .panelUnit .panelTItle .js_close:hover,#conditionChangePanel .panelUnit .panelTItle .js_return:hover {  background: rgba(0, 0, 0, 0.05);}#conditionChangePanel .panelUnit .panelTItle .js_close {  right: 0;  font-size: 50px;  display: none;}#conditionChangePanel .panelUnit .panelTItle .js_return {  left: 0;}#conditionChangePanel .panelUnit .panelTItle .js_return:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  content: "\f104";  top: 0;  left: 50%;  text-align: center;  font-size: 50px;  height: 80px;  line-height: 76px;  width: 30px;  margin-left: -16px;  color: #222;}#conditionChangePanel .panelUnit .panelContent {  position: absolute;  top: 80px;  bottom: 0;  width: 950px;  padding: 20px;  overflow: hidden;  overflow-y: auto;  /* Panel | Default */  /* Panel | Button Style */  /* Panel | Button Style Radio*/  /* Panel | Profile */  /* Panel | Big Category */  /* Panel | Setting */}#conditionChangePanel .panelUnit .panelContent:after {  display: block;  content: "";  width: 100%;  height: 200px;}#conditionChangePanel .panelUnit .panelContent .settingTitle {  margin-bottom: 20px;  font-size: 18px;  font-weight: bold;  letter-spacing: 0.2em;  text-align: center;}#conditionChangePanel .panelUnit .panelContent .settingTitle em {  font-size: 22px;  color: #038;}#conditionChangePanel .panelUnit .panelContent .btnList {  margin-top: -20px;}#conditionChangePanel .panelUnit .panelContent .btnList:after {  clear: both;  content: "";  display: block;  height: 20px;  width: 100%;}#conditionChangePanel .panelUnit .panelContent .btnList .btn {  float: left;  width: 32%;  margin-top: 20px;  vertical-align: top;}#conditionChangePanel .panelUnit .panelContent .btnList .btn:nth-child(3n+1),#conditionChangePanel .panelUnit .panelContent .btnList .btn:nth-child(3n+2) {  margin-right: 2%;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart {  display: block;  height: 140px;  padding: 10px 10px 0;  background: #fff;  text-align: center;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .panelContent .btnList .btn a:hover, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart:hover {  background: #ffe;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a:active, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart:active {  padding-top: 12px;  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a .text, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart .text {  position: relative;  display: inline-block;  padding-top: 65px;  font-size: 20px;  font-weight: bold;  color: #038;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart .text:before {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "";  display: inline-block;  width: 50px;  text-align: center;  top: 0;  left: 50%;  margin-left: -25px;  font-size: 50px;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a .text .must, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart .text .must {  position: relative;  top: -3px;  margin-left: 6px;  display: inline-block;  height: 20px;  line-height: 21px;  padding: 0 7px;  background: #f00;  font-size: 14px;  font-weight: bold;  color: #fff;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a .setting, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart .setting {  display: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.jobType .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.jobType .text:before {  content: "\e901";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.category .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.category .text:before {  content: "\e904";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.area .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.area .text:before {  content: "\e919";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.income .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.income .text:before {  content: "\e908";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.position .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.position .text:before {  content: "\e91c";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.english .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.english .text:before {  content: "\e90c";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.lang .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.lang .text:before {  content: "\e90b";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.point .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.point .text:before {  content: "\e90d";}#conditionChangePanel .panelUnit .panelContent .btnList .btn a.keyword .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn .linkPart.keyword .text:before {  content: "\e917";}#conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn {  width: 100%;  padding: 0;  background-color: rgba(255, 255, 255, 0.7);}#conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn a.profile, #conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn .linkPart.profile {  height: auto;  padding: 25px 10px;  background: none;  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn a.profile .text, #conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn .linkPart.profile .text {  padding-top: 0;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn a.profile .text:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn.profileBtn .linkPart.profile .text:before {  display: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart {  position: relative;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .text, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .text {  color: #f90;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .text .must, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .text .must {  display: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .setData, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .setData {  overflow: hidden;  text-overflow: ellipsis;  width: 100%;  word-wrap: normal;  white-space: nowrap;  margin-top: 0;  color: #222;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .setData .set, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .setData .set {  font-size: 13px;  letter-spacing: 0;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .setData .set + .set:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .setData .set + .set:before {  content: "/";  margin: 0 5px;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select a .setting, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select .linkPart .setting {  position: absolute;  right: 10px;  top: 10px;  display: inline-block;  padding: 0 5px;  height: 24px;  line-height: 25px;  border-radius: 3px;  background: #f90;  font-size: 13px;  font-weight: bold;  color: #fff;  letter-spacing: 0;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart {  background: #fdd;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a :active, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart :active {  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a .setting, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart .setting {  background: #f00;  z-index: 9;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a .setting:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart .setting:before {  border-right-color: #f00;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a .setting:after, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart .setting:after {  border-right-color: #a00;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not a .text, #conditionChangePanel .panelUnit .panelContent .btnList .btn.select.select--not .linkPart .text {  color: #038;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable {  position: relative;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable:before {  content: "※ 変更できません";  position: absolute;  left: 10px;  top: 10px;  z-index: 3;  font-size: 11px;  color: #f00;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart {  cursor: default;  background-color: #f3f3f3;  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a:hover, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart:hover {  background: #f3f3f3;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a:active, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart:active {  padding-top: 10px;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .text, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .text {  color: #888;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .setting, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .setting {  background-color: #888;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .setting:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .setting:before {  border-right-color: #888;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .setting:after, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .setting:after {  border-left-color: #888;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .setting .settingBase:before, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .setting .settingBase:before {  border-left-color: #333;}#conditionChangePanel .panelUnit .panelContent .btnList .btn.disable a .setting .settingBase:after, #conditionChangePanel .panelUnit .panelContent .btnList .btn.disable .linkPart .setting .settingBase:after {  border-right-color: #333;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet {  margin-top: 0;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet:after {  display: none;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn {  width: 49%;  margin: 0;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn + .btn {  margin-left: 2%;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart {  height: 80px;  padding: 17px 35px 15px;  text-align: left;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a:active, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart:active {  padding-top: 19px;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a .text, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart .text {  padding-top: 0;  font-size: 17px;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a .text:before, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart .text:before {  display: none;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a .setData, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart .setData {  margin-top: 0;  color: #222;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a .setData .set, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart .setData .set {  font-size: 12px;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn a .setting, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn .linkPart .setting {  text-align: center;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn.disable:before {  content: "※ Web履歴書ページから変更できます";  position: absolute;  right: 65px;  top: 15px;  z-index: 3;  font-size: 11px;  color: #f00;  letter-spacing: 0;  text-align: right;}#conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn.disable a:active, #conditionChangePanel .panelUnit .panelContent .btnList.profileSet .btn.disable .linkPart:active {  padding-top: 17px;}#conditionChangePanel .panelUnit .panelContent .keywordSet {  display: block;  padding: 40px 0 40px 200px;  background: #fff;  vertical-align: top;  border-radius: 3px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .text {  margin-bottom: 10px;  padding-left: 3px;  font-size: 22px;  font-weight: bold;  color: #038;}#conditionChangePanel .panelUnit .panelContent .keywordSet .input + .input {  margin-top: 20px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .input input,#conditionChangePanel .panelUnit .panelContent .keywordSet .input .holder,#conditionChangePanel .panelUnit .panelContent .keywordSet .input .and {  display: inline-block;  margin-left: 8px;  padding-bottom: 4px;  font-size: 16px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .input input {  width: 440px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .input .holder {  margin-left: 10px;  padding-bottom: 4px;  font-size: 16px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .input .and {  margin: 0 9px 0 3px;  padding-bottom: 7px;  color: #999;  font-size: 12px;}#conditionChangePanel .panelUnit .panelContent .keywordSet .attention {  position: relative;  padding: 30px 0 0 10px;  font-size: 13px;  color: #888;  line-height: 1.2;}#conditionChangePanel .panelUnit .panelContent .keywordSet .attention:before {  content: "※";  margin-right: 3px;}#conditionChangePanel .panelUnit .panelContent .keywordSet.disable {  position: relative;  background-color: #f3f3f3;  border-color: #aaa;}#conditionChangePanel .panelUnit .panelContent .keywordSet.disable:before {  position: absolute;  left: 175px;  top: 25px;  content: "※ 変更できません";  z-index: 3;  font-size: 11px;  color: #f00;  font-weight: normal;}#conditionChangePanel .panelUnit .panelContent .keywordSet.disable .text {  color: #888;}#conditionChangePanel .panelUnit .panelContent .keywordSet.disable .input input {  background-color: #e8e8e8;  border-color: #aaa;}#conditionChangePanel .panelUnit .panelContent .check {  display: inline-block;  vertical-align: top;  border-radius: 3px;}#conditionChangePanel .panelUnit .panelContent .check label {  cursor: pointer;  position: relative;  display: block;  height: 60px;  line-height: 60px;  padding: 0 15px 0 50px;  background: #fff;  font-size: 18px;  font-weight: bold;  color: #038;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .panelContent .check label:hover {  background: #ffe;}#conditionChangePanel .panelUnit .panelContent .check label.on {  background-color: #4e74b4;  color: #fff;  border-top-color: rgba(0, 0, 0, 0.6);  border-left-color: rgba(0, 0, 0, 0.4);  border-right-color: rgba(255, 255, 255, 0.1);  border-bottom-color: rgba(255, 255, 255, 0.3);}#conditionChangePanel .panelUnit .panelContent .check label.line2 {  padding-top: 11px;  line-height: 1.3;}#conditionChangePanel .panelUnit .panelContent .check label input {  display: none;}#conditionChangePanel .panelUnit .panelContent .check label:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\ea28";  position: absolute;  top: 50%;  left: 15px;  width: 24px;  height: 24px;  margin-top: -12px;  background: #ddd;  font-size: 14px;  font-weight: normal;  line-height: 24px;  color: #fff;  text-align: center;  border-radius: 2px;}#conditionChangePanel .panelUnit .panelContent .check label.on:before {  background: #fff;  color: #f90;}#conditionChangePanel .panelUnit .panelContent .js_radioCheck .check label:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f111";  position: absolute;  top: 50%;  left: 15px;  width: 24px;  height: 24px;  margin-top: -12px;  background: #ddd;  font-size: 14px;  font-weight: normal;  line-height: 24px;  color: #fff;  text-align: center;  border-radius: 12px;}#conditionChangePanel .panelUnit .panelContent .js_radioCheck .check label.on:before {  background: #fff;  color: #f90;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit .label {  margin-bottom: 15px;  padding-left: 10px;  font-size: 22px;  font-weight: bold;  color: #038;  line-height: 1;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit .label.must:after {  content: "必須";  position: relative;  top: -2px;  margin-left: 6px;  display: inline-block;  height: 18px;  line-height: 19px;  padding: 0 7px;  background: #f00;  font-size: 12px;  font-weight: bold;  color: #fff;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit .label + .popup {  position: absolute;  left: 260px;  top: 0;  padding-left: 19px;  font-size: 16px;  display: inline-block;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit .label + .popup:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f08e";  position: absolute;  top: 50%;  margin-top: -10px;  left: 0;  height: 20px;  line-height: 20px;  margin-right: 5px;  font-size: 14px;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit + .profileInputUnit {  position: relative;  margin-top: 40px;  padding-top: 0;}#conditionChangePanel .panelUnit .panelContent .profileInputUnit.school .label:after,#conditionChangePanel .panelUnit .panelContent .profileInputUnit.graduate .label:after {  margin-left: -3px;}#conditionChangePanel .panelUnit .panelContent .profileCheckList {  overflow: hidden;  margin-top: 10px;  padding: 5px 20px 15px;  background: rgba(255, 255, 255, 0.6);  border: 1px solid #bbcadd;  border-radius: 3px;}#conditionChangePanel .panelUnit .panelContent .profileCheckList.profileCheckList--wish {  margin: 0 auto;  padding: 0;  background: none;  border: none;}#conditionChangePanel .panelUnit .panelContent .profileCheckList .check {  float: left;  margin-top: 10px;}#conditionChangePanel .panelUnit .panelContent .profileCheckList .check label {  height: 50px;  line-height: 50px;  padding: 0 0 0 20px;  text-align: center;}#conditionChangePanel .panelUnit .panelContent .school .profileCheckList .check {  width: 32%;}#conditionChangePanel .panelUnit .panelContent .school .profileCheckList .check:nth-child(3n+2),#conditionChangePanel .panelUnit .panelContent .school .profileCheckList .check:nth-child(3n+3) {  margin-left: 2%;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check,#conditionChangePanel .panelUnit .panelContent .times .profileCheckList .check {  width: 23.5%;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check:nth-child(4n+3),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check:nth-child(4n+3),#conditionChangePanel .panelUnit .panelContent .times .profileCheckList .check:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .times .profileCheckList .check:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .times .profileCheckList .check:nth-child(4n+3) {  margin-right: 2%;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check label {  padding-top: 5px;  line-height: 1;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check label .sub {  margin-top: 2px;  font-size: 13px;  font-weight: normal;  color: #666;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check label.on .sub {  color: #fff;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check.old,#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList .check.new,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check.old,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList .check.new,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList .check.old,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList .check.new {  display: none;}#conditionChangePanel .panelUnit .panelContent .graduate .switch,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch {  clear: left;  position: relative;  margin-top: 10px;  margin-bottom: -25px;  z-index: 2;}#conditionChangePanel .panelUnit .panelContent .graduate .switch a, #conditionChangePanel .panelUnit .panelContent .graduate .switch span,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch a,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch span,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch a,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch span {  position: relative;  display: block;  height: 44px;  line-height: 46px;  font-size: 16px;  font-weight: bold;  color: #fff;  background: #25a;  text-align: center;  border-radius: 3px 4px 0 0;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit .panelContent .graduate .switch a:before, #conditionChangePanel .panelUnit .panelContent .graduate .switch span:before,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch a:before,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch span:before,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch a:before,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch span:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  top: -2px;  margin-right: 7px;  text-align: center;  font-size: 22px;  height: 20px;  line-height: 20px;  color: #fff;}#conditionChangePanel .panelUnit .panelContent .graduate .switch.bottom,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch.bottom,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch.bottom {  margin: -20px 0 0;}#conditionChangePanel .panelUnit .panelContent .graduate .switch.bottom a,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch.bottom a,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch.bottom a {  border-radius: 0 0 4px 4px;  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit .panelContent .graduate .switch.bottom a:before,#conditionChangePanel .panelUnit .panelContent .profileIncome .switch.bottom a:before,#conditionChangePanel .panelUnit .panelContent .settingIncome .switch.bottom a:before {  content: "\f107";}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category {  display: inline-block;  width: 23.5%;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category a, #conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category .linkPart,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category a,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category .linkPart,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category a,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category .linkPart {  padding-top: 15px;  line-height: 1.2;  text-align: center;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category a .sub, #conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category .linkPart .sub,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category a .sub,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category .linkPart .sub,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category a .sub,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category .linkPart .sub {  margin-top: 3px;  font-size: 13px;  font-weight: normal;  color: #666;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category:nth-child(4n+3),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category:nth-child(4n+3),#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category:nth-child(4n+1),#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category:nth-child(4n+2),#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category:nth-child(4n+3) {  margin-right: 2%;}#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category.old,#conditionChangePanel .panelUnit .panelContent .graduate .profileCheckList.categoryList .category.new,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category.old,#conditionChangePanel .panelUnit .panelContent .profileIncome .profileCheckList.categoryList .category.new,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category.old,#conditionChangePanel .panelUnit .panelContent .settingIncome .profileCheckList.categoryList .category.new {  display: none;}#conditionChangePanel .panelUnit .panelContent .profileIncome {  margin-bottom: 140px;}#conditionChangePanel .panelUnit .panelContent .categoryList .category {  padding: 4px;}#conditionChangePanel .panelUnit .panelContent .categoryList .category a, #conditionChangePanel .panelUnit .panelContent .categoryList .category .linkPart {  position: relative;  display: block;  height: 60px;  line-height: 60px;  padding: 0 25px 0 15px;  background: #fff;  font-size: 18px;  font-weight: bold;  color: #038;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .panelContent .categoryList .category a:hover, #conditionChangePanel .panelUnit .panelContent .categoryList .category .linkPart:hover {  background: #ffe;}#conditionChangePanel .panelUnit .panelContent .categoryList .category a:active, #conditionChangePanel .panelUnit .panelContent .categoryList .category .linkPart:active {  line-height: 62px;  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .categoryList .category a:after, #conditionChangePanel .panelUnit .panelContent .categoryList .category .linkPart:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  top: 50%;  margin-top: -15px;  right: 15px;  text-align: center;  font-size: 30px;  height: 30px;  line-height: 30px;}#conditionChangePanel .panelUnit .panelContent .categoryList .category + .category {  margin-top: 10px;}#conditionChangePanel .panelUnit .panelContent .categoryList .category .selectIcon {  position: relative;  top: -2px;  display: inline-block;  height: 24px;  line-height: 25px;  margin-left: 15px;  padding: 0 5px;  background: #f90;  font-size: 13px;  font-weight: bold;  color: #fff;  vertical-align: middle;  border-radius: 3px;  letter-spacing: 0;  display: none;}#conditionChangePanel .panelUnit .panelContent .categoryList .category .selectIcon.show {  display: inline-block;}#conditionChangePanel .panelUnit .panelContent .checkList {  margin-top: -10px;  display: none;  padding-bottom: 25px;}#conditionChangePanel .panelUnit .panelContent .checkList.unHideCheckList {  display: block;}#conditionChangePanel .panelUnit .panelContent .checkList .check {  width: 48.5%;  margin-top: 10px;}#conditionChangePanel .panelUnit .panelContent .checkList .check:nth-child(2n+1) {  margin-left: 3%;}#conditionChangePanel .panelUnit .panelContent .checkList .check.big {  width: 100%;  padding: 4px;}#conditionChangePanel .panelUnit .panelContent .checkList .check.big:nth-child(2n+1) {  margin-left: 0;}#conditionChangePanel .panelUnit .panelContent .checkList .check.small {  padding: 3px;}#conditionChangePanel .panelUnit .panelContent .checkList .check.small label {  font-weight: normal;  font-size: 16px;}#conditionChangePanel .panelUnit .panelContent .checkList.noBig .check:nth-child(2n) {  margin-left: 3%;}#conditionChangePanel .panelUnit .panelContent .checkList.noBig .check:nth-child(2n+1) {  margin-left: 0;}#conditionChangePanel .panelUnit .panelContent .checkList.noBig .check.small {  padding: 4px;}#conditionChangePanel .panelUnit .panelContent .checkList.noBig .check.small label {  font-weight: bold;}#conditionChangePanel .panelUnit .panelContent .englishCheckSet {  clear: both;  position: relative;  top: 0;  width: 900px;  margin: 0 auto;  padding: 40px 20px 20px;  background: #94b1da;  display: none;  border-radius: 3px;}#conditionChangePanel .panelUnit .panelContent .englishCheckSet:before {  position: absolute;  left: 50%;  margin-left: -8px;  top: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-bottom: 10px solid #94b1da;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#conditionChangePanel .panelUnit .panelContent .englishCheckSet:after {  position: absolute;  left: 50%;  top: 15px;  margin-left: -150px;  content: "英語力のレベルも設定できます";  display: inline-block;  width: 300px;  font-size: 16px;  font-weight: bold;  color: #000;  text-align: center;}#conditionChangePanel .panelUnit .panelContent .englishCheckSet .check {  width: 48.5%;  margin-top: 10px;  padding: 2px;}#conditionChangePanel .panelUnit .panelContent .englishCheckSet .check:nth-child(2n) {  margin-left: 3%;}#conditionChangePanel .panelUnit .panelContent .englishCheckSet .check label {  height: 60px;  line-height: 60px;  font-size: 16px;  text-align: center;}#conditionChangePanel .panelUnit .panelContent .pointList {  width: 950px;  margin: 0 auto;}#conditionChangePanel .panelUnit .panelContent .pointList .point + .point {  margin-top: 25px;}#conditionChangePanel .panelUnit .panelContent .pointList .point .label {  height: 40px;  line-height: 46px;  background: #25a;  font-size: 18px;  font-weight: bold;  color: #fff;  text-align: center;  border-radius: 3px 3px 0 0;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio {  display: inline-block;  width: 33%;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio + .radio {  border-left: 1px solid #eee;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.can {  width: 34%;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio label {  position: relative;  cursor: pointer;  display: block;  height: 60px;  line-height: 60px;  background: #fff;  font-size: 18px;  font-weight: bold;  color: #038;  text-align: center;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio label:hover {  background: #ffe;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio + .radio label {  border-left: none;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.must label {  border-radius: 0 0 0 3px;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.free label {  border-radius: 0 0 3px 0;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio label.on {  color: #fff;  box-shadow: none;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.must label.on,#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.can label.on {  background: #f90;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio.free label.on {  background: #aaa;}#conditionChangePanel .panelUnit .panelContent .pointList .point .radioBtn .radio label input {  display: none;}#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check {  width: 23.5%;}#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check:nth-child(4n+1),#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check:nth-child(4n+2),#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check:nth-child(4n+3) {  margin-right: 2%;}#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check.old,#conditionChangePanel .panelUnit.income .panelContent .profileCheckList .check.new {  display: none;}#conditionChangePanel .panelUnit.income .panelContent .switch {  clear: left;  position: relative;  margin-top: 10px;  margin-bottom: -40px;  z-index: 2;}#conditionChangePanel .panelUnit.income .panelContent .switch.bottom {  margin: -30px 0 0;}#conditionChangePanel .panelUnit.income .panelContent .switch a {  position: relative;  display: block;  height: 44px;  line-height: 46px;  font-size: 16px;  font-weight: bold;  color: #fff;  background: #25a;  text-align: center;  border-radius: 3px 4px 0 0;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit.income .panelContent .switch.bottom a {  border-radius: 0 0 4px 4px;  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit.income .panelContent .switch a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  top: -2px;  margin-right: 7px;  text-align: center;  font-size: 22px;  height: 20px;  line-height: 20px;  color: #fff;}#conditionChangePanel .panelUnit.income .panelContent .switch.bottom a:before {  content: "\f107";}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList {  margin-top: 30px;  padding: 0 200px;}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet {  display: table;  width: 100%;  padding-bottom: 20px;  border-bottom: 1px solid rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet + .experiSet,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet + .experiSet {  margin-top: 20px;}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet:first-of-type,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet:first-of-type {  padding-top: 20px;  border-top: 1px solid rgba(0, 0, 0, 0.3);}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet .name,#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet .select,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet .name,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet .select {  display: table-cell;  width: 50%;  padding: 0 10px;  vertical-align: middle;}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet .name,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet .name {  font-size: 22px;  font-weight: bold;  color: #038;}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet .select,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet .select {  text-align: right;}#conditionChangePanel .panelUnit.settingJbExYear .experiSetList .experiSet .select select,#conditionChangePanel .panelUnit.settingTyExYear .experiSetList .experiSet .select select {  padding-right: 30px;  background: url(../../imageFile/user/global_select_arrow.png) right center no-repeat #fff;}#conditionChangePanel .panelUnit .btnBar {  position: fixed;  bottom: 0;  right: 0;  width: 950px;  display: block;  padding: 13px 0;  background: #bdcee0;  text-align: center;  z-index: 9999;  border-top: 1px solid #adbdce;  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .btnBar .cellBase {  position: relative;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn {  position: relative;  display: inline-block;  height: 54px;  line-height: 56px;  width: 280px;  padding: 0;  text-align: center;  background: #71c826;  font-size: 20px;  font-weight: bold;  color: #fff;  letter-spacing: 0.2em;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}#conditionChangePanel .panelUnit .btnBar .btn .md_btn:after {  display: none !important;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide {  background: #aaa;  color: #fff;  box-shadow: none;  cursor: default;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide:hover, #conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide:active {  top: 0;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide.js_submit {  background: #f90;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  cursor: pointer;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide.js_submit:hover {  top: -1px;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.decide.js_submit:active {  top: 1px;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn:after {  position: absolute;  right: 0;  bottom: 0;  content: "";  display: inline-block;  line-height: 0;  border-top: 10px solid transparent;  border-right: 10px solid #038;  border-top-color: rgba(255, 255, 255, 0);  border-bottom-color: rgba(255, 255, 255, 0);}#conditionChangePanel .panelUnit .btnBar .btn.mini {  display: inline-block;  vertical-align: middle;}#conditionChangePanel .panelUnit .btnBar .btn.mini + .btn.mini {  margin-left: 10px;}#conditionChangePanel .panelUnit .btnBar .btn.mini .md_btn {  width: 180px;  font-size: 22px;}#conditionChangePanel .panelUnit .btnBar .btn.mini .md_btn.add {  padding: 0 10px 0 25px;  background: #fff;  color: #038;  font-size: 16px;  letter-spacing: 0;}#conditionChangePanel .panelUnit .btnBar .btn.mini .md_btn.add:before {  position: absolute;  left: 10px;  top: 50%;  margin-top: -10px;  content: "＋";  font-weight: bold;  color: #038;  height: 20px;  line-height: 20px;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search {  background: #f70;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search:hover {  background-color: #f92;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f002";  top: -3px;  margin-right: 10px;  text-align: center;  font-size: 26px;  height: 26px;  line-height: 26px;  color: #fff;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search.careerAdd:before {  display: none;}#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search.off,#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search.off:hover,#conditionChangePanel .panelUnit .btnBar .btn .md_btn.search.off:active {  top: 0;  background: #aaa;  box-shadow: none;  cursor: default;}#conditionChangePanel .panelUnit .btnBar .btn .close_btn {  position: absolute;  display: inline-block;  top: 50%;  right: 20px;  margin-top: -26px;  vertical-align: middle;  display: none;}#conditionChangePanel .panelUnit .btnBar .btn .close_btn a {  display: block;  padding: 0 20px;  height: 52px;  line-height: 52px;  background: #038;  border: 1px solid rgba(255, 255, 255, 0.5);  font-size: 15px;  font-weight: bold;  color: #fff;  text-align: center;  box-sizing: border-box;  border-radius: 3px;}#conditionChangePanel .panelUnit .btnBar .btn .close_btn a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: -2px;  content: "×";  margin-right: 6px;  text-align: center;  font-size: 24px;}#conditionChangePanel .panelUnit .btnBar .btn .close_btn a:hover {  background: rgba(0, 0, 0, 0.2);}#conditionChangePanel .panelUnit .btnBar .numSet {  position: absolute;  top: 50%;  margin-top: -33px;  right: 680px;  width: 270px;  white-space: nowrap;  text-align: right;  line-height: 30px;  letter-spacing: 0;}#conditionChangePanel .panelUnit .btnBar .numSet.numSet--many .label {  font-size: 16px;}#conditionChangePanel .panelUnit .btnBar .numSet.numSet--many .num {  font-size: 16px;}#conditionChangePanel .panelUnit .btnBar .numSet.numSet--many .num em {  font-size: 44px;}#conditionChangePanel .panelUnit .btnBar .numSet .label,#conditionChangePanel .panelUnit .btnBar .numSet .num {  display: inline-block;  vertical-align: middle;}#conditionChangePanel .panelUnit .btnBar .numSet .label {  position: relative;  top: 10px;  margin-right: 5px;  font-size: 18px;  color: #222;}#conditionChangePanel .panelUnit .btnBar .numSet .num {  font-size: 18px;  color: #222;}#conditionChangePanel .panelUnit .btnBar .numSet .num em {  margin-right: 5px;  font-family: "Montserrat";  font-size: 46px;  font-weight: bold;  color: #f60;}#conditionChangePanel .panelUnit .btnBar .attentionBar {  position: absolute;  top: -53px;  left: 50%;  margin-left: -270px;  z-index: 99;}#conditionChangePanel .panelUnit .btnBar .attentionBar .attention {  position: relative;  display: inline-block;  width: 540px;  padding: 10px 0;  border: 2px solid #f44;  background: #fff;  color: #f44;  text-align: center;  font-size: 16px;  font-weight: bold;  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}#conditionChangePanel .panelUnit .btnBar .attentionBar .attention:before {  position: absolute;  content: "";  right: 50%;  margin-right: -10px;  bottom: -14px;  width: 0;  height: 0;  border-style: solid;  border-width: 14px 10px 0px 10px;  border-color: #f44 transparent transparent transparent;  z-index: 3;}#conditionChangePanel .panelUnit .btnBar .attentionBar .attention:after {  position: absolute;  content: "";  right: 50%;  margin-right: -10px;  bottom: -11px;  width: 0;  height: 0;  border-style: solid;  border-width: 14px 10px 0px 10px;  border-color: #fff transparent transparent transparent;  z-index: 3;}#conditionChangePanel .panelUnit .btnBar.btnBar--wish .cellBase {  width: 1030px;  margin: 0 auto;}#conditionChangePanel .panelUnit .btnBar.btnBar--wish .cellBase .numSet {  right: inherit;  left: 0;}#conditionChangePanel .panelUnit .btnBar.addBtnBar {  display: none;}/* For Form Only Style */#conditionChangePanel.formOnly {  width: 100%;  padding-left: 0;}#conditionChangePanel.formOnly:before,#conditionChangePanel.formOnly .panelTItle,#conditionChangePanel.formOnly .conditionChangePanelWrap,#conditionChangePanel.formOnly .btnBar {  width: 100%;}#conditionChangePanel.formOnly .panelContent {  width: 100%;  margin: 0 auto;}#conditionChangePanel.formOnly .panelContent .btnList {  width: 950px;  margin: -20px auto 0;}#conditionChangePanel.formOnly .panelContent .categoryList,#conditionChangePanel.formOnly .panelContent .checkList,#conditionChangePanel.formOnly .panelContent .profileCheckList,#conditionChangePanel.formOnly .panelContent .switch,#conditionChangePanel.formOnly .panelContent .keywordSet,#conditionChangePanel.formOnly .panelContent .profileInputUnit {  width: 950px;  margin: 0 auto;}#conditionChangePanel.formOnly .panelContent .switch.bottom {  margin: -30px auto 0 !important;}#conditionChangePanel.formOnly .modalCloseArea {  display: none;}/* For Jobtype Form Style */#conditionChangePanel.jobTypeForm .panelUnit.defaultJobType {  display: block;}#conditionChangePanel.jobTypeForm .panelUnit.defaultJobType .panelContent .checkList {  display: block;}#conditionChangePanel.jobTypeForm .panelUnit.defaultJobType .panelContent .checkList label.on a {  color: #fff;}/* ------------ For Special Design ------------ *//* Layout */.specialLayout {  margin-top: 30px;  padding-bottom: 50px;  background-color: rgba(255, 255, 255, 0.3);  border-radius: 5px;}.specialLayout .md_tab, .specialLayout .md_listNum, .specialLayout .md_pagination, .specialLayout .jobSearchListSet {  margin-left: 127.5px;  margin-right: 127.5px;}/* Special */#listFunctionArea.special .displayNum {  width: auto;}#listFunctionArea.special .functionList {  width: 322px;}#listFunctionArea.special .functionList .function.change {  width: 100%;}/* Title */#specialTitle {  position: relative;  margin-bottom: 40px;  padding: 40px 80px 35px;  background-color: rgba(255, 255, 255, 0.7);  border-radius: 5px 5px 0 0;}#specialTitle:after {  position: absolute;  content: "";  display: inline-block;  left: 50%;  bottom: -14px;  margin-left: -14px;  line-height: 0;  border-left: 14px solid transparent;  border-top: 14px solid rgba(255, 255, 255, 0.7);  border-right: 14px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#specialTitle .base {  padding: 0 0 0 150px;}#specialTitle .base .label {  position: absolute;  top: 50%;  left: 40px;  margin-top: -75px;  display: inline-block;  width: 150px;  height: 150px;  padding-top: 38px;  border-radius: 150px;  background: #800;  font-size: 26px;  font-weight: bold;  color: #fff;  line-height: 45px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  text-align: center;}#specialTitle .base .label .sub {  font-size: 18px;  font-weight: normal;}#specialTitle .base .titleSet {  text-align: left;}#specialTitle .base .titleSet .title {  font-size: 28px;  font-weight: bold;  color: #853;  line-height: 1.25;}#specialTitle .base .titleSet .holderSet .holder {  display: inline-block;  margin-left: 5px;  font-size: 28px;  font-weight: bold;  color: #222;}#specialTitle .base .titleSet .holderSet .term {  font-size: 14px;  color: #888;  vertical-align: middle;}#specialTitle .base .titleSet .holderSet .term:before {  content: "（";}#specialTitle .base .titleSet .holderSet .term:after {  content: "）";}#specialTitle .base .navCopy {  margin-top: 20px;  font-size: 14px;  line-height: 1.5;}/*No Result */.specialLayout #noResult {  position: relative;  margin: 40px 0;  padding: 0;  background-color: transparent;}.specialLayout #noResult .base {  background-color: transparent;}/* End Announce */#specialOldAnnounce {  position: relative;  margin: 30px 0 0;  padding: 20px 10px;  background: #f6f6f6;  border: 4px solid #ccc;  text-align: center;}#specialOldAnnounce .catch {  font-size: 18px;  font-weight: bold;  line-height: 1.7;}#specialOldAnnounce .catch em {  color: #e33;}#specialOldAnnounce .catch .icon {  padding: 3px 7px;  margin: 0 10px;  background: #aaa;  text-align: center;  font-size: 14px;  font-weight: normal;  color: #fff;  vertical-align: middle;}#specialOldAnnounce .catch .sub {  padding: 0 100px 20px;  font-size: 24px;  font-weight: bold;  vertical-align: middle;}#specialOldAnnounce .hint {  margin-top: 15px;  padding-top: 15px;  background: url(../../imageFile/user/global/line_dot_1px_999_pitch2.png) 0 0 repeat-x;  font-size: 16px;  font-weight: bold;  color: #68b;  vertical-align: middle;}#specialOldAnnounce + .recommendArrow {  position: relative;  display: block;  margin: -5px 0 0;  height: 56px;  line-height: 58px;  background: #f90;  font-size: 18px;  font-weight: bold;  color: #fff;  text-align: center;}#specialOldAnnounce + .recommendArrow:after {  position: absolute;  left: 50%;  margin-left: -8px;  bottom: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-top: 10px solid #f90;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}/* ------------ Save Condition ------------ */#saveConditionModal {  display: none;}#saveConditionModal .layer {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: block;  position: fixed;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.6);  z-index: 9990;}#saveConditionModal .base {  position: fixed;  left: 50%;  margin-left: -370px;  top: 300px;  width: 740px;  background: #fff;  padding: 40px 0;  border-radius: 3px;  z-index: 9999;  text-align: center;}#saveConditionModal .base .catch {  font-size: 26px;  font-weight: bold;  line-height: 1;}#saveConditionModal .base .copy {  margin-top: 25px;  font-size: 16px;  line-height: 1.75;}#saveConditionModal .base .copy em {  color: #f70;}#saveConditionModal .base .copy .attenton {  display: inline-block;  margin-top: 5px;  font-size: 14px;  color: #e00;}#saveConditionModal .base .copy .attenton:before {  content: "※";  margin-right: 6px;}#saveConditionModal .base .btnArea {  margin-top: 25px;}#saveConditionModal .base .btnArea a, #saveConditionModal .base span {  display: inline-block;  width: 220px;}#saveConditionModal .base .btnArea a, #saveConditionModal .base span + a, #saveConditionModal .base span {  margin-left: 15px;}/* ------------ Change Done ------------ */#changeDone {  display: none;}#changeDone .layer {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: block;  background: rgba(0, 0, 0, 0.6);  z-index: 9990;}#changeDone .base {  position: fixed;  left: 50%;  margin-left: -300px;  top: 300px;  width: 600px;  background: #fff;  padding: 40px 0;  border-radius: 3px;  z-index: 9999;  text-align: center;  font-size: 24px;  line-height: 1.45;}#changeDone .base .text em {  color: #f70;  margin: 0 3px;}/* ------------ Recommend Arrow ------------ */#recommendArrow {  position: relative;  display: block;  margin: 50px auto 0;  height: 36px;  line-height: 38px;  background: #f90;  font-size: 16px;  font-weight: bold;  color: #fff;  letter-spacing: 0.1em;  text-align: center;  border-radius: 3px;}#recommendArrow:after {  position: absolute;  left: 50%;  margin-left: -8px;  bottom: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-top: 10px solid #f90;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}/* ------------ SearchArea ------------ */#listOldSearchArea {  margin: 30px 0 0;  background: #fff;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#listOldSearchArea .title {  padding: 15px;  background: #038;  font-size: 15px;  font-weight: bold;  color: #fff;  border-radius: 3px 3px 0 0;  text-align: center;}#listOldSearchArea .title em {  display: inline-block;  vertical-align: middle;  margin: 0 7px;  padding: 1px 7px;  background: #fff;  font-size: 17px;  color: #e80;  border-radius: 2px;}#listOldSearchArea .title em .item {  margin-left: 3px;  font-size: 13px;}#listOldSearchArea .contents {  padding: 20px;  border-radius: 0 0 3px 3px;  /* searchUnitJob */  /* searchUnitCondition */  /* searchUnitOterSite */}#listOldSearchArea .contents .searchUnit {  padding: 0 10px;}#listOldSearchArea .contents .searchUnit + .searchUnit {  margin-top: 20px;  padding-top: 20px;  border-top: 1px solid #e6e6e6;}#listOldSearchArea .contents .searchUnit .unitTitle {  padding: 0 0 0 10px;  border-left: 6px solid #038;  font-weight: bold;  font-size: 16px;  line-height: 1;  vertical-align: middle;}#listOldSearchArea .contents .searchUnit .unitContent {  position: relative;  margin-top: 13px;}#listOldSearchArea .contents .searchUnitJob .unitTitle {  padding-left: 5px;}#listOldSearchArea .contents .searchUnitJob .unitContent .linkList {  overflow: hidden;  padding: 0 20px;}#listOldSearchArea .contents .searchUnitJob .unitContent .linkList a {  font-size: 14px;  line-height: 1;  text-decoration: underline;}#listOldSearchArea .contents .searchUnitJob .unitContent .linkList .sep {  margin: 0 5px;  color: #ccc;}#listOldSearchArea .contents .searchUnitCondition .unitContent .text,#listOldSearchArea .contents .searchUnitCondition .unitContent .button {  display: inline-block;  vertical-align: middle;}#listOldSearchArea .contents .searchUnitCondition .unitContent .text {  padding-left: 18px;  font-size: 14px;}#listOldSearchArea .contents .searchUnitCondition .unitContent .button {  position: absolute;  top: -35px;  right: 0;}#listOldSearchArea .contents .searchUnitCondition .unitContent .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  font-size: 28px;  margin-right: 10px;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList {  display: table;  width: 100%;  margin: 20px auto 0;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site {  white-space: nowrap;  display: table-cell;  width: 33%;  padding: 5px 15px;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site + .site {  border-left: 1px solid #e6e6e6;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site:hover {  opacity: 0.7;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site a {  display: block;  padding: 10px 20px;  text-align: center;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site .text {  font-size: 12px;  letter-spacing: 0;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site .logo {  white-space: nowrap;  margin-top: 5px;  font-size: 18px;  font-weight: bold;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .consul .logo {  color: #038;  letter-spacing: 0.2em;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .global .logo {  color: #e81;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .highClass .logo {  color: #047;}#listOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .executive .logo {  color: #985;}/* ------------ Signup Merit ------------ */#signupMerit {  position: relative;  margin: 80px 40px 0;  background: #fff;  padding: 0 10px 20px;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#signupMerit:before {  position: absolute;  top: 0;  left: 50%;  margin-left: -30px;  display: block;  content: "";  background: #038;  height: 5px;  width: 60px;}#signupMerit .catch {  padding: 30px 10px 20px;  text-align: center;  vertical-align: middle;}#signupMerit .catch img {  height: 22px;  vertical-align: middle;}#signupMerit .catch .copy {  display: inline-block;  padding-top: 4px;  line-height: 1;  vertical-align: middle;  margin-left: 10px;  font-size: 20px;  letter-spacing: 0.2em;  font-weight: normal;}#signupMerit .merit {  margin: 0 100px;  padding: 20px 50px;  border: 1px solid #e6e6e6;  border-width: 1px 0;  background: #f9f9f9;}#signupMerit .merit ul li {  padding: 3px;  font-weight: bold;  font-size: 14px;  letter-spacing: 0.2em;}#signupMerit .merit ul li .num {  display: inline-block;  margin-right: 10px;  padding: 0;  height: 22px;  line-height: 22px;  width: 22px;  background: #038;  color: #fff;  font-size: 12px;  font-weight: normal;  text-align: center;  border-radius: 2px;}#signupMerit .merit ul li em {  color: #038;}#signupMerit .button {  margin-top: 15px;  text-align: center;}#signupMerit .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  font-size: 28px;  margin-right: 10px;}#signupMerit .button a .free {  position: relative;  top: -1px;  margin-left: 4px;  font-size: 16px;}/* ------------ Global Side SEO ------------ */#globalSideLink {  margin-top: 20px;  padding: 10px 0 0 0;  background: #fafafa;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#globalSideLink .title {  position: relative;  text-align: center;  padding-bottom: 9px;  border-bottom: 1px solid #ddd;  font-size: 14px;  font-weight: bold;  color: #038;}#globalSideLink .content .linkSet + .linkSet {  border-top: 1px solid #e6e6e6;}#globalSideLink .content .linkSet .categoryTitle {  position: relative;  padding: 15px;  width: 100%;  height: 100%;  line-height: 16px;  font-size: 12px;  font-weight: bold;  color: #038;  text-align: left;  background-color: #fafafa;}#globalSideLink .content .linkSet .categoryTitle:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f107";  position: absolute;  top: 50%;  margin-top: -10px;  right: 15px;  height: 20px;  line-height: 20px;  text-align: center;  font-size: 18px;}#globalSideLink .content .linkSet .categoryTitle.open {  background-color: #f6f6f6;}#globalSideLink .content .linkSet .categoryTitle.open:after {  content: "\f106";}#globalSideLink .content .linkSet .categoryTitle:hover {  cursor: pointer;  background: #f6f6f6;}#globalSideLink .content .linkSet .linkList {  letter-spacing: 0;  border-top: 1px solid #e6e6e6;}#globalSideLink .content .linkSet .linkList .toggle {  display: none;  padding: 15px 0;}#globalSideLink .content .linkSet .linkList .label {  position: relative;  padding: 10px 30px 10px 15px;  font-size: 11px;  font-weight: bold;  color: #333;}#globalSideLink .content .linkSet .linkList .label:hover {  cursor: pointer;  background: #eee;}#globalSideLink .content .linkSet .linkList .label a {  position: relative;  font-size: 11px;  font-weight: bold;  color: #333;}#globalSideLink .content .linkSet .linkList .label a:hover {  text-decoration: underline;  color: #f90;}#globalSideLink .content .linkSet .linkList .label:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f107";  position: absolute;  top: 50%;  margin-top: -10px;  right: 15px;  height: 20px;  line-height: 20px;  text-align: center;  font-size: 18px;}#globalSideLink .content .linkSet .linkList .label.open {  background-color: #eee;  border-bottom: 1px solid #e6e6e6;}#globalSideLink .content .linkSet .linkList .label.open:after {  content: "\f106";}#globalSideLink .content .linkSet .linkList .label--area {  padding: 10px 15px;  color: transparent;}#globalSideLink .content .linkSet .linkList .link {  display: block;  position: relative;  line-height: 1.5;  font-size: 11px;  letter-spacing: 0;}#globalSideLink .content .linkSet .linkList .link :before {  content: "┗";  position: absolute;  left: 10px;  color: #e6e6e6;}#globalSideLink .content .linkSet .linkList .link a {  display: block;  padding: 0 10px 0 30px;  color: #555;}#globalSideLink .content .linkSet .linkList .link a:hover {  color: #f90;  text-decoration: underline;}#globalSideLink .content .linkSet .linkList .link + .link {  margin-top: 15px;}/* ------------ modal------------ *//* Signup Done */.modal_signup .modalBase .modalContent {  background-color: #fff;  border-radius: 3px;}.modal_signup .modalBase .modalContent .catch {  font-size: 22px;  font-weight: bold;  color: #f90;  letter-spacing: 0.2em;}.modal_signup .modalBase .modalContent .copy {  margin-top: 20px;}/* Change Done */.modal_changeDone .modalBase {  padding: 40px 0;  text-align: center;}.modal_changeDone .modalBase .catch {  font-size: 22px;  font-weight: bold;}/* Modal Tutorial */.modal_tutorial .bgLayer {  background: rgba(0, 0, 0, 0.6);}.modal_tutorial .modalBase {  top: 50%;  width: 800px;  margin: -295px 0 0 -400px;}.modal_tutorial .modalBase .modalContent {  position: relative;  padding: 0;  text-align: center;  background-color: #038;  border-radius: 3px;}.modal_tutorial .modalBase .modalContent .panelList .panel .imgArea {  height: 500px;  position: relative;}.modal_tutorial .modalBase .modalContent .panelList .panel .btnArea {  position: relative;  height: 90px;  margin-top: 0;  background-color: #fff;  z-index: 10;}.modal_tutorial .modalBase .modalContent .panelList .panel .btnArea .tutorialBtn {  position: absolute;  left: 50%;  margin-left: -150px;  bottom: 20px;  display: inline-block;  width: 300px;  height: 54px;  line-height: 56px;  background-color: #038;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.2em;  z-index: 2;  color: #fff;  border-radius: 4px;}.modal_tutorial .modalBase .modalContent .panelList .panel .btnArea .tutorialBtn:hover {  opacity: 0.8;}.modal_tutorial .modalBase .modalContent .panelList .panel .btnArea .tutorialBtn.tutorialBtn--search {  background-color: #f70;}.modal_tutorial .modalBase .modalContent .panelList .panel .btnArea .tutorialBtn.tutorialBtn--search:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f002";  position: relative;  top: -1px;  margin-right: 5px;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-prev, .modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next {  top: auto;  bottom: 20px;  width: 20px;  height: 50px;  line-height: 50px;  z-index: 5;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-prev:after, .modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next:after {  font-size: 16px;  font-weight: bold;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-prev {  left: 20px;  bottom: 23px;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-prev:after {  content: "";}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next {  left: 50%;  margin-left: -150px;  display: inline-block;  width: 300px;  height: 54px;  line-height: 56px;  background-color: #038;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.2em;  color: #fff;  border-radius: 4px;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next.disabled {  display: none;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next:before {  left: auto;  right: -221px;}.modal_tutorial .modalBase .modalContent .bx-wrapper .bx-controls-direction .bx-next:after {  content: "次へ";}.md_modal_scout .modalBase {  margin-top: -210px;}.md_modal_scout .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal_scout .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal_scout .modalBase .modalContent .midashi p {  font-weight: bold;}.md_modal_scout .modalBase .modalContent .midashi p em {  color: #038;}.md_modal_scout .modalBase .modalContent .comment p {  margin-top: 20px;  text-align: left;  font-size: 13px;}.md_modal_scout .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal_scout .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}/* Date Setting */.modal_dateSetting .modalBase {  padding: 40px 0;  text-align: center;}.modal_dateSetting .modalBase .catch {  font-size: 22px;  font-weight: bold;}/* SMS Done */.modal_smsDone .modalBase {  padding: 20px 0;  text-align: center;}.modal_smsDone .modalBase .catch {  font-size: 22px;  font-weight: bold;}/** ---------------------------------------------------------------------------------------------------------------------------------------- * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com *//** RESET AND LAYOUT===================================*/.bx-wrapper {  position: relative;  margin: 0 auto;  padding: 0;  *zoom: 1;}/** THEME===================================*/.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {  position: absolute;  bottom: -30px;  width: 100%;}/* LOADER */.bx-wrapper .bx-loading {  min-height: 50px;  background: url(images/bx_loader.gif) center center no-repeat #fff;  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  z-index: 2000;}/* PAGER */.bx-wrapper .bx-pager {  text-align: center;  font-size: 0.85em;  font-weight: bold;  color: #666;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {  display: inline-block;  *zoom: 1;  *display: inline;}.bx-wrapper .bx-pager.bx-default-pager a {  background: #666;  text-indent: -9999px;  display: block;  width: 10px;  height: 10px;  margin: 0 5px;  outline: 0;  border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {  background: #000;}/* DIRECTION CONTROLS (NEXT / PREV) */.bx-wrapper .bx-prev, .bx-wrapper .bx-next {  color: #aaa;}.bx-wrapper .bx-prev:before, .bx-wrapper .bx-next:before {  content: "";  position: absolute;  top: 50%;  margin-top: -10px;  display: inline-block;  width: 20px;  height: 20px;  border: 1px solid #038;  border-width: 0 0 1px 1px;  transform-origin: center;}.bx-wrapper .bx-prev {  left: 0;}.bx-wrapper .bx-prev:before {  transform: rotate(45deg);  padding-bottom: 2px;}.bx-wrapper .bx-next {  right: 0;}.bx-wrapper .bx-next:before {  transform: rotate(-135deg);}.bx-wrapper .bx-controls-direction a {  position: absolute;  top: 50%;  margin-top: -15px;  outline: 0;  width: 20px;  height: 30px;  z-index: 9999;}.bx-wrapper .bx-controls-direction a.disabled {  display: none;}/* AUTO CONTROLS (START / STOP) */.bx-wrapper .bx-controls-auto {  text-align: center;}.bx-wrapper .bx-controls-auto .bx-start {  display: block;  text-indent: -9999px;  width: 10px;  height: 11px;  outline: 0;  background: url(images/controls.png) -86px -11px no-repeat;  margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {  background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop {  display: block;  text-indent: -9999px;  width: 9px;  height: 11px;  outline: 0;  background: url(images/controls.png) -86px -44px no-repeat;  margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {  background-position: -86px -33px;}/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {  text-align: left;  width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  right: 0;  width: 35px;}/*---------------------------------------- Reset----------------------------------------*/* {  box-sizing: border-box;  line-height: 1.5;}abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font-style: normal;  vertical-align: baseline;  word-break: break-all;  word-wrap: normal;  -webkit-text-size-adjust: 100%;  text-align: inherit;}body {  line-height: 1;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;  color: #333;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}ol, ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:after, blockquote:before, q:after, q:before {  content: "";  content: none;}a {  margin: 0;  padding: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;  text-decoration: none;  color: #4477e0;}a:focus {  outline: 0;}a:active, a:hover {  outline: 0;  color: #e80;}del {  text-decoration: line-through;}table {  width: 100%;  border-collapse: collapse;  border-spacing: 0;}input, select {  vertical-align: middle;}img {  border: 0;  vertical-align: bottom;  max-width: 100%;}button, input, select, textarea {  -webkit-appearance: none;  outline: none;}button {  padding: 0;  background: #fff;  border: none;  cursor: pointer;  font-family: inherit;}em, strong {  font-style: normal;  font-weight: bold;}/*---------------------------------------- Module----------------------------------------*//* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） *//* ------------ Var ------------ *//* ------------ Font Montserrat(件数の数字などに使用中) ------------ */@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: normal;  src: url("../user_font/Montserrat/Montserrat-Regular.eot");  src: url("../user_font/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Regular.woff") format("woff");}@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: bold;  src: url("../user_font/Montserrat/Montserrat-Bold.eot");  src: url("../user_font/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Bold.woff") format("woff");}/* ------------ Base ------------ */body {  background: #d6e3f0;  min-width: 1030px;  letter-spacing: 0.04em;}.pageSet,.wrap {  width: 1030px;  margin: 0 auto;}span.linkPart {  color: #4477e0;}span.linkPart:hover {  color: #e80;  transition: all 0.25s ease-in-out 0s;}.linkPart.md_btn {  color: #fff;}.linkPart.md_btn:hover {  color: #fff;}.linkPart.md_btn--white {  color: #038;}.linkPart.md_btn--white:hover {  color: #038;}.js_linkBtn:hover, .linkPart:hover, .linkSpan:hover {  cursor: pointer;}a:hover {  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}/* ------------ UI kit 用 あとで消す ------------ */#uiHeader {  display: block;  height: 60px;  width: 100%;  padding: 0 30px;  z-index: 9999;  background-color: #fff;  border-bottom: 1px solid #dcdcdc;}#uiHeader .title {  font-size: 18px;  font-weight: bold;  color: #222;  line-height: 60px;}#uiHeader .copy {  position: absolute;  top: 0;  right: 40px;  line-height: 60px;  font-size: 13px;  color: #666;}#uiHeader .link {  position: absolute;  top: 0;  right: 40px;}#uiHeader .link a {  position: relative;  display: inline-block;  vertical-align: middle;  line-height: 60px;  font-family: "Montserrat";  font-size: 13px;  font-weight: bold;  color: #666;}#uiHeader .link a:before {  position: relative;  top: -2px;  display: inline-block;  font-family: FontAwesome;  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 14px;  line-height: 20px;  margin-right: 5px;  vertical-align: middle;}#uiHeader .link a:hover {  color: #222;}#uiHeader .link a + a {  margin-left: 25px;}/* ------------ pagination ------------ */.md_pagination {  margin-top: 20px;  text-align: center;}.md_pagination .btnList {  display: inline-block;  vertical-align: middle;}.md_pagination .btnList .btn {  display: inline-block;  background: #fff;}.md_pagination .btnList .btn a,.md_pagination .btnList .btn span,.md_pagination .btnList .btn .now {  position: relative;  display: inline-block;  width: 40px;  height: 40px;  line-height: 40px;  font-size: 13px;  color: #333;  text-align: center;  vertical-align: middle;  font-weight: normal;  cursor: pointer;}.md_pagination .btnList .btn + .btn {  border-left: 1px solid #ddd;}.md_pagination .btnList .btn .now {  background: #038;  color: #fff;  cursor: default;}.md_pagination .btnList .btn a:hover {  background: #eee;}.md_pagination .btnList .btn span {  pointer-events: none;}.md_pagination .btnList .btn .now {  background: #038;  cursor: default;}.md_pagination .btnList .btn.prev {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next {  border-radius: 0 3px 3px 0;}.md_pagination .btnList .btn.prev a,.md_pagination .btnList .btn.next a {  width: auto;  padding: 0 8px;}.md_pagination .btnList .btn.prev a {  border-radius: 3px 0 0 3px;}.md_pagination .btnList .btn.next a {  border-radius: 0 3px 3px 0;}/* ------------ List Number ------------ */.md_listNum {  margin-top: 20px;  padding-left: 6px;  font-size: 15px;}.md_listNum .type {  margin: 0 4px;  font-size: 15px;  color: #e80;}.md_listNum .num {  margin: 0 5px;  font-size: 20px;  font-family: "Montserrat";  font-weight: bold;  color: #038;}.md_listNum .jobNum {  margin-left: 10px;}/* ------------ Tab------------ */.md_tab {  line-height: 1;  text-align: left;}.md_tab:after {  content: "";  display: block;  height: 3px;  width: 100%;  background: #038;}.md_tab .pageTitle {  display: inline-block;  padding: 0 15px;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.1em;}.md_tab .sortButton {  display: inline-block;  vertical-align: middle;}.md_tab .sortButton .sort {  display: inline-block;  height: 50px;  line-height: 52px;  padding: 0 30px;  margin-left: 10px;  font-size: 15px;  color: #222;  border-radius: 3px 3px 0 0;  background: rgba(255, 255, 255, 0.5);}.md_tab .sortButton .sort:hover {  background: rgb(255, 255, 255);}.md_tab .sortButton .sort .num {  display: inline-block;  margin-left: 10px;  min-width: 24px;  max-width: 34px;  padding: 0 3px;  height: 24px;  line-height: 24px;  background: #f00;  color: #fff;  font-size: 12px;  font-weight: normal;  border-radius: 2px;  text-align: center;  vertical-align: middle;}.md_tab .sortButton .selected {  position: relative;  background: #038;  font-weight: bold;  text-decoration: none;  color: #fff;}.md_tab .sortButton .selected:hover {  opacity: 1;  background: #038;}.md_tab .sortButton .dead {  position: relative;  background: #ddd;  color: #999;}.md_tab .sortButton .dead:hover {  opacity: 1;}.md_tab .sortButton .copy {  position: absolute;  top: -15px;  left: 50%;  width: 200px;  margin-left: -90px;  color: #f33;  font-size: 11px;}/* ------------ btn ------------ */.md_btn {  position: relative;  display: inline-block;  padding: 0 40px;  box-sizing: border-box;  height: 54px;  line-height: 56px;  font-size: 20px;  background: #038;  color: #fff;  border-radius: 3px;  font-weight: bold;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  text-align: center;}.md_btn:hover {  top: -1px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  background: #0042b1;}.md_btn:active {  top: 1px;  box-shadow: none;}.md_btn.md_btn--min {  padding: 0 20px;  height: 38px;  line-height: 40px;  font-size: 14px;  letter-spacing: 0;  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);}.md_btn.md_btn--big {  padding: 0 60px;  height: 70px;  line-height: 72px;  font-size: 22px;  letter-spacing: 0.2em;  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);}.md_btn.md_btn--green {  background: #71C826;}.md_btn.md_btn--green:hover {  background: #83d938;}.md_btn.md_btn--orange {  background: #f90;}.md_btn.md_btn--orange:hover {  background: #ffa724;}.md_btn.md_btn--white {  background: #fff;  color: #038;}.md_btn.md_btn--white:hover {  background: #eee;}.md_btn.md_btn--gray {  top: 0;  background: #aaa !important;  box-shadow: none !important;}input.md_btn {  border: none;  cursor: pointer;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}/*---------------------------------------- Popup----------------------------------------*/#popupHeader {  position: fixed;  top: 0;  left: 0;  right: 0;  width: 100%;  padding: 0 20px;  height: 50px;  line-height: 50px;  background: #bdcee0;  text-align: center;  border-bottom: 1px solid #adbdce;  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);  color: #222;  text-align: left;  z-index: 9990;}#popupHeader .logo a {  color: #222;  line-height: 50px;}#popupHeader .closeBtn {  position: absolute;  right: 0;  top: 0;}#popupHeader .closeBtn a {  display: block;  width: 50px;  height: 50px;  line-height: 50px;  text-align: center;  font-size: 30px;  color: #222;}#popupHeader .closeBtn a:hover {  background: rgba(0, 0, 0, 0.05);}.popPageSet {  padding: 70px 0 40px;}#popupFooter {  padding: 20px 0;  text-align: center;}#popupFooter .copyright {  font-size: 11px;  color: #222;  letter-spacing: 0;}/* ------------ Header ------------ */#header {  padding-top: 10px;  background-color: #fff;  border-bottom: 1px solid #e8e8e8;}#header .wrap {  width: 1030px;  margin: 0 auto;}#header .wrap .logoArea {  position: relative;  text-align: left;}#header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.4em;}#header .wrap .logoArea .logo img {  height: 35px;}#header .wrap .logoArea .functionList {  position: absolute;  top: -10px;  right: 0;  display: flex;  display: -webkit-flex;  text-align: center;}#header .wrap .logoArea .functionList .function {  position: relative;  width: 80px;  height: 74px;  border: 1px solid #ddd;  border-top: none;}#header .wrap .logoArea .functionList .function + .function {  border-left: none;}#header .wrap .logoArea .functionList .function a {  display: block;}#header .wrap .logoArea .functionList .function a:hover .text {  color: #f90;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on {  background: #4e74b4;  border: none;}#header .wrap .logoArea .functionList .function.on:before {  color: #fff;}#header .wrap .logoArea .functionList .function.on:hover {  background: #5e86ca;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function.on .text, #header .wrap .logoArea .functionList .function.on:hover .text {  color: #fff;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .logoArea .functionList .function:before {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 1px;  left: 50%;  margin-left: -13px;  content: "";  font-size: 28px;  color: #4e74b4;}#header .wrap .logoArea .functionList .function.function--resume:before {  content: "\e90a";  top: 1px;}#header .wrap .logoArea .functionList .function.function--resume.alert .text {  padding-top: 40px;}#header .wrap .logoArea .functionList .function.function--resume.alert .alert {  position: absolute;  bottom: 5px;  left: 17px;  display: block;  width: 47px;  height: 18px;  line-height: 19px;  background: #f66;  color: #fff;  font-size: 11px;  border-radius: 3px;}#header .wrap .logoArea .functionList .function.function--logout:before {  content: "\eb0b";}#header .wrap .logoArea .functionList .function.function--logout .text {  padding: 0;  margin-top: 50px;}#header .wrap .logoArea .functionList .function.function--logout a {  display: inline;}#header .wrap .logoArea .functionList .function.function--login:before {  content: "\eb0a";}#header .wrap .logoArea .functionList .function.function--signup:before {  content: "\e912";}#header .wrap .logoArea .functionList .function.function--setting:before {  content: "\eb0f";}#header .wrap .logoArea .functionList .function .text {  position: relative;  display: inline-block;  padding-top: 50px;  font-size: 11px;  line-height: 0.6;  color: #666;}#header .wrap .logoArea .toHigh {  position: absolute;  right: 259px;  top: 2px;  display: inline-block;  padding: 10px 30px 8px 20px;  background: #f4f4ec;  border: 1px solid #ddd;}#header .wrap .logoArea .toHigh .textSet {  position: relative;}#header .wrap .logoArea .toHigh .textSet:before {  position: absolute;  content: "";  left: -20px;  top: 8px;  bottom: 8px;  width: 3px;  background: #003;}#header .wrap .logoArea .toHigh .textSet:after {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  top: 50%;  margin-top: -20px;  right: -20px;  content: "\f105";  font-size: 24px;  color: #003;}#header .wrap .logoArea .toHigh .mini {  color: #003;  font-size: 11px;  letter-spacing: 0.36em;}#header .wrap .logoArea .toHigh .main {  color: #003;  font-size: 13px;  font-weight: bold;  letter-spacing: 0.15em;}#header .wrap .logoArea .toHigh:hover {  opacity: 0.7;}#header .wrap .navArea {  position: relative;  margin-top: 40px;}#header .wrap .navArea .menuList {  display: flex;  justify-content: space-between;  width: 100%;  letter-spacing: 0.2em;}#header .wrap .navArea .menuList .menu {  position: relative;  display: block;  width: auto;  padding: 0 12px 15px;  text-align: center;  color: #222;  font-size: 15px;  cursor: pointer;}#header .wrap .navArea .menuList .menu.on:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;}#header .wrap .navArea .menuList .menu:hover:before {  position: absolute;  content: "";  bottom: 0px;  left: 50%;  margin-left: -15px;  width: 30px;  height: 3px;  background: #038;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}#header .wrap .navArea .menuList .menu .num {  display: inline-block;  margin-left: 5px;  padding: 0 6px;  color: #fff;  background: #f00;  height: 22px;  line-height: 22px;  font-size: 14px;  font-weight: bold;  text-align: center;  border-radius: 20px;  letter-spacing: 0em;}#header .wrap .navArea .menuList .menu .num.max:after {  content: "+";  position: relative;}#header .wrap .navArea .menuList .link {  display: block;  color: #222;}#header .wrap .navArea .menuList .hideMenu {  position: absolute;  width: 200px;  top: 22px;  left: 50%;  margin-left: -105px;  padding: 10px 5px 5px;  z-index: 500;  display: none;}#header .wrap .navArea .menuList .hideMenu .subList {  position: relative;  display: block;  background: #fff;  border: 1px solid #e6e6e6;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);  text-align: left;}#header .wrap .navArea .menuList .hideMenu .subList:before,#header .wrap .navArea .menuList .hideMenu .subList:after {  position: absolute;  top: -10px;  left: 50%;  margin-left: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 10px solid transparent;  border-bottom: 10px solid #fff;  border-right: 10px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#header .wrap .navArea .menuList .hideMenu .subList:before {  border-bottom-color: rgba(0, 0, 0, 0.7);}#header .wrap .navArea .menuList .hideMenu .subList .sub + .sub {  border-top: 1px solid #e6e6e6;}#header .wrap .navArea .menuList .hideMenu .subList .sub a {  display: block;  padding: 18px 10px 16px 20px;  font-size: 14px;  color: #149;  letter-spacing: 0.1em;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 8px;  font-size: 16px;}#header .wrap .navArea .menuList .hideMenu .subList .sub a:hover {  background: #cde;}#header.renew_header .wrap .logoArea .logo .tagline {  margin-bottom: 3px;  font-size: 11px;  font-weight: normal;  color: #666;  letter-spacing: 0.15em;}/* ------------ Alert Area ------------ */#alertArea {  position: relative;}#alertArea .close {  position: absolute;  display: block;  width: 60px;  height: 50px;  line-height: 50px;  right: 0;  top: 50%;  margin-top: -25px;  color: #fff;  text-align: center;  font-size: 30px;}#alertArea .alert {  width: 1030px;  margin: 0 auto;  position: relative;  padding: 5px 130px 5px 30px;}#alertArea .alert .text {  color: #fff;  font-size: 15px;  text-indent: -15px;}#alertArea .alert .text:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e90a";  margin-right: 5px;  font-size: 26px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min {  position: absolute;  right: 0;  top: 50%;  margin-top: -20px;}#alertArea .alert .md_btn.md_btn--white.md_btn--min:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -3px;  margin-right: 10px;  font-size: 16px;}#alertArea.alert--service {  background: #ffe;  border-bottom: 1px solid #eee;}#alertArea.alert--service .close {  color: #888;}#alertArea.alert--service .text {  color: #038;}#alertArea.alert--service .md_btn {  border: 1px solid #ddd;}#alertArea.alert--history {  background: #f66;}/* ------------ Page Title ------------ */#globalPageTitle {  position: relative;  width: 1030px;  margin: 40px auto;  border-bottom: 3px solid #038;}#globalPageTitle .titleArea {  padding: 10px 15px 20px;}#globalPageTitle .titleArea .title, #globalPageTitle .titleArea .copy {  display: inline-block;  vertical-align: middle;  line-height: 1;}#globalPageTitle .titleArea .title {  font-size: 20px;  color: #222;  letter-spacing: 0.1em;}#globalPageTitle .titleArea .copy {  margin-left: 20px;  font-size: 14px;}/* ------------ Page Copy ------------ */#globalPageCopy {  padding: 40px 0;  text-align: center;}#globalPageCopy .catch {  font-size: 22px;  font-weight: bold;  letter-spacing: 0.1em;}#globalPageCopy .catch em {  color: #f70;}#globalPageCopy .sub {  margin-top: 10px;  font-size: 18px;  font-weight: normal;  letter-spacing: 0em;}#globalPageCopy .alert {  margin-top: 20px;  padding: 20px;  color: #f00;  font-size: 18px;  font-weight: bold;  background: #fdd;  border-radius: 10px;}#globalPageCopy .alert:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f06a";  margin-right: 5px;  top: -3px;  font-size: 24px;}#globalPageCopy .alert .sub {  padding: 20px;  background: #fff;  color: #222;  border-radius: 5px;}/* ------------ Pankuzu ------------ */#globalPankuzu {  padding: 4px 0 3px;  background: #fff;  position: relative;}#globalPankuzu .pankuzuList {  position: relative;  padding: 0 8px;}#globalPankuzu .pankuzuList .pankuzu {  display: inline-block;  vertical-align: middle;  font-size: 11px;}#globalPankuzu .pankuzuList .pankuzu + .pankuzu:before {  content: ">";  display: inline-block;  margin: 0 5px;  color: #222;  vertical-align: middle;}#globalPankuzu .pankuzuList .pankuzu a {  color: #999;}#globalPankuzu .pankuzuList .pankuzu a:hover {  color: #e80;}#globalPankuzu .pankuzuList .pankuzu .now {  font-weight: normal;  color: #222;}#globalPankuzu .about {  position: absolute;  right: 0;  top: 50%;  margin-top: -6px;}#globalPankuzu .about .text {  height: 12px;  line-height: 12px;  font-size: 11px;  font-weight: normal;  color: #000;}/* ------------ Form ------------ */input[type=text],input[type=email],input[type=tel],input[type=password],select {  height: 48px;  padding: 0 15px;  background: #fcfcfc;  border: 1px solid #ddd;  font-size: 15px;  border-radius: 4px;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}select {  padding-right: 26px;  background: url(../../imageFile/user/global/global_select_arrow.png) right center no-repeat #fcfcfc;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}select::-ms-expand {  display: none;}textarea {  display: block;  border-radius: 4px;  padding: 15px;  border: 1px solid #ddd;  font-size: 15px;  line-height: 1.5;  font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;}input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {  border-color: rgb(86, 180, 239);}input[type=text]:disabled,input[type=password]:disabled,select:disabled,textarea:disabled {  border-color: #ddd;  background: #eee;}.imeOff {  ime-mode: disabled;}.md_checkUnit label {  cursor: pointer;  vertical-align: middle;}.md_checkUnit label input[type=checkbox] {  border: 2px solid #ccc;  position: relative;  margin-right: 10px;  border-radius: 4px;  width: 22px;  height: 22px;  background: #eee;  vertical-align: middle;  cursor: pointer;}.md_checkUnit label input[type=checkbox]::after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f00c";  position: absolute;  top: 50%;  margin-top: -16px;  right: -3px;  display: inline-block;  color: #ccc;  font-size: 22px;}.md_checkUnit label input[type=checkbox]:checked {  position: relative;  background: #fff;}.md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}.md_txtCounter {  margin-top: 5px;  padding: 0 3px;  font-size: 12px;  text-align: right;  line-height: 1;}.md_txtCounter .count em {  margin-right: 3px;  font-size: 14px;  font-weight: bold;  color: #f90;}.md_txtCounter .holder:before {  content: "/";  margin: 0 5px;}.md_txtCounter .holder em {  margin-right: 3px;}.errorForm {  background-color: #fdd !important;}/* Error */.errorBase {  padding: 20px 20px 17px;  background-color: #ffe6e6;  border: 1px solid #f33;  border-radius: 3px;}.errorBase .catch {  font-size: 16px;  font-weight: bold;  color: #f33;  line-height: 1;}.errorBase .catch:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f071";  margin-right: 6px;  font-size: 20px;}.errorBase .causeList {  margin-top: 15px;}.errorBase .causeList .cause {  font-size: 14px;  line-height: 1;  text-indent: -21px;  padding-left: 21px;}.errorBase .causeList .cause:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\ea54";  margin-right: 5px;  color: #f33;  width: 16px;  text-indent: 0;}/* ------------ Return Link ------------ */#globalReturnLink {  min-height: 1.3em;  position: relative;  margin-top: 40px;  text-align: center;  z-index: 2;}#globalReturnLink .base {  width: 1030px;  margin: 0 auto;}#globalReturnLink .base:after {  clear: both;  display: block;  content: "";  height: 0;  line-height: 0;}#globalReturnLink .return {  position: relative;  top: 0;  left: 63px;  display: inline-block;  padding-left: 18px;  background: url(../../imageFile/user/global/return.png) left 2px no-repeat;  font-size: 13px;}#globalReturnLink .return:hover {  background-position: left -111px;}#globalReturnLink .pageTop {  position: relative;  top: 45px;  float: right;}#globalReturnLink .pageTop a {  display: inline-block;  height: 45px;  padding: 0 13px;  background: #fff;  line-height: 45px;  color: #222;  letter-spacing: 0.2em;}#globalReturnLink .pageTop a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  top: -1px;  margin-right: 6px;  font-size: 18px;}#globalReturnLink .pageTop a:hover {  color: #f90;}#globalReturnLink .pageTop a:hover:before {  border-bottom-color: #f90;}/* ------------ returnPage ------------ */#returnPage {  margin-top: 90px;  text-align: center;}#returnPage a, #returnPage span.linkPart {  margin: 0 10px;  display: inline-block;  padding: 0 5px 6px;  border-bottom: 3px solid #4477e0;  font-size: 17px;  font-weight: bold;  line-height: 1;  letter-spacing: 0.15em;  vertical-align: top;  cursor: pointer;}#returnPage a:before, #returnPage span.linkPart:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f053";  top: -1px;  margin-right: 10px;  font-size: 18px;}#returnPage a:hover, #returnPage span.linkPart:hover {  border-color: #e80;}#returnPage a.toConsulJob {  margin-left: 45px;}#returnPage a + a {  margin-left: 20px;}/* ------------ To Top Link ------------ */#toTopLink {  position: fixed;  bottom: 110px;  right: 20px;  z-index: 980;  display: none;}#toTopLink a, #toTopLink span {  cursor: pointer;  display: inline-block;  width: 60px;  height: 60px;  background: rgba(255, 255, 255, 0.8);  border: 1px solid #ddd;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}#toTopLink a, #toTopLink span:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f106";  position: absolute;  top: -3px;  left: 50%;  margin-left: -10px;  font-size: 30px;  color: #038;}#toTopLink a, #toTopLink span:after {  position: absolute;  top: 33px;  left: 50%;  width: 40px;  margin-left: -20px;  content: "TOPへ";  font-size: 12px;  color: #222;  text-align: center;}#toTopLink a, #toTopLink span:hover {  bottom: 21px;  color: #fff;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);  transition: all 0.25s ease-in-out 0s;}/* ------------ Signup Area ------------ */#globalSignupArea {  padding: 12px 10px 10px;  background: #c0d5f8;  border-radius: 3px;}#globalSignupArea .signUpArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .signUpArea .button {  margin: 10px 5px 0;  text-align: center;}#globalSignupArea .signUpArea .button .md_btn {  display: block;  padding-right: 0;  padding-left: 0;  background: #36b;  font-size: 17px;  font-weight: bold;  color: #fff;}#globalSignupArea .signUpArea .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  margin-right: 5px;  font-size: 26px;  vertical-align: middle;}#globalSignupArea .signUpArea .button .md_btn .free {  position: relative;  top: -1px;  margin-left: 5px;  font-size: 12px;  font-weight: normal;}#globalSignupArea .loginArea {  margin-top: 10px;  padding-top: 10px;  border-top: 1px solid rgba(0, 0, 0, 0.1);  line-height: 1;}#globalSignupArea .loginArea .item {  font-size: 12px;  text-align: center;  line-height: 1;}#globalSignupArea .loginArea .loginSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content {  display: none;  padding: 10px 10px 0;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);  background: #fff;}#globalSignupArea .loginArea .loginSet .content .label {  font-size: 11px;  font-weight: bold;  color: #038;}#globalSignupArea .loginArea .loginSet .content .passwordSet {  margin-top: 10px;}#globalSignupArea .loginArea .loginSet .content input[type=text],#globalSignupArea .loginArea .loginSet .content input[type=password] {  width: 100%;  height: 32px;  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label {  font-size: 12px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox] {  width: 16px;  height: 16px;  margin-right: 5px;  border-width: 1px;  border-radius: 2px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:after {  margin-top: -11px;  right: -1px;  display: inline-block;  color: #ccc;  font-size: 15px;}#globalSignupArea .loginArea .loginSet .content .md_checkUnit label input[type=checkbox]:checked::after {  color: #038;}#globalSignupArea .loginArea .loginSet .content .button {  margin-top: 10px;  text-align: center;}#globalSignupArea .loginArea .loginSet .content .button .md_btn {  background: #36b;}#globalSignupArea .loginArea .loginSet .content .subLink {  margin-top: 15px;  padding-bottom: 10px;}#globalSignupArea .loginArea .loginSet .content .subLink .secure {  margin-top: 3px;}#globalSignupArea .loginArea .loginSet .content .subLink .link {  line-height: 1;}#globalSignupArea .loginArea .loginSet .content .subLink .link a {  font-size: 10px;  letter-spacing: 0;}#globalSignupArea .loginArea .loginSet .login .openLink {  position: relative;  display: block;  padding: 7px 0 7px 12px;  font-size: 12px;  font-weight: bold;  color: #038;  line-height: 1;  text-align: center;  background: #fff;}#globalSignupArea .loginArea .loginSet .login .openLink:before {  position: absolute;  top: 50%;  margin-top: -10px;  left: 10px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f107";  margin-right: 5px;  font-size: 20px;}#globalSignupArea .loginArea .loginSet .login .openLink:hover {  background-color: #fafafa;}#globalSignupArea .loginArea .loginSet .login .toOpen:before {  content: "\f106";}/* ------------ Mypage Summary ------------ *//* ------------ Sub Navigation Unit ------------ */.globalSubNavigationUnit {  clear: both;  margin-top: 60px;  padding: 30px 0 40px 0;  background: #038;}#site_executive .globalSubNavigationUnit {  background: transparent;  border-top: none;  box-shadow: none;}/* mini */.globalSubNavigationUnitMini {  margin-top: 15px;}.globalSubNavigationUnitMini .title .text {  display: inline-block;  padding-left: 7px;  border-left: 4px solid #c5c2b9;  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitMini .contents {  padding-top: 12px;}.globalSubNavigationUnitMini .contents .linkList .link + .link {  margin-top: 5px;}.globalSubNavigationUnitMini .contents .linkList .link a {  font-size: 11px;  text-decoration: underline;}.globalSubNavigationUnitMini .contents .linkList .link .now {  font-size: 11px;  font-weight: bold;}.globalSubNavigationUnitMini .contents > .text {  font-size: 11px;}.globalSubNavigationUnitMini .contents > .text + .text {  margin-top: 12px;}/* Big */.globalSubNavigationUnitBig {  width: 1030px;  margin: 0 auto;  padding: 15px;  background: transparent;  background-size: 180px 1px;  background-position: 0 0;  background-repeat: repeat-x;}.globalSubNavigationUnitBig .pageSet > .globalSubNavigationUnitBig {  margin: 50px 20px 0;}.globalSubNavigationUnitBig + .globalSubNavigationUnitBig {  margin-top: 15px;}.globalSubNavigationUnitBig:first-child {  border-top: none;}.globalSubNavigationUnitBig .unitBase {  width: 950px;}.globalSubNavigationUnitBig .title .text {  display: inline-block;  font-size: 14px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .title + .contents {  padding: 15px 5px 5px;}.globalSubNavigationUnitBig .contents {  overflow: hidden;}.globalSubNavigationUnitBig .contents .linkList {  padding: 0 15px;  font-size: 13px;}.globalSubNavigationUnitBig .contents .linkList .sep {  margin: 0 3px;  color: #999;}.globalSubNavigationUnitBig .contents .linkList .category {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList .category:after {  position: relative;  top: -2px;  margin: 0 6px 0 8px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  font-size: 16px;  color: #999;  line-height: 1;}.globalSubNavigationUnitBig .contents .linkList a {  color: #fff;}.globalSubNavigationUnitBig .contents .linkList a:hover {  color: #e80;}.globalSubNavigationUnitBig .contents .linkList .link a {  font-size: 12px;  text-decoration: underline;}.globalSubNavigationUnitBig .contents .linkList .link .now {  font-size: 12px;  font-weight: bold;}.globalSubNavigationUnitBig .contents .linkListVertical + .linkListVertical {  margin-top: 10px;  padding-top: 10px;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2.png) top left repeat-x;}.globalSubNavigationUnitBig .contents .linkListVertical .link {  display: inline-block;  vertical-align: middle;  margin-right: 15px;}.globalSubNavigationUnitBig .contents .linkListHorizon {  width: 43%;  float: left;}.globalSubNavigationUnitBig .contents .linkListHorizon + .linkListHorizon {  margin-left: 2%;  padding-left: 2%;  background: url(../../imageFile/user/global/line_dot_1px_bbb_pitch2_vertical.png) left top repeat-y;}.globalSubNavigationUnitBig .contents .linkListHorizon .link + .link {  margin-top: 5px;}.globalSubNavigationUnitBig .contents .linkTitle {  position: relative;  padding: 0 0 5px 15px;  font-weight: bold;  font-size: 13px;  color: #fff;}.globalSubNavigationUnitBig .contents .linkTitle:before {  position: absolute;  left: 2px;  top: 2px;  content: "";  width: 4px;  height: 12px;  background: #fff;}.globalSubNavigationUnitBig .contents + .contents .linkTitle {  margin-top: 15px;}.globalSubNavigationUnitBig .contents .textSet {  position: relative;  font-size: 12px;}.globalSubNavigationUnitBig .contents .textSet + .textSet {  margin-top: 20px;}.globalSubNavigationUnitBig .contents .textSet .text {  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item {  position: absolute;  top: 0;  left: 5px;  font-weight: bold;  color: #fff;}.globalSubNavigationUnitBig .contents .textSet .item + .text {  padding-left: 2em;}.is-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.webp);}.is-no-webp .globalSubNavigationUnitBig {  background-image: url(../../imageFile/user/global/line_dot_1px_fff_pitch2.png);}/* ------------ OldSiteAlert ------------ */#oldSiteAlert {  margin: 20px;}#oldSiteAlert div.content {  background-color: #fff2e2;  border: 3px solid #e67e22;}#oldSiteAlert div.content .title {  color: white;  padding: 8px 5px 8px 30px;  border-bottom: 1px solid white;  background: #e67e22 url(../../imageFile/user/icon/info_old.png) no-repeat 10px center;}#oldSiteAlert div.content .title em {  font-size: 16px;  text-decoration: none;}#oldSiteAlert div.content .oldContents {  padding: 10px 20px 20px 20px;}#oldSiteAlert div.content .oldContents ul.listed li.big {  background: url(../../imageFile/user/icon/arrow_brown_single.png) no-repeat left 7px;  padding-left: 12px;}#oldSiteAlert div.content .oldContents ul.listed li {  color: #aa6019;  font-weight: bold;  font-size: 12px;  margin-top: 10px;}#oldSiteAlert div.content .oldContents ul.listed li .pointed {  background-color: #fffaf3;  padding: 5px;  border: 1px dotted #e67e22;  line-height: 1.5;  font-weight: normal;  border-radius: 3px;  margin: 10px 10px 0;}#oldSiteAlert div.content .oldContents ul.entryIndex li {  font-weight: normal;}#oldSiteAlert div.content .oldContents ul.entryIndex li em#message {  white-space: nowrap;  padding: 5px 8px;  background: #3060b0;  border: 1px solid #3060b0;  color: #fff;  font-weight: bold;  font-size: 12px;  margin: 0 5px;  display: inline-block;  border-radius: 2px;  line-height: 1;}/* ------------ globalFooter ------------ */.globalSubNavigationUnit + #globalFooter {  margin-top: 0;}#globalFooter {  clear: both;  margin-top: 60px;  padding: 0 0 40px;  background: #fafafa;}#globalFooter .base {  text-align: center;}#globalFooter .aboutLink {  position: relative;  padding: 20px 0;  background: #027;}#globalReturnLink + #globalFooter .aboutLink {  padding-top: 65px;}#globalFooter .aboutLink .linkBase {  overflow: hidden;  width: fit-content;  max-width: 1050px;  margin: 0 auto;}#globalFooter .aboutLink .linkBase li {  float: left;  display: inline;  zoom: 1;  font-size: 11px;}#globalFooter .aboutLink .linkBase li a {  padding: 1px 10px;  border-right: 1px solid #ccc;  color: #fff;  text-decoration: none;  display: block;  text-align: center;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .aboutLink .linkBase li:last-child a {  border-right: none;}#globalFooter .aboutLink .linkBase a:hover {  color: #999;}#globalFooter .enSite {  width: 927px;  margin: 0 auto;  clear: both;}#globalFooter .enSite table {  margin-top: 8px;}#globalFooter .enSite table td {  vertical-align: middle;}#globalFooter .enSite .label {  padding-left: 10px;  white-space: nowrap;}#globalFooter .enSite .label span {  display: inline-block;  padding: 7px;  border: 1px solid #ddd;  border-radius: 4px;  background: #fff;  font-size: 11px;  color: #777;}#globalFooter .enSite ul {  display: table-cell;  vertical-align: middle;  font-size: 10px;}#globalFooter .enSite ul li {  float: left;  white-space: nowrap;}#globalFooter .enSite ul li a {  display: block;  margin-left: 10px;  padding: 3px 0;  color: #666;  text-decoration: none;}#globalFooter .enSite ul li a:hover {  color: #999;}#globalFooter .en {  display: block;  margin-top: 15px;  clear: both;  text-align: center;}#globalFooter .en span {  font-size: 10px;  color: #666;}#globalFooter .en .name {  margin-right: 10px;}#globalFooter .en .cw {  font-family: Arial, Helvetica, sans-serif;}#globalFooter .copyright {  font-size: 13px;}/* ------------ globalFooter Site ------------ */.otherSiteLink {  width: 1030px;  margin: 0 auto;  text-align: center;  padding-bottom: 40px;  font-size: 12px;  text-align: center;}.otherSiteLink .enSiteVertical {  margin: 30px auto 0 auto;  width: 870px;  color: #555;  text-align: left;  font-size: 11px;}.otherSiteLink .enSiteVertical .title {  padding: 5px 10px;  background: #eee;  font-weight: bold;  color: #555;  border: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list {  overflow: hidden;  width: 870px;  padding: 10px 0;  border-bottom: 1px solid #ddd;}.otherSiteLink .enSiteVertical .list .toggle {  float: left;  width: 180px;  margin-right: 10px;  padding-left: 15px;  font-weight: bold;  color: #555;  white-space: nowrap;}.otherSiteLink .enSiteVertical .list:hover {  background: #ffe;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle a {  color: #555;}.otherSiteLink .enSiteVertical .list .toggle a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .toggle span {  padding-right: 19px;  background: url(../../imageFile/user/global/footer_toggleRight.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span {  background: url(../../imageFile/user/global/footer_toggleRightHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeft.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list:hover div.toggle span.open {  background: url(../../imageFile/user/global/footer_toggleLeftHover.gif) no-repeat right center;  cursor: pointer;}.otherSiteLink .enSiteVertical .list .listList {  float: left;  display: none;  width: 660px;  padding-left: 10px;  border-left: 1px dotted #ccc;  color: #aaa;}.otherSiteLink .enSiteVertical .list .listList li {  padding: 0 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listList li:hover {  cursor: default;}.otherSiteLink .enSiteVertical .list .listList li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listList li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listList li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listList a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listList li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea {  position: relative;  padding: 18px 0 24px;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;  letter-spacing: 0;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;  font-size: 10px;  color: #555;}.otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .leftArea {  position: absolute;  top: 12px;  left: 0;  width: 130px;}.otherSiteLink .enSiteVertical .list .listListCompany li {  padding: 0 5px 5px 5px;  list-style: none;  border-bottom: 1px dotted #ccc;}.otherSiteLink .enSiteVertical .list .listListCompany li.last {  border: none;}.otherSiteLink .enSiteVertical .list .listListCompany li a {  color: #555;  margin: 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li a img {  margin-right: 8px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany a:hover {  color: #f90;}.otherSiteLink .enSiteVertical .list .listListCompany li p.w {  margin-left: 128px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea {  position: relative;  padding: 12px 0;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea {  position: absolute;  top: 7px;  left: 130px;  vertical-align: middle;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .site {  display: block;  font-weight: bold;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .siteSub {  display: block;  margin: 2px 0 0 2px;}.otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .leftArea {  position: absolute;  top: 5px;  left: 0;  width: 130px;}/* ------------ Congratulation Banner ------------ */.footerCongratulationBanner {  width: 1030px;  margin: 10px auto 30px;}.footerCongratulationBanner a {  display: block;  padding: 10px 20px 10px 40px;  background: #f0f0f0;  border-radius: 3px;  vertical-align: top;}.footerCongratulationBanner a:after {  display: none;}.footerCongratulationBanner a.after {  margin-right: 10px;  width: 250px;}.footerCongratulationBanner a.after .label {  height: 20px;  line-height: 20px;  background: #ddd;  text-align: center;  font-size: 10px;  color: #333;}.footerCongratulationBanner a.after .logo {  padding-top: 8px;  height: 75px;  background: #fff;}.footerCongratulationBanner a.congrat {  position: relative;  width: 770px;  padding: 15px;  background: #f0f0f0;}.footerCongratulationBanner .title,.footerCongratulationBanner .img,.footerCongratulationBanner .button {  display: inline-block;  vertical-align: middle;  text-align: left;}.footerCongratulationBanner .button .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -2px;  margin-right: 10px;  font-size: 18px;  line-height: 1;}.footerCongratulationBanner .title {  position: relative;  top: -2px;  margin-right: 30px;  text-align: left;  line-height: 1;}.footerCongratulationBanner .title .text {  padding-top: 8px;  font-weight: bold;  color: #f90;  line-height: 1.3;  font-size: 16px;}.footerCongratulationBanner .title .nav {  margin-top: 8px;  color: #666;  font-size: 11px;}.footerCongratulationBanner .img {  padding: 5px 10px;  margin-right: 30px;  background: #fff;  border: 1px solid #e6e6e6;}.footerCongratulationBanner .img img {  border: none;}.footerCongratulationBanner a:hover {  opacity: 0.9;}/* ------------ Recommend ------------ */.recommendArea {  clear: both;  width: 1030px;  margin: 0 auto;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  /* 調整 */}.recommendArea .title {  height: 60px;  line-height: 60px;  background: #038;  color: #fff;  font-size: 18px;  font-weight: bold;  text-align: center;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.recommendArea .jobArea {  padding: 20px 0;  background: #fff;  border-radius: 0 0 3px 3px;}.recommendArea .jobList {  display: table;  width: 100%;}.recommendArea .jobList + .jobList {  border-top: 1px solid #ddd;  margin-top: 20px;  padding-top: 20px;}.recommendArea .jobList .jobKoma {  display: table-cell;  width: 33.33%;  padding: 0 20px;  vertical-align: top;  text-align: left;}.recommendArea .jobList .jobKoma + .jobKoma {  border-left: 1px solid #e6e6e6;}.recommendArea .jobList .jobKoma .linkArea {  display: block;}.recommendArea .jobList .jobKoma .linkArea:hover .name {  color: #e80;}.recommendArea .jobList .jobKoma .linkArea .name {  font-size: 12px;  color: #666;}.recommendArea .jobList .jobKoma .linkArea .name .icon {  display: inline-block;  margin-right: 5px;  height: 20px;  line-height: 21px;  padding: 0 5px;  background: #666;  color: #fff;  font-size: 11px;  border-radius: 2px;  vertical-align: middle;  font-weight: normal;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--new {  background: #ff6b6b;}.recommendArea .jobList .jobKoma .linkArea .name .icon.icon--repub {  background: #1ba466;}.recommendArea .jobList .jobKoma .linkArea .catch {  margin-top: 5px;  font-size: 16px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness {  margin-top: 5px;  margin-bottom: 5px;}.recommendArea .jobList .jobKoma .linkArea .sideBusiness .tag {  display: inline-block;  padding: 2px 7px;  font-size: 12px;  border: 1px solid #e67e22;  color: #e67e22;  background: #fff;  border-radius: 2px;}.recommendArea .jobList .jobKoma .linkArea .income {  margin-top: 5px;  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .income:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e908";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .area {  color: #038;  font-size: 13px;  font-weight: bold;  line-height: 1.25;}.recommendArea .jobList .jobKoma .linkArea .area:before {  margin-right: 5px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e919";  font-size: 18px;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea {  margin-top: 5px;  border-top: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet {  display: table;  width: 100%;  border-bottom: 1px solid #ddd;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .item {  display: table-cell;  width: 25%;  padding: 10px;  background: #F5FAFF;  font-size: 11px;  color: #038;  white-space: nowrap;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data {  display: table-cell;  padding: 10px;  font-size: 12px;  color: #222;}.recommendArea .jobList .jobKoma .linkArea .dataSetArea .dataSet .data .jobSummary {  padding-bottom: 5px;  font-weight: bold;}.recommendArea .jobList .jobKoma .btnArea {  position: relative;  padding: 20px 0 0;  text-align: center;}.recommendArea .jobList .jobKoma .btnArea .md_btn {  width: 140px;  padding: 0;}.recommendArea .jobList .jobKoma .btnArea .md_btn:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 5px;  font-size: 14px;  vertical-align: middle;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone {  position: absolute;  top: -15px;  left: 50%;  width: 240px;  height: 50px;  line-height: 50px;  margin-left: -120px;  background: #fff;  border: 3px solid #71c826;  color: #71c826;  font-size: 12px;  z-index: 10;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.recommendArea .jobList .jobKoma .btnArea .folderAddDone:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}.recommendArea .jobList .jobKoma .btnArea .folderAddDone em {  margin: 0 5px;  font-size: 16px;}.recommendArea.recommendJobDesc {  padding: 50px 0;  box-shadow: none;}.recommendArea.recommendJobDescModal {  width: 100%;  box-shadow: none;}.recommendArea.recommendJobDescModal .jobArea {  padding: 0;}.recommendArea.recommendIndex {  box-shadow: none;}.recommendArea .jobSearchListSet {  width: 775px;  margin: 20px auto 0;}.recommendArea .noResult {  padding: 100px 0;  text-align: center;  color: #666;  font-size: 14px;  line-height: 2;}/* ------------ Md Modal ------------ */.md_modal {  display: none;}.md_modal.show {  display: block;}.md_modal .bgLayer {  position: fixed;  display: inline-block;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 9998;  background: rgba(0, 0, 0, 0.5);}.md_modal .bgLayer:hover {  cursor: pointer;}.md_modal .modalBase {  position: fixed;  top: 50%;  margin-top: -200px;  left: 50%;  margin-left: -400px;  display: inline-block;  width: 800px;  padding: 0;  background-color: #fff;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);  border-radius: 3px;  z-index: 9999;}.md_modal .modalBase .modalTitle {  height: 60px;  line-height: 66px;  background-color: #79b;  font-size: 18px;  font-weight: bold;  text-align: center;  color: #fff;  border-radius: 3px 3px 0 0;  letter-spacing: 0.2em;}.md_modal .modalBase .modalTitle .closeBtn {  position: absolute;  display: inline-block;  top: 0;  right: 0;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal .modalBase .modalTitle .closeBtn:hover {  background: rgba(0, 0, 0, 0.05);}.md_modal .modalBase .modalContent {  padding: 30px 20px;  background-color: #fff;  text-align: center;  border-radius: 0 0 3px 3px;}.md_modal .modalBase .modalContent .copy {  font-size: 15px;}.md_modal .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_scoutCatchStart .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_scoutCatchStart .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .midashi em {  color: #038;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .copyArea .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea {  margin: 20px auto 0;  width: 642px;  background-color: #f3f3f3;  border-radius: 3px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listTitle {  padding: 12px 7px 7px 7px;  background-color: #888;  font-size: 13px;  font-weight: bold;  color: #fff;  border-radius: 3px 3px 0 0;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet {  padding: 20px 20px 0;  max-height: 190px;  overflow-y: auto;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList {  background-color: #fff;  border: 1px solid #ddd;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company {  padding: 15px;  font-weight: bold;  font-size: 12px;  text-align: left;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .companyList .company + .company {  border-top: 1px dotted #ccc;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention {  display: inline-block;  font-size: 12px;  color: #999;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .listSet .attention:before {  content: "※";  margin-right: 2px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet {  padding: 20px;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .listArea .btnSet .md_btn {  background-color: #fff;  color: #038;  font-size: 13px;  font-weight: bold;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_scoutCatchStart .modalBase .modalContent .btnArea .md_btn {  display: inline-block;  margin: 0 auto;  width: auto;  background: #038;}.md_modal.modal_alert .modalBase .modalTitle {  background: #fa0;}.md_modal.modal_alert .modalBase .modalContent .alertlist {  font-size: 18px;  font-weight: bold;  width: 100%;  border: 1px solid #e6e6e6;  border-width: 1px 0;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text, .md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text {  padding: 15px 10px;  text-align: left;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f0a2";  display: inline-block;  color: #fa0;  margin-right: 7px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em {  margin: 0 5px;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.fav {  color: #71C826;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.welcome {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.scout {  color: #038;}.md_modal.modal_alert .modalBase .modalContent .alertlist .text em.num {  color: #f33;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn {  padding: 10px;  width: 150px;  text-align: right;  background: #f9f9f9;  border-left: 1px solid #eee;}.md_modal.modal_alert .modalBase .modalContent .alertlist .btn .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  margin-right: 5px;  font-size: 20px;  vertical-align: middle;}.md_modal.modal_alert .modalBase .modalContent .alertlist tr + tr {  border-top: 1px solid #e6e6e6;}.md_modal.modal_alert_stop .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 30px 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_stop .stopText .midashi {  font-weight: bold;}.md_modal.modal_alert_stop .stopText .midashi .attention {  color: #f55;}.md_modal.modal_alert_stop .stopText .comment {  margin-top: 20px;  font-size: 13px;}.md_modal.modal_alert_stop .btnBar {  margin: 30px -30px -30px;  padding: 13px 0;  background: #eee;  text-align: center;  z-index: 9999;  border-top: 1px solid #ddd;  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);  border-radius: 0 0 3px 3px;}.md_modal.modal_alert_stop .btnBar .notNow {  font-size: 14px;  margin-left: 20px;}.md_modal.modal_alert_stop .btnBar .notNow i {  font-size: 18px;  margin-right: 5px;  vertical-align: -0.1em;}.md_modal.modal_alert_desire .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px;  border-radius: 3px;  background: #fff;}.md_modal.modal_alert_desire .stopText .midashi {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_desire .stopText .comment {  margin-top: 3px;  font-size: 13px;}.md_modal.modal_alert_desire .stopText .comment em {  font-weight: bold;  color: #f90;}.md_modal.modal_alert_desire .stopText .subComment {  margin-top: 25px;  font-size: 13px;}.md_modal.modal_alert_desire .btnArea {  margin-top: 25px;  padding: 0 100px;  text-align: center;}.md_modal.modal_alert_desire .btnArea .md_btn {  margin: 5px;  padding: 0 35px;  width: 210px;  line-height: 52px;  color: #038;  border: 3px solid #038;  background: #fff;}.md_modal.modal_alert_desire .btnArea .md_btn:hover {  color: #0042b1;  border-color: #0042b1;}.md_modal.modal_alert_company .modalBase {  margin-top: -210px;}.md_modal.modal_alert_company .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_company .modalBase .modalContent {  max-height: 600px;  overflow: auto;  padding: 30px 20px;  background: #fff;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p {  font-weight: bold;}.md_modal.modal_alert_company .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_company .modalBase .modalContent .comment p {  margin-top: 20px;  text-align: left;  font-size: 13px;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea {  margin-top: 20px;  text-align: center;}.md_modal.modal_alert_company .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase {  top: 50%;  left: 50%;  margin-top: 0;  margin-left: 0;  transform: translate(-50%, -50%);}.md_modal.modal_alert_scout .modalBase .closeBtn {  position: absolute;  display: inline-block;  top: -50px;  right: -15px;  width: 60px;  height: 60px;  line-height: 60px;  font-weight: normal;  color: #fff;  font-size: 40px;  text-align: center;  font-weight: normal;}.md_modal.modal_alert_scout .modalBase .modalContent {  padding: 30px 20px 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p {  font-size: 18px;  font-weight: bold;}.md_modal.modal_alert_scout .modalBase .modalContent .midashi p em {  color: #038;}.md_modal.modal_alert_scout .modalBase .modalContent .comment p {  margin-top: 3px;  font-size: 13px;  text-align: center;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea {  display: flex;  flex-direction: column;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .md_btn {  display: block;  width: 280px;  background: #038;  margin: 0 auto;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet {  display: inline-block;  margin-top: 20px;}.md_modal.modal_alert_scout .modalBase .modalContent .btnArea .linkSet .link {  font-size: 13px;}/* Modal Schedule */.modal_schedule .modalBase {  top: 50%;  left: 50%;  margin: 0;  width: 550px;  transform: translate(-50%, -50%);}.modal_schedule .modalBase .modalHeader {  height: 44px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalHeader .title {  height: 50px;  line-height: 48px;  font-size: 18px;  font-weight: bold;  color: #fff;  letter-spacing: 0.1em;  text-align: center;}.modal_schedule .modalBase .modalHeader .closeBtn {  position: absolute;  top: 0;  right: -10px;  place-content: center;  width: 44px;  height: 44px;  font-size: 26px;  color: #fff;}.modal_schedule .modalBase .modalContent {  padding: 22px 50px 35px;  background-color: #f0f0f0;  text-align: center;}.modal_schedule .modalBase .modalContent .catch {  font-size: 16px;}.modal_schedule .modalBase .modalContent .catch em {  font-size: 22px;  color: #f00;  text-decoration: underline;}.modal_schedule .modalBase .modalContent .scheduleCardList {  position: relative;  margin-top: 20px;  max-height: 358px;  overflow-y: auto;}.modal_schedule .modalBase .modalContent .scheduleCardList:before {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 3px;  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard {  background-color: #fff;  border-top: 1px solid #ddd;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap {  position: relative;  display: grid;  padding: 15px 15px 12px 34px;  width: 100%;  text-align: left;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap:before {  content: "\e905";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  top: 10px;  left: 8px;  font-size: 20px;  color: #335070;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date, .modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  line-height: 1.5;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .date {  font-size: 16px;  font-weight: bold;  color: #000;}.modal_schedule .modalBase .modalContent .scheduleCardList .scheduleCard .scheduleCardWrap .company {  font-size: 14px;  color: #000;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}.modal_schedule .modalBase .modalContent .button {  margin-top: 27px;}.modal_schedule .modalBase .modalContent .button .md_btn {  padding: 17px 25px 15px;  height: 100%;  line-height: 24px;  font-size: 16px;}.modal_schedule .modalBase .modalContent .caption {  display: inline-flex;  margin-top: 24px;  font-size: 12px;  color: #666;  line-height: 1.2;  text-align: left;}.modal_schedule .modalBase .modalContent .caption:before {  content: "※";}.flaotAutoEditBannerArea {  position: fixed;  bottom: 20px;  right: 100px;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard {  position: relative;  width: 300px;  background-color: #fff;  border-radius: 3px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn {  position: absolute;  top: 10px;  right: 10px;  display: grid;  place-content: center;  width: 20px;  height: 20px;  background-color: rgba(0, 0, 0, 0.1);  border-radius: 50%;  z-index: 2;}.flaotAutoEditBannerArea .floatBannerCard .deleteBtn:before {  content: "\eb15";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  font-size: 8px;  font-weight: bold;  color: #fff;}.flaotAutoEditBannerArea .floatBannerCard .catchSet {  position: relative;  padding: 30px;  height: 220px;  background: linear-gradient(141deg, #f5F8ff 6.69%, #f0f5ff 53.71%, #94b1ed 146.4%);  overflow: hidden;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .bgSide img {  position: absolute;  bottom: -10px;  right: -20px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy {  font-size: 18px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .copy + .catch {  margin-top: 6px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch {  font-size: 22px;  color: #038;  line-height: 1.2;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch > * {  line-height: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch em {  font-size: 32px;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line {  position: relative;  display: inline-block;  font-weight: bold;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line .text {  position: relative;  font-weight: bold;  z-index: 1;}.flaotAutoEditBannerArea .floatBannerCard .catchSet .catchSide .catch .line:after {  content: "";  position: absolute;  bottom: 8px;  left: 0;  display: inline-block;  width: 100%;  height: 8px;  background-color: #f80;  z-index: 0;}.flaotAutoEditBannerArea .floatBannerCard .actionSet {  padding: 10px;  background-color: #fff;  text-align: center;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn {  padding: 0;  width: 200px;  height: 45px;  line-height: 47px;  font-size: 16px;}.flaotAutoEditBannerArea .floatBannerCard .actionSet .md_btn:after {  content: "\f105";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: relative;  top: -1px;  padding-left: 8px;  font-size: 25px;}/* ---------- SP Panel ----------*/.spPanel {  padding: 30px 0 40px;  text-align: center;}.spPanel .spLink {  position: relative;  display: inline-block;  width: 1000px;  height: 230px;  line-height: 240px;  margin: 0 auto;  padding-left: 150px;  text-align: left;  vertical-align: middle;  background: #038;  font-size: 45px;  font-weight: bold;  color: #fff;  border-radius: 10px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  cursor: pointer;  letter-spacing: 0.1em;}.spPanel .spLink:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f10b";  position: absolute;  top: 50%;  left: 10px;  margin-top: -120px;  margin-left: 30px;  font-size: 180px;}.spPanel .spLink:after {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  top: 50%;  right: 30px;  margin-top: -120px;  margin-left: 25px;  font-size: 90px;}.spPanel .spLink .spTitle {  margin-right: 5px;  font-size: 65px;}/* ------------ md_pattern ------------ */.md_pattern {  border-top: 1px solid #ddd;  width: 100%;  margin: 100px auto 0;  padding: 50px 300px 150px;}.md_pattern .title {  padding: 10px;  background: #eee;  text-align: center;  font-size: 14px;  font-weight: bold;  color: #444;}.md_pattern .title [class*=icon-] {  color: #39f;}.md_pattern ul {  border: 1px solid #ddd;}.md_pattern ul li {  display: block;  background: #fff;  padding: 5px;}.md_pattern ul li + li {  border-top: dotted 1px #ccc;}.md_pattern ul li a {  position: relative;  display: block;  padding: 10px 10px 10px 25px;  font-size: 15px;  line-height: 1.5;  border-radius: 3px;}.md_pattern ul li a:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: absolute;  left: 10px;  top: 50%;  font-size: 20px;  line-height: 20px;  margin-top: -12px;  margin-right: 5px;  vertical-align: middle;}.md_pattern ul li a:hover {  background: #daeeff;}.md_pattern ul li.on a {  padding-right: 60px;  background: #038;  color: #fff;}.md_pattern ul li.on a:before {  color: #fff;}.md_pattern ul li.on a span {  position: absolute;  display: inline-block;  top: 50%;  margin-top: -10px;  right: 10px;  display: inline-block;  padding: 0 5px;  background: #fff;  color: #038;  font-size: 13px;  line-height: 20px;  height: 20px;  white-space: nowrap;}/*---------------------------------------- Animate.css----------------------------------------*//*!Animate.css - http://daneden.me/animateLicensed under the MIT license - http://opensource.org/licenses/MITCopyright (c) 2015 Daniel Eden*/.animated {  -webkit-animation-duration: 0.7s;  animation-duration: 0.7s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}.animated.flipOutX,.animated.flipOutY {  -webkit-animation-duration: 0.75s;  animation-duration: 0.75s;}@-webkit-keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}@keyframes bounce {  0%, 20%, 53%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  40%, 43% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  0%, 50%, 100% {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.2, 1.2, 1.2);    transform: scale3d(1.2, 1.2, 1.2);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(0.95, 1.05, 1);    transform: scale3d(0.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, 0.95, 1);    transform: scale3d(1.05, 0.95, 1);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  0%, 100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  100% {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  0% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  100% {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  0% {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  100% {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  0%, 20%, 40%, 60%, 80%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(0.97, 0.97, 0.97);    transform: scale3d(0.97, 0.97, 0.97);  }  100% {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  100% {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  0%, 60%, 75%, 90%, 100% {    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(0.9, 0.9, 0.9);    transform: scale3d(0.9, 0.9, 0.9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}@keyframes fadeIn {  0% {    opacity: 0;  }  100% {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  0% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  0% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  0% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  0% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  0% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  0% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-transition-timing-function: ease-in;    transition-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  100% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  0% {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  100% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  0% {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  100% {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  0% {    opacity: 1;  }  100% {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  0% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  0% {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  100% {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  0% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  0% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  100% {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  100% {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  0% {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  100% {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  0% {    opacity: 1;  }  100% {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInDown {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInLeft {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInRight {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomInUp {  0% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  60% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}@keyframes zoomOut {  0% {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(0.3, 0.3, 0.3);    transform: scale3d(0.3, 0.3, 0.3);  }  100% {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);    transform: scale(0.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);  }  100% {    opacity: 0;    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);    transform: scale(0.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);  }  100% {    opacity: 0;    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInDown {  0% {    -webkit-transform: translateY(-100%);    transform: translateY(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInLeft {  0% {    -webkit-transform: translateX(-100%);    transform: translateX(-100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes slideInRight {  0% {    -webkit-transform: translateX(100%);    transform: translateX(100%);    visibility: visible;  }  100% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}@keyframes slideInUp {  0% {    -webkit-transform: translateY(100%);    transform: translateY(100%);    visibility: visible;  }  100% {    -webkit-transform: translateY(0);    transform: translateY(0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}@keyframes slideOutDown {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(100%);    transform: translateY(100%);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}@keyframes slideOutLeft {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(-100%);    transform: translateX(-100%);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}@keyframes slideOutRight {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  100% {    visibility: hidden;    -webkit-transform: translateX(100%);    transform: translateX(100%);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}@keyframes slideOutUp {  0% {    -webkit-transform: translateY(0);    transform: translateY(0);  }  100% {    visibility: hidden;    -webkit-transform: translateY(-100%);    transform: translateY(-100%);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}@font-face {  font-family: "icon";  src: url("../user_font/icon/icon.eot?y4m0n0");  src: url("../user_font/icon/icon.eot?y4m0n0#iefix") format("embedded-opentype"), url("../user_font/icon/icon.ttf?y4m0n0&d=20240904") format("truetype"), url("../user_font/icon/icon.woff?y4m0n0") format("woff"), url("../user_font/icon/icon.svg?y4m0n0#icon") format("svg");  font-weight: normal;  font-style: normal;}i {  /* use !important to prevent issues with browser extensions that change fonts */  font-family: "icon" !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-arrow1:before {  content: "\e900";}.icon-bag:before {  content: "\e901";}.icon-building:before {  content: "\e902";}.icon-phone2:before {  content: "\e903";}.icon-buildings:before {  content: "\e904";}.icon-calendar:before {  content: "\e905";}.icon-error_outline:before {  content: "\e906";}.icon-check:before {  content: "\e907";}.icon-coin:before {  content: "\e908";}.icon-device:before {  content: "\e909";}.icon-document:before {  content: "\e90a";}.icon-earth:before {  content: "\e90b";}.icon-english:before {  content: "\e90c";}.icon-glass:before {  content: "\e90d";}.icon-graph:before {  content: "\e90e";}.icon-holiday:before {  content: "\e90f";}.icon-arrows_top:before {  content: "\e910";}.icon-light:before {  content: "\e911";}.icon-man:before {  content: "\e912";}.icon-cancelthin:before {  content: "\e913";}.icon-mans:before {  content: "\e914";}.icon-memo:before {  content: "\e915";}.icon-pen:before {  content: "\e917";}.icon-pin:before {  content: "\e919";}.icon-resume:before {  content: "\e91a";}.icon-stamp:before {  content: "\e91b";}.icon-tie:before {  content: "\e91c";}.icon-time:before {  content: "\e91d";}.icon-quill:before {  content: "\e91f";}.icon-bullhorn2:before {  content: "\e932";}.icon-book2:before {  content: "\e937";}.icon-files-empty:before {  content: "\e93d";}.icon-file-picture:before {  content: "\e93f";}.icon-file-music:before {  content: "\e940";}.icon-file-play:before {  content: "\e941";}.icon-bell2:before {  content: "\e969";}.icon-user-tie:before {  content: "\e98e";}.icon-quotes-left:before {  content: "\e98f";}.icon-search2:before {  content: "\e99e";}.icon-attachment:before {  content: "\e9e5";}.icon-star-empty:before {  content: "\e9ef";}.icon-star-half2:before {  content: "\e9f0";}.icon-star-full:before {  content: "\e9f1";}.icon-info2:before {  content: "\ea24";}.icon-checkmark:before {  content: "\ea28";}.icon-arrow-right2:before {  content: "\ea54";}.icon-arrow-down2:before {  content: "\ea56";}.icon-xing2:before {  content: "\eaeb";}.icon-libreoffice:before {  content: "\eaf6";}.icon-css32:before {  content: "\eaf9";}.icon-female2:before {  content: "\eb03";}.icon-map:before {  content: "\eb04";}.icon-male2:before {  content: "\eb05";}.icon-postnumber:before {  content: "\eb06";}.icon-top_file:before {  content: "\eb07";}.icon-top_check:before {  content: "\eb08";}.icon-top_light:before {  content: "\eb09";}.icon-top_login:before {  content: "\eb0a";}.icon-top_logout:before {  content: "\eb0b";}.icon-top_mail:before {  content: "\eb0c";}.icon-top_news:before {  content: "\eb0d";}.icon-top_scout:before {  content: "\eb0e";}.icon-top_setting:before {  content: "\eb0f";}.icon-top_watch:before {  content: "\eb10";}.icon-job:before {  content: "\eb12";}.icon-lock:before {  content: "\eb13";}.icon-message:before {  content: "\eb14";}.icon-question:before {  content: "\eb15";}.icon-report:before {  content: "\eb16";}.icon-return:before {  content: "\eb17";}.icon-step:before {  content: "\eb18";}.icon-income:before {  content: "\eb19";}.icon-industory:before {  content: "\eb1a";}.icon-arrow:before {  content: "\eb1c";}.icon-arrow_under:before {  content: "\eb1d";}.icon-book:before {  content: "\eb1e";}.icon-people:before {  content: "\eb1f";}.icon-message1:before {  content: "\eb20";}.icon-arrow2:before {  content: "\eb21";}.icon-search1:before {  content: "\eb22";}.icon-tag1:before {  content: "\eb23";}.icon-people1:before {  content: "\eb24";}.icon-check1:before {  content: "\eb25";}.icon-icon-resume2:before {  content: "\eb26";}.icon-bubble5:before {  content: "\eb27";}.icon-flag3:before {  content: "\eb29";}.icon-flag4:before {  content: "\eb2a";}.icon-nav_scout:before {  content: "\eb2b";}.icon-building03:before {  content: "\eb2c";}.icon-home5:before {  content: "\eb2d";}.icon-search3:before {  content: "\eb2e";}.icon-star2:before {  content: "\eb2f";}.icon-filter4:before {  content: "\eb30";}.icon-search:before {  content: "\f002";}.icon-envelope-o:before {  content: "\f003";}.icon-star:before {  content: "\f005";}.icon-check2:before {  content: "\f00c";}.icon-close:before {  content: "\f00d";}.icon-trash-o:before {  content: "\f014";}.icon-download:before {  content: "\f019";}.icon-repeat:before {  content: "\f01e";}.icon-refresh:before {  content: "\f021";}.icon-tag:before {  content: "\f02b";}.icon-print:before {  content: "\f02f";}.icon-camera:before {  content: "\f030";}.icon-pencil:before {  content: "\f040";}.icon-chevron-left:before {  content: "\f053";}.icon-arrow-right:before {  content: "\f061";}.icon-plus:before {  content: "\f067";}.icon-exclamation-circle:before {  content: "\f06a";}.icon-leaf:before {  content: "\f06c";}.icon-eye:before {  content: "\f06e";}.icon-exclamation-triangle:before {  content: "\f071";}.icon-calendar2:before {  content: "\f073";}.icon-comment:before {  content: "\f075";}.icon-chevron-down:before {  content: "\f078";}.icon-comments:before {  content: "\f086";}.icon-external-link:before {  content: "\f08e";}.icon-sign-in:before {  content: "\f090";}.icon-bullhorn:before {  content: "\f0a1";}.icon-bell-o:before {  content: "\f0a2";}.icon-filter:before {  content: "\f0b0";}.icon-briefcase:before {  content: "\f0b1";}.icon-paperclip:before {  content: "\f0c6";}.icon-lightbulb-o:before {  content: "\f0eb";}.icon-file-text-o:before {  content: "\f0f6";}.icon-angle-double-right:before {  content: "\f101";}.icon-angle-double-up:before {  content: "\f102";}.icon-angle-double-down:before {  content: "\f103";}.icon-angle-left:before {  content: "\f104";}.icon-angle-right:before {  content: "\f105";}.icon-angle-up:before {  content: "\f106";}.icon-angle-down:before {  content: "\f107";}.icon-laptop:before {  content: "\f109";}.icon-mobile:before {  content: "\f10b";}.icon-quote-left:before {  content: "\f10d";}.icon-quote-right:before {  content: "\f10e";}.icon-circle:before {  content: "\f111";}.icon-sort-amount-desc:before {  content: "\f161";}.icon-thumbs-up:before {  content: "\f164";}.icon-graduation-cap:before {  content: "\f19d";}.icon-history:before {  content: "\f1da";}.icon-newspaper-o:before {  content: "\f1ea";}.icon-heartbeat:before {  content: "\f21e";}.icon-calendar-plus-o:before {  content: "\f271";}.icon-alarm:before {  content: "\e916";}.icon-upload1:before {  content: "\eb14";}.icon-close_small:before {  content: "\eb15";}.icon-download1:before {  content: "\eb16";}/* Slider */.slick-slider {  position: relative;  display: block;  box-sizing: border-box;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent;}.slick-slider .slick-list, .slick-slider .slick-track {  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}.slick-slider .slick-list {  position: relative;  overflow: hidden;  display: block;  margin: 0;  padding: 0;}.slick-slider .slick-list:focus {  outline: none;}.slick-slider .slick-list.dragging {  cursor: pointer;  cursor: hand;}.slick-slider .slick-list .slick-track {  position: relative;  left: 0;  top: 0;  display: block;  margin-left: auto;  margin-right: auto;}.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after {  content: "";  display: table;}.slick-slider .slick-list .slick-track:after {  clear: both;}.slick-loading .slick-slider .slick-list .slick-track {  visibility: hidden;}.slick-slider .slick-arrow {  cursor: pointer;  position: absolute;  top: calc(50% - 30px);  width: 30px;  height: 30px;  border: 2px solid #fff;  z-index: 1000;  background-color: transparent;  outline: none;  transform-origin: center;  transform: rotate(45deg);}.slick-slider .slick-arrow:before {  content: "";  position: absolute;  width: 30px;  height: 30px;  border: 1px solid rgba(0, 0, 0, 0.2);}.slick-slider .slick-arrow.slick-prev {  left: 30px;  border-width: 0 0 2px 2px;}.slick-slider .slick-arrow.slick-prev:before {  left: -3px;  top: 0;  border-width: 0 0 1px 1px;}.slick-slider .slick-arrow.slick-next {  right: 30px;  border-width: 2px 2px 0 0;}.slick-slider .slick-arrow.slick-next:before {  left: 0;  top: -3px;  border-width: 1px 1px 0 0;}.slick-slider .slick-arrow.slick-hidden {  display: none;}.slick-slider .slick-dots {  display: flex;  justify-content: center;  align-items: center;}.slick-slider .slick-dots li + li {  margin-left: 10px;}.slick-slider .slick-dots li button {  cursor: pointer;  display: inline-block;  width: 30px;  height: 3px;  background-color: #ddd;  text-indent: -9999px;  outline: none !important;}.slick-slider .slick-dots li.slick-active button {  background-color: #038;}.slick-slide {  float: left;  height: 100%;  min-height: 1px;  outline: none !important;  display: none;}[dir=rtl] .slick-slide {  float: right;}.slick-slide img {  display: block;}.slick-slide.slick-loading img {  display: none;}.slick-slide.dragging img {  pointer-events: none;}.slick-initialized .slick-slide {  display: block;}.slick-loading .slick-slide {  visibility: hidden;}.slick-vertical .slick-slide {  display: block;  height: auto;  border: 1px solid transparent;}/* ------------ Explain ------------ *//*	 CSSのインデントは3～4つまでにしましょう。	 （多すぎると構造が把握しづらくなるので） *//* ------------ Base ------------ */.pageSet {  padding-bottom: 100px;}.descBase {  padding: 40px;}/* ------------ Term ------------ */.searchDescTerm {  position: relative;}.searchDescTerm .termSet {  text-align: right;}.searchDescTerm .termSet .term,.searchDescTerm .termSet .num {  display: inline-block;  font-size: 11px;  color: #999;}.searchDescTerm .termSet .num {  padding-left: 10px;}.searchDescTerm .termSet .num:before {  margin-right: 10px;  content: "|";  color: #bbb;}/* ------------ Summary Area ------------ */.descSummaryArea {  position: relative;  margin-top: 10px;  padding: 20px;  background: #fff;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.descSummaryArea:before {  position: absolute;  left: 0;  right: 0;  top: 0;  content: "";  display: block;  width: auto;  height: 3px;  background: #038;  border-radius: 3px 3px 0 0;}.descSummaryArea .headArea {  display: block;  line-height: 1;}.descSummaryArea .headArea .name {  position: relative;  font-size: 16px;  font-weight: normal;  color: #038;  vertical-align: middle;}.descSummaryArea .headArea .name .icon {  display: inline-block;  margin-right: 7px;  height: 22px;  line-height: 23px;  padding: 0 5px;  background: #666;  color: #fff;  font-size: 13px;  border-radius: 2px;  vertical-align: middle;  font-weight: normal;}.descSummaryArea .headArea .name .icon.icon--new {  background: #ff6b6b;}.descSummaryArea .headArea .name .icon.icon--repub {  background: #1ba466;}.descSummaryArea .headArea .catch {  margin-top: 20px;  font-size: 22px;  font-weight: bold;  line-height: 1.5;  color: #333;}.descSummaryArea .headArea .company {  margin-top: 8px;}.descSummaryArea .headArea .company .name {  font-size: 20px;  font-weight: bold;  color: #666;}.descSummaryArea .sideBusiness {  margin-top: 10px;}.descSummaryArea .sideBusiness .tag {  display: inline-block;  padding: 2px 7px;  font-size: 12px;  border: 1px solid #e67e22;  color: #e67e22;  background: #fff;  border-radius: 2px;}.descSummaryArea .iconArea {  margin-top: 10px;}.descSummaryArea .iconArea .icon {  vertical-align: middle;  font-size: 12px;  line-height: 1;  color: #999;}.descSummaryArea .iconArea .icon + .icon:before {  content: "/";  margin: 0 5px;}.descSummaryArea .descBtnArea {  margin-top: 15px;  padding: 15px 0 0;  border-top: 1px solid #ddd;}.descSummaryArea .descBtnArea .wrap {  width: 70%;}.descSummaryArea .descBtnArea .wrap .toFolder .md_btn:before {  font-size: 22px;}.descSummaryArea .descBtnArea .wrap .toEntry .md_btn:before {  font-size: 30px;}/* ------------ Job Area ------------ */.descDataArea {  margin-top: 40px;  background: #fff;  border-radius: 0 0 3px 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.descDataArea .dataUnit .title {  padding: 20px;  background: #038;  font-size: 18px;  font-weight: bold;  color: #fff;  line-height: 1;  border-radius: 3px 3px 0 0;}.descDataArea .dataUnit .companyArea {  display: flex;  align-items: center;  justify-content: center;  gap: 20px;  padding-top: 20px;}.descDataArea .dataUnit .companyArea .logo {  display: flex;  align-items: center;  justify-content: center;  max-width: 80px;  max-height: 80px;}.descDataArea .dataUnit .companyArea .logo img {  max-width: 100%;  max-height: 80px;  object-fit: contain;}.descDataArea .dataUnit .companyArea .nameSet {  display: flex;  flex-direction: column;  justify-content: center;  max-width: 80%;  height: 100px;  border-left: 1px solid #ddd;}.descDataArea .dataUnit .companyArea .nameSet .name {  font-size: 18px;  font-weight: bold;  vertical-align: middle;  line-height: 1;  color: #4477e0;  padding-left: 20px;}.descDataArea .dataUnit .companyArea .nameSet .name:hover {  color: #e80;  -webkit-transition: all 0.25s ease-in-out 0s;}.descDataArea .dataUnit .companyArea .numSet {  margin-top: 5px;  font-size: 12px;}.descDataArea .dataUnit .companyArea .numSet .num {  color: #666;}.descDataArea .dataUnit .companyArea .numSet .num + .num:before {  content: "/";  margin: 0 10px;}.descDataArea .dataUnit .dataArea {  padding: 20px;}.descDataArea .dataUnit .dataArea .dataSet {  display: table;  width: 100%;  border-bottom: 1px solid #ddd;}.descDataArea .dataUnit .dataArea .dataSet:first-child {  border-top: 1px solid #ddd;}.descDataArea .dataUnit .dataArea .dataSet .item {  display: table-cell;  width: 26%;  background: #F5FAFF;}.descDataArea .dataUnit .dataArea .dataSet .item .text {  position: relative;  padding: 20px 0 20px 10px;  font-size: 16px;  font-weight: bold;  color: #038;}.descDataArea .dataUnit .dataArea .dataSet .item .text:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "";  position: relative;  top: -1px;  width: 30px;  text-align: center;  vertical-align: middle;  font-size: 20px;}.descDataArea .dataUnit .dataArea .dataSet .item .text.why:before {  content: "\e90a";}.descDataArea .dataUnit .dataArea .dataSet .item .text.job:before {  content: "\e901";}.descDataArea .dataUnit .dataArea .dataSet .item .text.condition:before {  content: "\e907";}.descDataArea .dataUnit .dataArea .dataSet .item .text.type:before {  content: "\e912";}.descDataArea .dataUnit .dataArea .dataSet .item .text.position:before {  content: "\e91c";}.descDataArea .dataUnit .dataArea .dataSet .item .text.area:before {  content: "\e919";}.descDataArea .dataUnit .dataArea .dataSet .item .text.time:before {  content: "\e91d";}.descDataArea .dataUnit .dataArea .dataSet .item .text.income:before {  content: "\e908";}.descDataArea .dataUnit .dataArea .dataSet .item .text.welfare:before {  content: "\e911";}.descDataArea .dataUnit .dataArea .dataSet .item .text.holiday:before {  content: "\e90f";}.descDataArea .dataUnit .dataArea .dataSet .item .text.process:before {  content: "\e91a";}.descDataArea .dataUnit .dataArea .dataSet .item .text.career:before {  content: "\e900";}.descDataArea .dataUnit .dataArea .dataSet .item .text.company:before {  content: "\e902";}.descDataArea .dataUnit .dataArea .dataSet .item .text.business:before {  content: "\e915";}.descDataArea .dataUnit .dataArea .dataSet .item .text.establish:before {  content: "\e905";}.descDataArea .dataUnit .dataArea .dataSet .item .text.capital:before {  content: "\e908";}.descDataArea .dataUnit .dataArea .dataSet .item .text.earn:before {  content: "\e90e";}.descDataArea .dataUnit .dataArea .dataSet .item .text.employee:before {  content: "\e914";}.descDataArea .dataUnit .dataArea .dataSet .item .text.history:before {  content: "\e91a";}.descDataArea .dataUnit .dataArea .dataSet .item .text.head:before {  content: "\e912";}.descDataArea .dataUnit .dataArea .dataSet .item .text.homepage:before {  content: "\e909";}.descDataArea .dataUnit .dataArea .dataSet .data {  display: table-cell;  padding: 20px;  font-size: 16px;  line-height: 2;}.descDataArea .dataUnit .dataArea .dataSet .data .jobSummary {  margin-bottom: 7px;  font-size: 16px;  font-weight: bold;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet {  position: relative;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet + .requireSet {  margin-top: 15px;  padding-top: 20px;  border-top: 1px solid #eee;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet .label {  display: inline-block;  width: auto;  margin-bottom: 7px;  height: 30px;  line-height: 30px;  padding: 0 5px;  border-bottom: 1px solid #038;  font-size: 14px;  color: #038;  text-align: center;  background: #fff;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet .label.must {  border-color: #f44;  color: #f44;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet .label.welcome {  border-color: #f90;  color: #f90;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet .label:after {  display: none;}.descDataArea .dataUnit .dataArea .dataSet .data .requireSet .data {  display: block;  padding: 0;}.descDataArea .dataUnit .dataArea .dataSet .data .resultSet + .resultSet {  margin-top: 10px;}.descDataArea .dataUnit .dataArea .dataSet .data .resultSet .label {  display: inline-block;}.descDataArea .dataUnit .dataArea .dataSet .data .resultSet .label .name {  display: inline-block;  vertical-align: middle;  line-height: 1;  color: #57b;}.descDataArea .dataUnit .dataArea .dataSet .data .resultSet .label .age {  font-size: 13px;  color: #666;}.descDataArea .dataUnit .dataArea .dataSet .data .resultSet .data {  display: inline-block;  padding: 0;  margin-left: 20px;  vertical-align: middle;}.descDataArea .dataUnit.dataUnit--company .title {  border-radius: 0;}.descDataArea.descDataArea--manage {  margin-top: 40px;}.descDataArea.descDataArea--manage .dataUnit .title {  position: relative;  text-align: left;  border-radius: 3px 3px 0 0;  background: #865;}.descDataArea.descDataArea--manage .dataUnit .title .label {  display: inline-block;  line-height: 1;}.descDataArea.descDataArea--manage .dataUnit .title .copy {  margin-left: 20px;  color: #fff;  font-size: 12px;  font-weight: normal;  vertical-align: middle;}.descDataArea.descDataArea--manage .dataUnit .title .md_btn {  position: absolute;  top: 50%;  margin-top: -20px;  right: 10px;  color: #865;}.descDataArea.descDataArea--manage .dataUnit .companyArea {  display: flex;  align-items: center;  justify-content: center;  gap: 20px;  padding-top: 20px;}.descDataArea.descDataArea--manage .dataUnit .companyArea .logo {  display: flex;  align-items: center;  justify-content: center;  max-width: 80px;  max-height: 80px;}.descDataArea.descDataArea--manage .dataUnit .companyArea .logo img {  max-width: 100%;  max-height: 80px;  object-fit: contain;}.descDataArea.descDataArea--manage .dataUnit .companyArea .nameSet {  display: flex;  flex-direction: column;  justify-content: center;  max-width: 80%;  height: 100px;  border-left: 1px solid #ddd;}.descDataArea.descDataArea--manage .dataUnit .companyArea .nameSet .name {  font-size: 18px;  font-weight: bold;  vertical-align: middle;  line-height: 1;  color: #4477e0;  padding-left: 20px;}.descDataArea.descDataArea--manage .dataUnit .companyArea .nameSet .name:hover {  color: #e80;  -webkit-transition: all 0.25s ease-in-out 0s;}.descDataArea.descDataArea--manage .dataUnit .companyArea .numSet {  margin-top: 5px;  font-size: 12px;  padding-left: 20px;}.descDataArea.descDataArea--manage .dataUnit .companyArea .numSet .num {  color: #666;}.descDataArea.descDataArea--manage .dataUnit .companyArea .numSet .num + .num:before {  content: "/";  margin: 0 10px;}.descDataArea.descDataArea--manage .dataUnit .companyArea--open .logo {  padding-right: 10px;  padding-left: 10px;  height: 70px;}.descDataArea.descDataArea--manage .dataUnit .companyArea--open .logo img {  max-width: 300px;  width: 80px;}.descDataArea.descDataArea--manage .dataUnit .companyArea--open .nameSet .name {  color: #333;}.descDataArea.descDataArea--manage .dataUnit .dataSet .item {  background: #fffcf5;}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text {  color: #865;}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.establish:before {  content: "\e905";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.capital:before {  content: "\e908";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.head:before {  content: "\e912";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.employee:before {  content: "\e914";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.business:before {  content: "\e915";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.number:before {  content: "\e91b";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.year:before {  content: "\e905";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.area:before {  content: "\e919";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.regist:before {  content: "\e919";}.descDataArea.descDataArea--manage .dataUnit .dataSet .item .text.homepage:before {  content: "\e909";}.descDataArea.descDataArea--manage .dataUnit .dataSet .data .areaSet + .areaSet {  margin-top: 20px;}.descDataArea.descDataArea--manage .dataUnit .dataSet .data .areaSet .spot {  font-weight: bold;  vertical-align: middle;}.descDataArea.descDataArea--manage .dataUnit .dataSet .data .areaSet .map {  margin-left: 5px;  font-size: 13px;  font-weight: normal;  height: 26px;  line-height: 26px;  vertical-align: middle;  padding: 0 7px;}.descDataArea.descDataArea--manage .dataUnit .dataSet .data .areaSet .map:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e919";  margin-right: 3px;  vertical-align: middle;}.descDataArea.descDataArea--manage .dataUnit .dataSet .data .areaSet .place {  margin-top: 5px;  font-size: 14px;  line-height: 1.25;}.descDataArea.descDataArea--manage .descBtnArea {  margin: 0;  padding: 10px;  background: #f0f0f0;  border-top: 1px solid #eee;  border-radius: 0 0 3px 3px;}/* ------------ Btn Area ------------ */.pageLinks {  margin: 0 auto;  padding: 0 20px;  max-width: 1140px;}.pageLinks .pageLink {  text-align: center;}.pageLinks .pageLink .pagePrevious, .pageLinks .pageLink .pageNext {  position: relative;  display: inline-block;  padding-top: 55px;  height: 90px;  width: 50px;  font-size: 14px;  color: #fff;  border-radius: 3px;  background-color: rgba(0, 0, 0, 0.2);  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);  transition: all 0.25s ease-in-out 0s;}.pageLinks .pageLink .pagePrevious:before, .pageLinks .pageLink .pageNext:before {  position: absolute;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f104";  top: 10px;  left: 0;  right: 0;  font-size: 30px;}.pageLinks .pageLink .pagePrevious:hover, .pageLinks .pageLink .pageNext:hover {  background-color: rgba(0, 0, 0, 0.3);}.pageLinks .pageLink .pageNext:before {  content: "\f105";}.pageLinks.pageLinks--float {  position: fixed;  display: flex;  justify-content: space-between;  bottom: 45%;  left: 0;  right: 0;  width: 100%;  height: 0;  z-index: 9990;}.pageLinks.pageLinks--float .pagePrevious, .pageLinks.pageLinks--float .pageNext {  transform: translateY(-100%);}.descBtnArea {  position: relative;  margin-top: 40px;  text-align: center;  /* ------------ エントリー済 ------------ */}.descBtnArea .wrap {  display: table;  width: 80%;}.descBtnArea .wrap .toFolder, .descBtnArea .wrap .toEntry {  display: table-cell;  width: 50%;}.descBtnArea .wrap .toFolder {  position: relative;  padding-right: 20px;}.descBtnArea .wrap .toFolder .md_btn {  display: block;  z-index: 1;}.descBtnArea .wrap .toFolder .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 10px;  font-size: 24px;  vertical-align: middle;}.descBtnArea .wrap .toFolder .folderAddDone {  position: absolute;  top: -30px;  left: 50%;  width: 240px;  height: 50px;  line-height: 50px;  margin-left: -120px;  background: #fff;  border: 3px solid #71c826;  color: #71c826;  font-size: 12px;  z-index: 10;  text-align: center;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);}.descBtnArea .wrap .toFolder .folderAddDone:hover {  transition: none;  -moz-transition: none;  -webkit-transition: none;}.descBtnArea .wrap .toFolder .folderAddDone em {  margin: 0 5px;  font-size: 16px;}.descBtnArea .wrap .toEntry {  padding-left: 20px;}.descBtnArea .wrap .toEntry .md_btn {  display: block;  z-index: 1;}.descBtnArea .wrap .toEntry .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  margin-right: 10px;  font-size: 32px;  vertical-align: middle;}.descBtnArea.descBtnArea--float {  display: none;  position: fixed;  bottom: 0;  left: 0;  right: 0;  width: 100%;  z-index: 9990;  padding: 10px;  background: #bdcee0;  border-top: 1px solid #adbdce;  box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);}.descBtnArea.descBtnArea--float .wrap {  width: 1030px;  margin: 0 auto;}.descBtnArea.descBtnArea--float .wrap .jobArea {  display: table-cell;  width: 760px;  max-width: 760px;  padding-right: 10px;  color: #222;  text-align: left;  vertical-align: middle;  overflow: hidden;}.descBtnArea.descBtnArea--float .wrap .jobArea .jobName {  font-size: 16px;  font-weight: bold;}.descBtnArea.descBtnArea--float .wrap .jobArea .catch {  margin-top: 5px;  font-size: 13px;  font-weight: normal;  line-height: 1.5;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.descBtnArea.descBtnArea--float .wrap .btnArea {  display: table-cell;  width: auto;  text-align: right;  vertical-align: middle;}.descBtnArea.descBtnArea--float .wrap .btnArea .toFolder {  position: relative;  padding-right: 5px;}.descBtnArea.descBtnArea--float .wrap .btnArea .toEntry {  padding-left: 5px;}.descBtnArea.descBtnArea--float .wrap .btnArea .toFolder .md_btn,.descBtnArea.descBtnArea--float .wrap .btnArea .toEntry .md_btn {  padding: 0;  width: 130px;}.descBtnArea.descBtnArea--float .wrap .btnArea .toFolder .md_btn:before {  top: -2px;  font-size: 14px;  margin-right: 5px;}.descBtnArea.descBtnArea--float .wrap .btnArea .toEntry .md_btn:before {  top: -2px;  font-size: 18px;  margin-right: 5px;}.descBtnArea.descBtnArea--float.entryDone .entryDoneText {  position: relative;  display: table-cell;  text-indent: -1em;  padding-left: 20px;  line-height: 1.1;  vertical-align: middle;  width: 50%;  text-align: left;  font-size: 10px;  margin-top: 3px;  color: #f33;}.descBtnArea.descBtnArea--float.entryDone .entryDoneText:before {  content: "※";}.descBtnArea .entryDoneText {  text-align: center;  font-size: 14px;  margin-top: 8px;  color: #f33;}.recommendArea--slider .jobArea .slide {  width: 100%;}.recommendArea--slider .jobArea .slide .jobList {  display: flex;}.recommendArea--slider .jobArea .slide .jobList .jobKoma {  display: block;  width: 33.3333333333%;}.recommendArea--slider .jobArea .slick-arrow.slick-prev, .recommendArea--slider .jobArea .slick-arrow.slick-next {  top: 50%;  width: 40px;  height: 40px;  background-color: #fff;  border: 1px solid #ddd;  border-radius: 3px;  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);  transform: translateY(-50%);}.recommendArea--slider .jobArea .slick-arrow.slick-prev:before, .recommendArea--slider .jobArea .slick-arrow.slick-next:before {  content: "";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  top: 50%;  left: 50%;  width: auto;  height: auto;  border: none;  font-size: 24px;  color: #038;  transform: translate(-50%, -50%);}.recommendArea--slider .jobArea .slick-arrow.slick-prev {  left: -20px;}.recommendArea--slider .jobArea .slick-arrow.slick-prev:before {  content: "\f104";  left: calc(50% - 2px);}.recommendArea--slider .jobArea .slick-arrow.slick-next {  right: -20px;}.recommendArea--slider .jobArea .slick-arrow.slick-next:before {  content: "\f105";  left: calc(50% + 2px);}.recommendArea--link .linkArea {  display: flex;  align-items: center;  gap: 15px;  padding: 20px 20px 25px;  background-color: #fff;}.recommendArea--link .linkArea .btnSet {  width: calc((100% - 15px) / 2);}.recommendArea--link .linkArea .btnSet .md_btn {  display: grid;  place-content: center;  padding: 0 20px;  width: 100%;  height: 60px;}.recommendArea--link .linkArea .btnSet .md_btn:after {  content: "\f105";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: absolute;  top: 50%;  right: 10px;  font-size: 22px;  color: #ccc;  transform: translateY(-50%);}.recommendArea--link .linkArea .btnSet .md_btn--search {  line-height: inherit;  border: 1px solid #ddd;}.recommendArea--link .linkArea .btnSet .md_btn--search .btnText {  font-size: 16px;}.recommendArea--link .linkArea .btnSet .md_btn--search .btnText .cross, .recommendArea--link .linkArea .btnSet .md_btn--search .btnText .unit {  font-size: 14px;}.recommendArea + .recommendArea {  margin-top: 40px;}#returnPage + .recommendArea {  margin-top: 60px;}/* ------------ Old Ptn ------------ *//* ------------ End Announce ------------ */#descOldAnnounce {  position: relative;  margin: 30px 0 0;  padding: 20px 10px;  background: #f6f6f6;  border: 4px solid #ccc;  text-align: center;}#descOldAnnounce .catch {  font-size: 18px;  font-weight: bold;  line-height: 1.7;}#descOldAnnounce .catch em {  color: #e33;}#descOldAnnounce .catch .icon {  padding: 3px 7px;  margin: 0 10px;  background: #aaa;  text-align: center;  font-size: 14px;  font-weight: normal;  color: #fff;  vertical-align: middle;}#descOldAnnounce .catch .job {  padding: 0 20px 10px;  font-size: 18px;  color: #038;  font-weight: normal;  vertical-align: middle;}#descOldAnnounce .catch .sub {  padding: 0 100px 20px;  font-size: 24px;  font-weight: bold;  vertical-align: middle;}#descOldAnnounce .hint {  margin-top: 15px;  padding-top: 15px;  background: url(../../imageFile/user/global/line_dot_1px_999_pitch2.png) 0 0 repeat-x;  font-size: 16px;  font-weight: bold;  color: #68b;  vertical-align: middle;}#descOldAnnounce + .recommendArrow {  position: relative;  display: block;  margin: -5px 0 0;  height: 56px;  line-height: 58px;  background: #f90;  font-size: 18px;  font-weight: bold;  color: #fff;  text-align: center;}#descOldAnnounce + .recommendArrow:after {  position: absolute;  left: 50%;  margin-left: -8px;  bottom: -10px;  content: "";  display: inline-block;  line-height: 0;  border-left: 8px solid transparent;  border-top: 10px solid #f90;  border-right: 8px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#descOldAnnounceList {  position: relative;  margin: 30px 20px 55px;  padding: 25px;  background: #f6f6f6;  border: 3px solid #ccc;  text-align: center;}#descOldAnnounceList:before {  position: absolute;  bottom: -36px;  left: 50%;  content: "";  display: inline-block;  vertical-align: middle;  width: 0;  height: 0;  margin-left: -30px;  line-height: 0;  border-top: 17px solid #68b;  border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-left-color: rgba(255, 255, 255, 0);  border-right-color: rgba(255, 255, 255, 0);}#descOldAnnounceList .catch {  font-size: 14px;  font-weight: bold;  line-height: 200%;}#descOldAnnounceList .catch em {  color: #e33;  font-size: 14px;}#descOldAnnounceList .catch .icon {  padding: 3px 7px;  margin: 0 10px;  background: #aaa;  text-align: center;  font-size: 14px;  font-weight: normal;  color: #fff;  vertical-align: middle;}#descOldAnnounceList .catch .name {  margin-right: 5px;  font-size: 19px;  font-weight: bold;  vertical-align: middle;}/* ------------ SearchArea ------------ */#descOldSearchArea {  margin: 30px 0 0;  background: #fff;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#descOldSearchArea .title {  padding: 15px;  background: #038;  font-size: 15px;  font-weight: bold;  color: #fff;  border-radius: 3px 3px 0 0;  text-align: center;}#descOldSearchArea .title em {  display: inline-block;  vertical-align: middle;  margin: 0 7px;  padding: 1px 7px;  background: #fff;  font-size: 17px;  color: #e80;  border-radius: 2px;}#descOldSearchArea .title em .item {  margin-left: 3px;  font-size: 13px;}#descOldSearchArea .contents {  padding: 20px;  border-radius: 0 0 3px 3px;  /* searchUnitJob */  /* searchUnitCondition */  /* searchUnitOterSite */}#descOldSearchArea .contents .searchUnit {  padding: 0 10px;}#descOldSearchArea .contents .searchUnit + .searchUnit {  margin-top: 20px;  padding-top: 20px;  border-top: 1px solid #e6e6e6;}#descOldSearchArea .contents .searchUnit .unitTitle {  padding: 0 0 0 10px;  border-left: 6px solid #038;  font-weight: bold;  font-size: 16px;  line-height: 1;  vertical-align: middle;}#descOldSearchArea .contents .searchUnit .unitContent {  position: relative;  margin-top: 13px;}#descOldSearchArea .contents .searchUnitJob .unitTitle {  padding-left: 5px;}#descOldSearchArea .contents .searchUnitJob .unitContent .linkList {  overflow: hidden;  padding: 0 20px;}#descOldSearchArea .contents .searchUnitJob .unitContent .linkList a {  font-size: 14px;  line-height: 1;  text-decoration: underline;}#descOldSearchArea .contents .searchUnitJob .unitContent .linkList .sep {  margin: 0 5px;  color: #ccc;}#descOldSearchArea .contents .searchUnitCondition .unitContent .text,#descOldSearchArea .contents .searchUnitCondition .unitContent .button {  display: inline-block;  vertical-align: middle;}#descOldSearchArea .contents .searchUnitCondition .unitContent .text {  padding-left: 18px;  font-size: 14px;}#descOldSearchArea .contents .searchUnitCondition .unitContent .button {  position: absolute;  top: -35px;  right: 0;}#descOldSearchArea .contents .searchUnitCondition .unitContent .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  font-size: 28px;  margin-right: 10px;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList {  display: table;  width: 100%;  margin: 20px auto 0;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site {  white-space: nowrap;  display: table-cell;  width: 33%;  padding: 5px 15px;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site + .site {  border-left: 1px solid #e6e6e6;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site:hover {  opacity: 0.7;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site a {  display: block;  padding: 10px 20px;  text-align: center;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site .text {  font-size: 12px;  letter-spacing: 0;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .site .logo {  white-space: nowrap;  margin-top: 5px;  font-size: 18px;  font-weight: bold;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .consul .logo {  color: #038;  letter-spacing: 0.2em;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .global .logo {  color: #e81;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .highClass .logo {  color: #047;}#descOldSearchArea .contents .searchUnitOterSite .unitContent .siteList .executive .logo {  color: #985;}/* ------------ Summary Area ------------ *//* #descSummaryArea { margin-top: 40px; } */#descSummaryArea .summaryArea {  border-top-color: #aaa;}#descSummaryArea .jobNameSet .jobName .item .icon,#descSummaryArea .jobNameSet .companyName .item .icon {  background: #aaa;}#descSummaryArea .iconArea .el_icon_job:before {  background: #aaa;}/* ------------ Job Data ------------ *//* Base */#descJobData .jobDataUnit .title {  background: #aaa;  border-color: #999;  -pie-background: #aaa;}#descJobData .jobDataUnit .data table th {  background: #fafafa;}#descSummaryArea .companySet .title,#descSummaryArea .consulSet .nameArea .title {  color: #666;}/* innerContent */#descJobData .jobDataUnit td .innerContent .innerTitle {  color: #222;  border-color: #999;}/* Company Info */#descJobData .jobDataUnitCompanyInfo .data table td .resultSet .result .item .name {  color: #777;}/* ------------ Charge Data ------------ *//* titleArea *//* #descChargeData .titleArea { background: #aaa; border-color: #999;-pie-background: #aaa;} *//* consultantProfileArea *//* #descChargeData .consultantProfileArea .profileSet .profile .item { color: #777; }#descChargeData .consultantProfileArea .profileSet .profile .item:before { color: #666; }#descChargeData .consultantProfileArea .profileSet .iconSet .icon { border-color: #aaa; } *//* ------------ Desc Area Title ------------ */#descOldBaseTitle {  margin: 60px 0 0;  padding: 20px;  border: 1px solid #ddd;  border-top: 5px solid #999;  font-size: 15px;  font-weight: bold;  background: #fff;}#descOldBaseTitle .during {  margin-left: 10px;  font-size: 13px;  font-weight: normal;  color: #666;}/* ------------ Desc Base ------------ */.descBase--old {  background: #eee;  color: #666 !important;}.descBase--old .descSummaryArea:before {  background: #999;}.descBase--old .descSummaryArea .headArea .name {  color: #999;}.descBase--old .descDataArea .dataUnit .title {  background: #999;}.descBase--old .descDataArea .dataUnit .dataArea .dataSet .item {  background: #f9f9f9;}.descBase--old .descDataArea .dataUnit .dataArea .dataSet .item .text {  color: #999;}.descBase--old .descDataArea .dataUnit .dataArea .dataSet .data .resultSet .label .name {  color: #999;}/* ------------ Signup Merit ------------ */#signupMerit {  position: relative;  margin: 80px 40px 0;  background: #fff;  padding: 0 10px 20px;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}#signupMerit:before {  position: absolute;  top: 0;  left: 50%;  margin-left: -30px;  display: block;  content: "";  background: #038;  height: 5px;  width: 60px;}#signupMerit .catch {  padding: 30px 10px 20px;  text-align: center;  vertical-align: middle;}#signupMerit .catch img {  height: 22px;  vertical-align: middle;}#signupMerit .catch .copy {  display: inline-block;  padding-top: 4px;  line-height: 1;  vertical-align: middle;  margin-left: 10px;  font-size: 20px;  letter-spacing: 0.2em;  font-weight: normal;}#signupMerit .merit {  margin: 0 100px;  padding: 20px 50px;  border: 1px solid #e6e6e6;  border-width: 1px 0;  background: #f9f9f9;}#signupMerit .merit ul li {  padding: 3px;  font-weight: bold;  font-size: 14px;  letter-spacing: 0.2em;}#signupMerit .merit ul li .num {  display: inline-block;  margin-right: 10px;  padding: 0;  height: 22px;  line-height: 22px;  width: 22px;  background: #038;  color: #fff;  font-size: 12px;  font-weight: normal;  text-align: center;  border-radius: 2px;}#signupMerit .merit ul li em {  color: #038;}#signupMerit .button {  margin-top: 15px;  text-align: center;}#signupMerit .button .md_btn:before {  position: relative;  top: -2px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  font-size: 28px;  margin-right: 10px;}#signupMerit .button a .free {  position: relative;  top: -1px;  margin-left: 4px;  font-size: 16px;}/* ----------------------------------------- グローバル ----------------------------------------- */#globalPageCopy {  display: none;  margin: 40px 0 0;}#cboxClose {  display: none;}#cboxClose:after {  display: none;}@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: normal;  src: url("../user_font/Montserrat/Montserrat-Regular.eot");  src: url("../user_font/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Regular.woff") format("woff");}@font-face {  font-family: "Montserrat";  font-style: normal;  font-weight: bold;  src: url("../user_font/Montserrat/Montserrat-Bold.eot");  src: url("../user_font/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../user_font/Montserrat/Montserrat-Bold.woff") format("woff");}@font-face {  font-family: "icon";  src: url("../user_font/icon/icon.eot?agwd8");  src: url("../user_font/icon/icon.eot?agwd8#iefix") format("embedded-opentype"), url("../user_font/icon/icon.ttf?agwd8&d=20240904") format("truetype"), url("../user_font/icon/icon.woff?agwd8") format("woff"), url("../user_font/icon/icon.svg?agwd8#icon") format("svg");  font-weight: normal;  font-style: normal;}/* ------------ Ad ------------ */#careerReportAd {  margin: 15px 20px -5px;  padding: 3px 0;  background: #f6f6f0;  border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;  text-align: center;  font-size: 12px;}#careerReportAd .icon,#careerReportAd .link {  display: inline-block;  vertical-align: middle;  font-size: 11px;}#careerReportAd .icon {  padding: 4px 5px;  background: #d06000;  font-size: 10px;  color: #fff;  line-height: 1;}#careerReportAd .link {  margin-left: 5px;}/* ------------ SubmitButton ------------ */.nextBtn {  margin-top: 40px;  text-align: center;}.nextBtn .next {  padding: 17px 40px 15px 60px;  background: url(../../imageFile/user/job_search/icon_form_set.png) 40px -80px no-repeat #3060b0;  font-size: 18px;  line-height: 1;}.nextBtn .next:hover {  border-color: #4070c0;  background-color: #4070c0;  box-shadow: 0 -53px 38px -38px rgba(150, 150, 150, 0.05) inset, 1px 1px 4px rgba(0, 0, 0, 0.3);}.nextBtn .next:active {  border: 1px solid #3060b0;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;}/*---------------------------------------- Design----------------------------------------*//* ------------ Variable ------------ *//* Var *//* Mixin *//* ==================================================   page layout（一覧画面）================================================== */.pageHero {  background: linear-gradient(#4b6ea9, #3b5f94);  color: #fff;  text-align: center;  padding: 20px 0;}.pageTitle {  display: flex;  align-items: center;  justify-content: center;  gap: 12px;  color: #fff;  font-size: 20px;  font-weight: 700;  letter-spacing: 0.1em;}.pageTitle::before,.pageTitle::after {  content: "";  width: 2em;  height: 2px;  background: rgba(255, 255, 255, 0.8);  flex: none;}.pageLead {  font-size: 14px;  line-height: 1.25;  color: #e0e8f4;}body {  margin: 0;  background: #f5f7fa;}.pageHeader {  background: linear-gradient(#4b6ea9, #3b5f94);  color: #fff;  text-align: center;  padding: 24px 16px;}/* 下段:2カラム */.contentArea {  padding: 60px 16px 40px;}.layout {  max-width: 1030px;  margin: 0 auto;  display: grid;  grid-template-columns: 1fr 280px;  gap: 30px;  align-items: start;}/* Column Fade-In Animation */.contentWrap {  opacity: 0;  transform: translateY(8px);  will-change: opacity, transform;}.sidebar {  opacity: 0;  transform: translateY(8px);  will-change: opacity, transform;}.contentWrap.is-animate,.sidebar.is-animate {  animation-name: pageLoadFadeIn;  animation-duration: 600ms;  animation-timing-function: ease;  animation-fill-mode: forwards;}@keyframes pageLoadFadeIn {  from {    opacity: 0;    transform: translateY(8px);  }  to {    opacity: 1;    transform: none;  }}/* Respect users who prefer reduced motion */@media (prefers-reduced-motion: reduce) {  .content,  .sidebar {    opacity: 1;    transform: none;  }  .contentWrap.is-animate,  .sidebar.is-animate {    animation: none;  }}/* 上段:特集 */.featureArea {  margin: 0 auto;  padding: 20px 0;  background: url(../../imageFile/user/edit_special/bg_list.png) center/cover no-repeat #ccc;}.featureArea.is-animate .featCard {  animation-name: featFadeInUp;  animation-duration: 700ms;  animation-timing-function: ease;  animation-fill-mode: forwards;}@keyframes featFadeInUp {  from {    opacity: 0;    transform: translateY(12px);  }  to {    opacity: 1;    transform: none;  }}/* Respect users who prefer reduced motion */@media (prefers-reduced-motion: reduce) {  .featureArea .featCard {    opacity: 1;    transform: none;  }  .featureArea.is-animate .featCard {    animation: none;  }}/* 特集カード */.featureGrid {  max-width: 1200px;  margin: 0 auto 24px;  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 20px;  align-items: stretch;  grid-auto-flow: row dense;}/* ===== サイズ（横幅） ===== */.featCard--S {  grid-column: span 1;} /* 1/4 */.featCard--M {  grid-column: span 2;} /* 1/2 */.featCard--L {  grid-column: span 2;  grid-row: span 2;} /* 1/2（Lを半分で使う場合） */.featCard--Lfull {  grid-column: span 4;} /* 全幅（Lを2列分=全幅として使う場合） *//* ===== card base ===== */.featCard__link {  display: flex;  flex-direction: column;  height: 100%;  color: inherit;  text-decoration: none;}.featCard__link:focus-visible {  outline: 3px solid rgba(66, 133, 244, 0.6);  outline-offset: 3px;}.featCard {  opacity: 0;  transform: translateY(12px);  will-change: opacity, transform;  overflow: hidden;  background: #fff;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);  transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;  cursor: pointer;  position: relative;}.featCard.anim-done {  opacity: 1;  transform: none;  animation: none !important;}.featCard:hover {  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);  transform: translateY(-2px);  transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}.featCard:hover .featCard__img {  opacity: 0.9;}.featCard:hover a {  color: #e80;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}.featCard__img {  transition: transform 0.4s ease;}.featCard__media {  background: #e9edf3;  position: relative;}.featCard__media::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 1px solid rgba(0, 0, 0, 0.1);  pointer-events: none;}.featCard__img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;  object-position: top;}/* main */.featCard__main {  padding: 16px 18px 14px;  display: flex;  flex-direction: column;  flex: 1;  height: 100%;}.featCard__overline {  margin: 0 0 4px;  font-size: 16px;  color: #666;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}.featCard__title {  margin: 0 0 12px;  font-size: 20px;  line-height: 1.5;  font-weight: 700;  letter-spacing: 0.01em;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}.featCard__meta {  display: flex;  align-items: center;  gap: 6px;  flex-wrap: wrap;  margin-top: auto;}.featCard__date {  font-size: 14px;  line-height: 1;  color: #333;}.featCard__new {  font-size: 14px;  font-weight: 400;  color: #e84b4b;}.featCard__badge {  margin-left: auto;  font-size: 12px;  padding: 2px 6px;  border: 1px solid #285AAC;  color: #285AAC;  border-radius: 999px;  background: #fff;}/* companies area (灰帯) */.featCard__companies {  margin-top: 12px;  background: #E9F1FF;  padding: 5px 12px 8px;  border-radius: 3px;}.companyTags {  font-size: 14px;  font-weight: 700;  line-height: 1.6;  word-break: break-word;  white-space: normal;  max-height: 4.8em;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}.companyTags__title {  color: #285AAC;}.companyTags__title i {  font-size: 20px;  position: relative;  top: 4px;}.companyTags .company {  display: inline;  position: relative;  color: #333;  font-weight: 400;}.companyTags .company i {  display: inline-block;}/* 区切り（最後は無し） */.featCard__companies .company::after {  content: " / ";  color: #ccc;  font-weight: 400;}.featCard__companies .company:last-child::after {  content: "";}/* companies area (灰帯) */.featCard__body {  margin-top: 12px;  font-size: 14px;  line-height: 1.5;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;  color: #333;}/* ===== variant sizes ===== *//* L: 大型は画像比率を固定して存在感 */.featCard--L .featCard__media {  aspect-ratio: 93/50;}.featCard--L .featCard__body {  font-size: 16px;  -webkit-line-clamp: 3;}.featCard--L .featCard__title {  font-size: 30px;  -webkit-line-clamp: 2;  word-break: normal;  word-wrap: break-word;  hanging-punctuation: allow-end;  -webkit-text-spacing: trim-start allow-end;}/* M: 横長は row レイアウト */.featCard--M {  padding: 16px;}.featCard--M .featCard__row {  display: grid;  grid-template-columns: 180px 1fr;  gap: 14px;}.featCard--M .featCard__main {  padding: 0 4px 0 0;  height: 180px;}.featCard--M .featCard__media {  overflow: hidden;  aspect-ratio: 1/1;}.featCard--M .featCard__title {  font-size: 23px;  -webkit-line-clamp: 3;}.featCard--M .featCard__overline {  font-size: 14px;}.featCard--M .featCard__date {  font-size: 12px;}.featCard--M .featCard__new {  font-size: 12px;}.featCard--M .featCard__badge {  font-size: 11px;  line-height: 1;  padding: 4px 6px;}.featCard--M .featCard__companies {  margin-top: 16px;}/* S: 小型は縦カード・画像小さめ */.featCard--S .featCard__media {  aspect-ratio: 93/50;}.featCard--S .featCard__title {  font-size: 16px;  -webkit-line-clamp: 3;  margin-bottom: 10px;}.featCard--S .featCard__overline {  font-size: 13px;}.featCard--S .featCard__date {  font-size: 12px;}.featCard--S .featCard__new {  font-size: 12px;}.featCard--S .featCard__badge {  font-size: 11px;  padding: 4px 6px;  line-height: 1;}.contentTitle {  display: flex;  align-items: center;  justify-content: center;  gap: 12px;  font-size: 20px;  font-weight: 700;  letter-spacing: 0.1em;}.contentTitle::before,.contentTitle::after {  content: "";  width: 2em;  height: 2px;  background: #11499D;  flex: none;}/* 記事一覧 */.articleList {  margin-top: 30px;  display: grid;  gap: 20px;}.listCard {  background: #fff;  overflow: hidden;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);  padding: 20px;  transition: box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;  cursor: pointer;  position: relative;}.listCard:hover {  opacity: 0.9;  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);  transform: translateY(-2px);  transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;}.listCard:hover a .listTitle {  color: #e80;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}.listLink {  display: grid;  grid-template-columns: 230px 1fr;  gap: 20px;  text-decoration: none;  color: inherit;  cursor: pointer;}/* 左画像 */.listThumb {  background: #e9edf3;  width: 230px;  height: 230px;  overflow: hidden;  position: relative;}.listThumb::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 1px solid rgba(0, 0, 0, 0.1);  pointer-events: none;}.listThumb img {  display: block;  width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.4s ease;  position: relative;  z-index: 0;}/* 右本文 */.listBody {  padding: 0;  display: grid;  grid-template-rows: auto auto auto 1fr;  gap: 6px;}/* 会社名（上の薄いテキスト） */.listOverline {  margin: 0;  font-size: 14px;  color: #666;  font-weight: 400;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}/* タイトル（太めで大きい） */.listTitle {  margin: 0;  font-size: 20px;  line-height: 1.5;  color: #333;  font-weight: 800;  letter-spacing: 0.01em;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}/* 本文（リード） */.listText {  margin: 0;  font-size: 14px;  line-height: 1.8;  color: #666;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}/* 下段:日付＋右のバッジ */.listMeta {  display: flex;  align-items: center;  gap: 6px;  flex-wrap: wrap;  align-self: end;}.list__date {  font-size: 13px;  line-height: 1;  color: #666;}.list__new {  font-size: 13px;  font-weight: 400;  color: #e84b4b;}.list__badge {  margin-left: auto;  font-size: 11px;  padding: 4px 6px;  line-height: 1;  border: 1px solid #285AAC;  color: #285AAC;  border-radius: 999px;  background: #fff;}/* hover */.listLink:hover .listBadge {  background: #0b3b8f;  color: #fff;}/* サイドバー枠 */.sidebar {  background: #fff;  padding: 20px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}/* 見出し（左右に短い線） */.sidebarTitle {  margin: 0 0 12px;  font-size: 14px;  font-weight: 800;  color: #1b2b4b;  display: flex;  align-items: center;  justify-content: center;  gap: 10px;}.sidebarTitle::before,.sidebarTitle::after {  content: "";  width: 2em;  height: 1px;  background: #1b2b4b;  opacity: 0.35;  flex: none;}/* リスト */.ranking {  list-style: none;  margin: 0;  padding: 0;}/* 1件 */.rankingItem {  border-bottom: 1px solid #e6e6e6;}.rankingItem:last-child {  border-bottom: 0;}.rankingItem:hover {  opacity: 0.9;}.rankingLink {  display: block;  padding: 16px 0;  text-decoration: none;  color: inherit;  position: relative;}/* 番号バッジ（左上） */.rank {  position: absolute;  left: -4px;  top: 12px;  width: 20px;  height: 20px;  background: #0b3b8f;  color: #fff;  font-size: 12px;  font-weight: 800;  display: grid;  place-items: center;  z-index: 2;}.rank--1 {  background: #E6BF62;}.rank--2 {  background: #aaa;}.rank--3 {  background: #BA7055;}/* サムネ */.rankingThumb {  overflow: hidden;  background: #e9edf3;  aspect-ratio: 93/50;  position: relative;}.rankingThumb::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 1px solid rgba(0, 0, 0, 0.1);  pointer-events: none;}.rankingThumb img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  object-position: top;}/* 会社名 */.rankingMeta {  margin: 8px 0 0;  font-size: 11px;  color: #666;}/* タイトル */.rankingTitle {  margin: 6px 0 0;  font-size: 14px;  line-height: 1.6;  color: #222;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}/* hover */.rankingLink:hover .rankingTitle {  color: #e80;}.rankingLink:focus-visible {  outline: 3px solid rgba(11, 59, 143, 0.25);  outline-offset: 3px;}.toMoreArticleWrap {  text-align: center;  padding-top: 16px;  border-top: #CECECE solid 1px;}.toMoreArticleLink {  position: relative;  display: block;  padding: 8px 16px;  color: #335070;  font-size: 14px;  font-weight: 700;  text-decoration: none;  border: 1px solid #ddd;  border-radius: 3px;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);  transition: top 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;}.toMoreArticleLink:hover {  top: -1px;  cursor: pointer;  color: #40648c;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}.toMoreArticleLink::before {  content: "\eb1c";  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  position: relative;  top: -1px;  margin-right: 3px;  text-align: center;  font-size: 10px;  line-height: 0.8;  color: #bbb;}/* ==================================================   article layout（詳細画面）================================================== *//* =========================   Layout (700 / 280)========================= */.articleLayout {  padding: 40px 0;}.articleLayout__inner {  width: 100%;  max-width: 1030px;  margin: 0 auto;  display: grid;  grid-template-columns: 700px 280px;  gap: 50px;  align-items: start;}/* Left column: article */.article {  background: #fff;  overflow: hidden;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  opacity: 0;  transform: translateY(8px);  will-change: opacity, transform;}.article.is-animate {  animation-name: pageLoadFadeIn;  animation-duration: 600ms;  animation-timing-function: ease;  animation-fill-mode: forwards;}/* Right column: sidebar */.articleSide {  display: flex;  flex-direction: column;  gap: 20px;  opacity: 0;  transform: translateY(8px);  will-change: opacity, transform;}.articleSide.is-animate {  animation-name: pageLoadFadeIn;  animation-duration: 600ms;  animation-timing-function: ease;  animation-fill-mode: forwards;}.articleSide .sidebar {  opacity: 1;  transform: none;  animation: none;}/* Page load fade-in */@keyframes pageLoadFadeIn {  from {    opacity: 0;    transform: translateY(8px);  }  to {    opacity: 1;    transform: none;  }}/* Respect users who prefer reduced motion */@media (prefers-reduced-motion: reduce) {  .article,  .articleSide {    opacity: 1;    transform: none;  }  .article.is-animate,  .articleSide.is-animate {    animation: none;  }}/* =========================   Left: article========================= *//* --- Hero --- */.articleHero {  padding: 0;  background: #fff;  overflow: hidden;}.articleHero__media {  position: relative;  overflow: hidden;  background: #e9edf3;  aspect-ratio: 93/50;}.articleHero__media::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 1px solid rgba(0, 0, 0, 0.1);  pointer-events: none;}.articleHero__media img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;  object-position: top;}.articleHero__cap {  padding: 30px 45px 0;}.articleHero__label {  margin: 0 0 6px;  font-size: 16px;  letter-spacing: 0.06em;}.articleHero__title {  margin: 0 0 8px;  font-size: 26px;  font-weight: 900;  line-height: 1.5;  color: #111;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}.articleHero__meta {  display: flex;  justify-content: space-between;  gap: 10px;  align-items: baseline;  padding-bottom: 30px;  font-size: 12px;  color: #666;  border-bottom: 1px solid #CECECE;}.articleHero__new {  font-size: 12px;  font-weight: 400;  color: #e84b4b;}.articleHero__badge {  margin-left: auto;  font-size: 12px;  padding: 3px 6px;  border: 1px solid #285AAC;  color: #285AAC;  border-radius: 999px;  background: #fff;}/* --- Body --- */.articleContent {  padding: 30px 45px 80px;  display: flex;  flex-direction: column;  gap: 20px;}.catch {  margin: 22px 0 0;  font-size: 24px;  font-weight: 900;  line-height: 2;  letter-spacing: 0.2em;  color: #111;}.subtitle {  margin: 10px 0 0;  font-size: 16px;  font-weight: 900;  line-height: 2;  color: #038;}.articleContent .text {  margin: 0;  font-size: 16px;  line-height: 2;  color: #222;}.articleContent .text.textSmall {  font-size: 14px;  line-height: 1.65;  color: #666;}.articleContent strong {  font-weight: 700;}.articleContent .text.border {  margin: 0;  padding: 20px 24px;  border: 1px solid #e5e7eb;  background: #fff;  display: flex;  flex-direction: column;  gap: 20px;  line-height: 2;}.articleContent .text.border strong {  color: #038;  line-height: 2;}.articleNote {  margin: 0;  padding: 20px 24px;  border: 1px solid #e5e7eb;  background: #fff;  display: flex;  flex-direction: column;  gap: 20px;  line-height: 2;}.articleNote h3 {  color: #038;  line-height: 2;}.articleJobList {  border-top: 1px solid #CECECE;  padding: 30px 0 0;}.articleJobList + * {  padding-top: 30px;  border-top: 1px solid #CECECE;}.articleJobList__title {  margin-bottom: 30px;}.articleJobList__title h2 {  margin: 0;  font-size: 16px;  font-weight: 700;  text-align: center;}.articleJobList__title em {  font-size: 18px;  font-weight: 700;  color: #222;}.articleJobList__title .lead {  margin: 4px auto 0;  font-size: 14px;  line-height: 1.5;  color: #222;  max-width: 550px;}.articleJobList__title strong {  color: #038;}/* =========================   Right: job side (280px)========================= */.articleSide {  display: flex;  flex-direction: column;  gap: 20px;}.articleSide__title {  margin: 0 0 10px;  font-size: 14px;  font-weight: 900;  color: #1b2b4b;}/* カード */.jobCard {  background: #fff;  border-radius: 8px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);  padding: 12px;  margin-bottom: 12px;}.jobCard__company {  margin: 0 0 6px;  font-size: 12px;  color: #666;  font-weight: 800;}.jobCard__job {  margin: 0 0 10px;  font-size: 13px;  font-weight: 900;  color: #111;  line-height: 1.5;}.jobCard__spec {  margin: 0 0 12px;  font-size: 12px;}.jobCard__spec > div {  display: grid;  grid-template-columns: 56px 1fr;  gap: 8px;  padding: 6px 0;  border-top: 1px solid #eef1f6;}.jobCard__spec > div:first-child {  border-top: 0;}.jobCard__spec dt {  font-weight: 900;  color: #666;}.jobCard__spec dd {  margin: 0;  font-weight: 700;  color: #222;}/* ボタン（スクショはボタンがしっかり四角め） */.jobCard__actions {  display: grid;  gap: 8px;}.paginationWrap {  display: flex;  justify-content: space-between;  align-items: flex-end;  margin-top: 25px;}.paginationWrap .md_listNum,.paginationWrap .md_pagination,.paginationWrap .md_pagination .btnList {  margin: 0;}.paginationWrap--btm {  justify-content: center;}.md_pagination .btnList {  margin: 20px 0 0;  display: flex;  justify-content: center;  gap: 0;}.btn--primary {  background: #0b3b8f;  color: #fff;}.btn--ghost {  background: #fff;  color: #0b3b8f;  border: 1px solid #c7d3ee;}.btn--primary:hover {  filter: brightness(0.95);}.btn--ghost:hover {  background: #f3f6ff;}/* SP */@media (max-width: 1060px) {  .jobSide__panel {    position: static;  }}.jobSearchListSet .searchListBase {  padding-top: 16px;}/* =========================   headArea========================= */.jobSearchListSet {  max-width: 550px;  margin: 0 auto;  background-color: #fff;}.articleJobList .jobSearchListSet + .jobSearchListSet {  margin-top: 27px;}/* 全体リンク */.jobSearchListSet .jobNameSet .headArea {  display: flex;  flex-direction: column;  gap: 4px;  text-decoration: none;  color: inherit;  transition: color 0.3s ease;}.jobSearchListSet .jobNameSet .headArea .name,.jobSearchListSet .jobNameSet .headArea .catch,.jobSearchListSet .jobNameSet .headArea .company .name {  color: #333;  transition: color 0.3s ease;}.jobSearchListSet .jobNameSet:hover .headArea .name,.jobSearchListSet .jobNameSet:hover .headArea .catch,.jobSearchListSet .jobNameSet:hover .headArea .company .name {  color: #e80;}/* 全体リンク */.jobSearchListSet .headArea .jobNameSet {  display: flex;  flex-direction: column;  gap: 4px;  text-decoration: none;  color: inherit;  transition: color 0.3s ease;}.jobSearchListSet .headArea .jobNameSet .name,.jobSearchListSet .headArea .jobNameSet .catch,.jobSearchListSet .headArea .jobNameSet .company .name {  color: #333;  transition: color 0.3s ease;}.jobSearchListSet .headArea .jobNameSet:hover .name,.jobSearchListSet .headArea .jobNameSet:hover .catch,.jobSearchListSet .headArea .jobNameSet:hover .company .name {  color: #e80;}/* 会社名 */.companyName {  margin: 0;  font-size: 14px;  font-weight: 700;  color: #666;}.jobSearchListSet .dataArea {  border: none;}.jobSearchListSet .dataArea .dataSet .item {  vertical-align: top;  border-top: 1px solid #ddd;}.jobSearchListSet .dataArea .dataSet .data {  vertical-align: top;  color: #333;  border-top: 1px solid #ddd;}.jobSearchListSet .dataArea .dataSet .data p {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 5;  overflow: hidden;  margin: 0;  padding: 0;  font-size: 14px;  line-height: 1.5;}.jobSearchListSet .dataArea .dataSet .data .jobSummary {  border-bottom: none;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  margin: 0;  padding: 0;}.jobSearchListSet .dataArea .dataSet .data .jobTxt {  border-bottom: none;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  margin: 4px 0 0;  padding: 0;}.jobSearchListSet .dataArea .dataSet:last-child .item,.jobSearchListSet .dataArea .dataSet:last-child .data {  border-bottom: 1px solid #ddd;}/* 条件 */.jobMeta {  list-style: none;  padding: 0;  margin: 0;  line-height: 1.5;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  color: #666;}/* 各条件 */.jobMeta li {  display: inline;  font-size: 14px;  font-weight: 400;  color: #666;  line-height: 1.25;}.articleJobList .jobSearchListSet .dataArea > .dataSet,.modalContent .jobSearchListSet .dataArea > .dataSet {  padding: 0 0 12px;}.articleJobList .jobSearchListSet .dataArea > .dataSet .item,.modalContent .jobSearchListSet .dataArea > .dataSet .item {  display: block;  width: auto;  background: none;  border-bottom: none;}.articleJobList .jobSearchListSet .dataArea > .dataSet .item .text,.modalContent .jobSearchListSet .dataArea > .dataSet .item .text {  padding: 10px 0 0;  font-size: 14px;  font-weight: 600;}.articleJobList .jobSearchListSet .dataArea > .dataSet .data,.modalContent .jobSearchListSet .dataArea > .dataSet .data {  display: block;  padding: 0;  border-top: none;}.articleJobList .jobSearchListSet--special .headArea .catch,.modalContent .jobSearchListSet--special .headArea .catch {  font-size: 16px;  line-height: 1.5;}/* =========================   Special Job Card - Company Area========================= */.jobSearchListSet--special .companyArea {  display: flex;  align-items: flex-start;  gap: 12px;  border-bottom: 1px solid #E2E2E2;  padding: 10px 20px 20px;  margin: 0 -20px;}.jobSearchListSet--special .companyIcon {  width: 50px;  height: 50px;  flex-shrink: 0;  background: #F5FAFF;  border: 1px solid #ddd;  display: flex;  align-items: center;  justify-content: center;}.jobSearchListSet--special .companyIcon img[src$="corporate_fare.svg"] {  width: 30px;  object-fit: contain;  padding: 4px;}.jobSearchListSet--special .companyIcon img:not([src$="corporate_fare.svg"]) {  width: 50px;  height: 48px;  object-fit: contain;}.jobSearchListSet--special .companyInfo {  flex: 1;}.jobSearchListSet--special .companyArea .companyName {  font-size: 20px;  font-weight: 600;  color: #333;  margin-bottom: 4px;}.jobSearchListSet--special .companyLead {  font-size: 14px;  line-height: 1.5;  color: #666;  margin: 0;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}.jobSearchListSet--special .headArea {  padding: 10px 0 5px;}/* =========================   Job Side Variants========================= */.articleJobSide {  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.articleJobSide__title {  background: #003388;  color: #fff;  font-size: 15px;  font-weight: 700;  padding: 12px;  text-align: center;  line-height: 1.5;}.articleJobSide--recommend .articleJobSide__title {  font-size: 13px;}.articleJobSide .jobSearchListSet .searchListBase::before {  display: none;}.articleJobSide .jobSearchListSet + .jobSearchListSet {  border-top: 1px solid #D9D9D9;}.articleJobSide .jobSearchListSet .searchListBase {  border-radius: 0;  box-shadow: none;}.articleJobSide .jobSearchListSet .jobNameSet .headArea {  gap: 8px;  transition: color 0.3s ease;}.articleJobSide .jobSearchListSet .jobNameSet .headArea .catch {  margin-top: 0;  font-size: 16px;  line-height: 1.35;}.articleJobSide .companyName {  font-size: 12px;}.articleJobSide .jobMeta li {  font-size: 12px;  line-height: 1.25;}.articleJobSide .jobSearchListSet .dataArea {  border-color: #D9D9D9;}.jobSearchListSet .jobNameSet .headArea .name {  font-size: 12px;  color: #888;  margin-bottom: -6px;}.articleJobSide--main .jobSearchListSet .dataArea .dataSet {  padding: 0 0 12px;  border-bottom: 1px solid #ddd;}.articleJobSide--main .jobSearchListSet .dataArea .dataSet .item {  display: block;  width: auto;  background: none;  border-bottom: none;}.articleJobSide--main .jobSearchListSet .dataArea .dataSet .item .text {  padding: 6px 0 0;  font-size: 12px;  font-weight: 600;}.articleJobSide--main .jobSearchListSet .dataArea .dataSet .data {  width: auto;  padding: 0;  font-size: 12px;  line-height: 1.5;  font-weight: 600;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  border: none;}.articleJobSide .jobSearchListSet .btnArea .wrap .toEntry,.articleJobSide .jobSearchListSet .btnArea .wrap .toFolder {  padding: 0;  text-align: center;}.articleJobSide .jobSearchListSet .btnArea .wrap .toEntry .md_btn,.articleJobSide .jobSearchListSet .btnArea .wrap .toFolder .md_btn {  width: 140px;  display: inline-block;  cursor: pointer;}.articleJobSide--recommend .jobSearchListSet .dataArea .dataSet .item {  width: 1%;  padding: 10px;}.articleJobSide--recommend .jobSearchListSet .dataArea .dataSet .item .text {  font-size: 11px;  font-weight: 400;  color: #038;  white-space: nowrap;  padding: 0;}.articleJobSide--recommend .jobSearchListSet .dataArea .dataSet .item .text::before {  display: none;}.articleJobSide--recommend .jobSearchListSet .dataArea .dataSet .data .text {  font-size: 12px;  line-height: 1.35;  font-weight: 600;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  padding: 0;}.recommendArea .jobList .jobKoma a.linkArea {  color: #333;}.recommendArea .jobList .jobKoma a.linkArea:hover {  color: #e80;}/* =========================   Job Detail Toggle========================= */.jobDetail {  display: none;}.jobToggle {  margin-top: 16px;  text-align: center;}.jobToggle__btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 6px;  padding: 0;  background: transparent;  border: none;  border-radius: 0;  color: #038;  font-size: 14px;  font-weight: 700;  cursor: pointer;  transition: color 0.3s ease;  position: relative;}.jobToggle__btn:hover {  color: #e80;}.jobToggle__btn::before {  content: "";  display: inline-block;  width: 16px;  height: 9px;  margin-right: 6px;  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 9L16 1.39706L14.5324 0L8 6.20982L1.46964 0L0 1.39706L8 9Z" fill="%23003388"/></svg>');  background-size: contain;  background-repeat: no-repeat;  background-position: center;  transition: transform 0.3s ease, opacity 0.3s ease;  vertical-align: middle;  opacity: 1;  will-change: opacity, transform;  backface-visibility: hidden;  -webkit-font-smoothing: antialiased;}.jobToggle__btn::after {  content: "";  position: absolute;  left: 0;  display: inline-block;  width: 16px;  height: 9px;  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 9L16 1.39706L14.5324 0L8 6.20982L1.46964 0L0 1.39706L8 9Z" fill="%23ee8800"/></svg>');  background-size: contain;  background-repeat: no-repeat;  background-position: center;  transition: opacity 0.3s ease;  vertical-align: middle;  opacity: 0;  will-change: opacity, transform;  backface-visibility: hidden;  -webkit-font-smoothing: antialiased;}.jobToggle__btn:hover::before {  opacity: 0;}.jobToggle__btn:hover::after {  opacity: 1;}.dataArea.is-expanded .jobToggle__btn::before,.dataArea.is-expanded .jobToggle__btn::after {  transform: rotate(180deg);}.jobToggle__text--close {  display: none;}.dataArea.is-expanded .jobToggle__text--more {  display: none;}.dataArea.is-expanded .jobToggle__text--close {  display: inline;}.jobMeta .salary img,.jobMeta .location img {  display: inline-block;  width: 19px;  height: 19px;  position: relative;  top: -2px;  object-fit: contain;}.jobMeta .salary img {  margin-right: 6px;}.jobMeta .location img {  margin-right: 6px;}/* hover */.jobNameSet:hover .jobTitle {  color: #e80;}.jobSearchListSet .btnArea .wrap {  display: flex;  justify-content: space-between;}.bottomBtn {  margin-top: 50px;  text-align: center;}.bottomBtn a {  font-size: 16px;  font-weight: bold;  transition: all 0.25s ease-in-out 0s;  color: #038;  text-decoration: underline;}.bottomBtn a::before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -2px;  margin-right: 10px;  font-size: 18px;  color: #038;  transition: all 0.25s ease-in-out 0s;  text-decoration: none;}.bottomBtn a:hover {  color: #e80;}.bottomBtn a:hover::before {  color: #e80;}/* =========================   Button Area layout========================= */.btnArea .wrap {  display: flex;  gap: 10px;  align-items: center;}.jobSearchListSet .btnArea .wrap .toFolder,.jobSearchListSet .btnArea .wrap .toDetail {  width: auto;  height: auto;  display: block;  margin: 0;  padding: 0;}.jobSearchListSet .btnArea .wrap .toEntry,.jobSearchListSet .btnArea .wrap .toFolder {  flex: 1;  padding: 0;}.md_btn--orange,.md_btn--green,.md_btn--gray {  font-size: 16px;}/* =========================   White : 詳細を見る========================= */.jobSearchListSet .btnArea .wrap .toDetail .md_btn {  background: #fff;  color: #0b3b8f;  border: 1px solid #ddd;  font-size: 14px;  padding: 0 20px;}.jobSearchListSet .btnArea .wrap .toEntry .md_btn,.jobSearchListSet .btnArea .wrap .toFolder .md_btn {  display: block;  padding: 0;  margin: 0 auto;  cursor: pointer;}.jobSearchListSet .btnArea .wrap .toFolder .md_btn:before {  position: relative;  top: -1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e9f1";  margin-right: 5px;  font-size: 14px;  vertical-align: middle;}.articleContent .btnArea .wrap .toFolder .md_btn:before {  top: -3px;  margin-right: 10px;  font-size: 22px;}.jobSearchListSet .btnArea .wrap .toEntry .md_btn:before {  position: relative;  top: -3px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f101";  margin-right: 10px;  font-size: 32px;  vertical-align: middle;}.articleSide .jobSearchListSet .btnArea .wrap .toEntry .md_btn:before {  display: none;}.jobSearchListSet .btnArea .wrap .toDetail .md_btn:before {  display: none;}.toDetail .md_btn::after {  position: relative;  top: 1px;  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f08e";  margin-left: 5px;  font-size: 12px;  vertical-align: middle;}/* =========================    SNS Share Area========================= */.snsListArea {  position: relative;  width: 100%;  background: #fff;  border-top: 1px solid #eaeaea;  border-bottom: 1px solid #eaeaea;  z-index: 3;}.snsListArea .snsList {  position: relative;  display: table;  width: 600px;  margin: 0 auto;  background-color: #fff;  text-align: center;  z-index: 3;}.snsListArea .snsList .sns {  display: table-cell;  width: 119px;  height: 50px;  vertical-align: middle;  border-left: 1px solid #eee;}.snsListArea .snsList .sns:last-of-type {  border-right: 1px solid #eee;}.snsListArea .snsList .sns--facebook {  background: url(../../imageFile/user/edit_special/icon_fb.png) center no-repeat;  background-size: 20px;}.snsListArea .snsList .sns--twitter {  background: url(../../imageFile/user/edit_special/icon_x.png) center no-repeat;  background-size: 16px;}.snsListArea .snsList .sns--line {  background: url(../../imageFile/user/edit_special/icon_line.svg) center no-repeat;  background-size: 20px;}.snsListArea .snsList .sns--hatena {  background: url(../../imageFile/user/edit_special/icon_hatena.svg) center no-repeat;  background-size: 20px;}.snsListArea .snsList .sns .snsLink {  display: inline-block;  width: 100%;  height: 100%;  padding: 15px 0;}.snsListArea .snsList .sns:hover {  opacity: 0.8;  transition: all 0.15s ease-in 0s;}.contentsArea {  margin: 60px auto;  padding: 20px;  width: 940px;  background: #fff;  border: 1px solid #e5e5e5;  border-radius: 4px;}.contentsArea .title {  position: relative;  padding-bottom: 15px;  font-size: 20px;  font-weight: bold;  letter-spacing: 0.15em;}.contentsArea .title .smallText {  display: block;  font-size: 13px;  line-height: 1.4;  color: #666;  font-weight: normal;  letter-spacing: 0.1em;}.contentsArea .title .engText {  font-family: "Roboto", sans-serif;  font-style: normal;  font-weight: 700;}.contentsArea .title:before {  position: absolute;  content: "";  bottom: 0px;  left: 0;  right: 0;  width: 100%;  height: 1px;  background: #a79970;}.contentsArea--search {  padding-bottom: 40px;  /* Jobsearch | linkArea */  /* recommend */  /* Jobsearch | Word & Folder & Wish */  /* Jobsearch | Agent & Category & Point*/}.contentsArea--search .title .text:before {  position: relative;  top: -3px;  width: 30px;  height: 30px;  margin-right: 12px;  background: url(../../imageFile/user/top/icon_search.svg) center center no-repeat;  background-size: 30px;}.contentsArea--search .layerTitle .title .sub {  display: block;  margin-bottom: 9px;  font-size: 16px;}.contentsArea--search .searchLayer {  position: relative;}.contentsArea--search .searchLayer + .searchLayer {  margin-top: 20px;}.contentsArea--search .searchLayer.searchSetDouble {  margin-top: 15px;}.contentsArea--search .searchSetDouble .searchSet {  display: inline-block;  width: 49%;  vertical-align: top;  padding-left: 10px;}.contentsArea--search .searchSet .setTitle {  margin-top: 20px;  display: inline-block;  font-size: 18px;  color: #335070;  font-weight: bold;  line-height: 1;  letter-spacing: 0.2em;  white-space: nowrap;}.contentsArea--search .searchSet .setTitle:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e901";  position: relative;  top: -5px;  margin-right: 5px;  font-size: 42px;  color: #335070;}.contentsArea--search .searchSet .setTitle .normal {  font-size: 13px;  font-weight: normal;  white-space: nowrap;}.contentsArea--search .searchSet .setTitle + .renew {  position: relative;  top: -2px;  display: inline-block;  vertical-align: middle;  margin-left: 10px;  font-size: 12px;  font-weight: bold;  color: #e00;}.contentsArea--search .searchSet.condition .setTitle + .renew {  top: -4px;  padding: 0 5px;  height: 22px;  line-height: 24px;  background: #e00;  color: #fff;}.contentsArea--search .searchSet .setContent {  margin-top: 20px;  padding: 0 10px;}.contentsArea--search .searchSet.linkArea .setContent {  margin-top: -10px;  padding-right: 0;}.contentsArea--search .searchSet.linkArea .setContent ul li {  display: inline-block;  width: 340px;  margin-top: 20px;  padding-right: 10px;  vertical-align: top;}.contentsArea--search .searchSet.linkArea .setContent ul li:nth-child(2n) {  width: 300px;}.contentsArea--search .searchSet.linkArea .setContent ul li:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -2px;  margin-right: 10px;  font-size: 18px;  color: #335070;}.contentsArea--search .searchSet.linkArea .setContent ul li .detail {  display: block;  margin-top: 2px;  white-space: nowrap;  padding-left: 16px;  font-size: 12px;  color: #777;}.contentsArea--search .searchSet.linkArea .setContent ul li a {  font-size: 15px;  letter-spacing: 0em;  color: #222;  font-weight: bold;}.contentsArea--search .searchSet.linkArea .setContent ul li a .mini {  margin-left: -5px;  font-size: 15px;}.contentsArea--search .searchSet.linkArea .setContent ul li a:hover {  color: #e80;}.contentsArea--search .searchSet.recommend {  margin-bottom: -15px;}.contentsArea--search .searchSet.recommend .setTitle {  position: relative;  width: 100%;}.contentsArea--search .searchSet.recommend .setTitle:before {  content: "\eb10";}.contentsArea--search .searchSet.recommend .setTitle .btn {  position: absolute;  bottom: 2px;  right: 10px;  display: inline-block;  padding: 5px 10px 5px 22px;  color: #335070;  letter-spacing: 0.1em;  font-weight: bold;  font-size: 14px;  border-radius: 3px;  border: 1px solid #ddd;  background: #fff;  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);}.contentsArea--search .searchSet.recommend .setTitle .btn:after {  position: absolute;  left: 8px;  top: 50%;  margin-top: -4px;  display: block;  content: "";  width: 6px;  height: 6px;  border-top: 1px solid #aaa;  border-right: 1px solid #aaa;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}.contentsArea--search .searchSet.recommend .setTitle .btn:hover {  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);  color: #335070;  bottom: 3px;  transition: none;}.contentsArea--search .searchSet.recommend.login .setTitle {  position: relative;  width: 100%;  padding-left: 55px;}.contentsArea--search .searchSet.recommend.login .setTitle:before {  content: "";  position: absolute;  top: 10px;  left: 5px;  margin-right: 5px;  width: 43px;  height: 36px;  background: url(../../imageFile/user/top/icon_AI.svg) 3px 0 no-repeat;  background-size: 37px;}.contentsArea--search .searchSet.recommend.login .setTitle .sub {  display: block;  margin-bottom: 3px;  width: 200px;  font-weight: normal;  font-size: 13px;  letter-spacing: 0.1em;}.contentsArea--search .searchSet.recommend ul {  display: flex;  display: -webkit-flex;  display: -moz-flex;  flex-wrap: wrap;  justify-content: space-between;}.contentsArea--search .searchSet.recommend ul li {  position: relative;  margin-bottom: 11px;  width: calc(33.3333333333% - 8px);  background: #fff;  border: 1px solid #ddd;  border-radius: 3px;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.contentsArea--search .searchSet.recommend ul li:before {  position: absolute;  left: 0px;  right: 0px;  top: 0;  content: "";  display: block;  width: auto;  height: 2px;  background: #335070;}.contentsArea--search .searchSet.recommend ul li .link {  display: block;  position: relative;  padding: 15px 25px 12px 12px;  cursor: pointer;}.contentsArea--search .searchSet.recommend ul li .link:after {  position: absolute;  right: 12px;  top: 50%;  margin-top: -5px;  display: block;  content: "";  width: 10px;  height: 10px;  border-top: 1px solid #aaa;  border-right: 1px solid #aaa;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}.contentsArea--search .searchSet.recommend ul li .left {  margin-left: 0px;}.contentsArea--search .searchSet.recommend ul li .name {  width: 168px;  font-size: 11px;  color: #888;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}.contentsArea--search .searchSet.recommend ul li .catch {  margin: 5px 0;  font-size: 15px;  font-weight: bold;  color: #222;}.contentsArea--search .searchSet.recommend ul li .sub {  font-size: 12px;  color: #222;}.contentsArea--search .searchSet.recommend ul li .sub:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\e908";  color: #335070;  position: relative;  top: -2px;  margin-right: 5px;  font-size: 20px;  line-height: 1;}.contentsArea--search .searchSet.recommend ul li .sub.area:before {  content: "\e919";  color: #335070;}.contentsArea--search .searchSet.recommend ul li:hover {  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);  bottom: 2px;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}.contentsArea--search .searchSet.recommend ul li:hover .catch {  color: #e80;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}.contentsArea--search .searchSet.recommend ul:after {  content: "";  display: block;  width: calc(33.3333333333% - 8px);}.contentsArea--search .searchSet.word {  width: 362px;}.contentsArea--search .searchSet.word .setTitle:before {  content: "\e917";}.contentsArea--search .searchSet.word .setContent {  margin-top: 10px;  padding: 0 0 0 10px;}.contentsArea--search .searchSet.word .inputSet {  margin-top: 0px;}.contentsArea--search .searchSet.word .inputSet .input,.contentsArea--search .searchSet.word .inputSet .button {  display: inline-block;  vertical-align: top;  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}.contentsArea--search .searchSet.word .inputSet .input input[type=text] {  width: 263px;  height: 56px;  padding: 0 10px 0 20px;  border-right: none;  border-radius: 0;  font-size: 14px;}.contentsArea--search .searchSet.word .inputSet .button {  position: relative;}.contentsArea--search .searchSet.word .inputSet .button > input {  display: inline-block;  height: 56px;  top: -1px;  padding: 0 20px;  background-color: #4e74b4;  background: -webkit-linear-gradient(left, #556d8b 0%, #4e74b4 100%);  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);  border: none;  font-size: 16px;  font-weight: bold;  color: #fff;  line-height: 1;  border-radius: 0 3px 3px 0;  cursor: pointer;}.contentsArea--search .searchSet.word .inputSet .button > input:hover {  opacity: 0.9;  transition: all 0.25s ease-in-out 0s;  -moz-transition: all 0.25s ease-in-out 0s;  -webkit-transition: all 0.25s ease-in-out 0s;}.contentsArea--search .searchSet.folder {  width: 280px;}.contentsArea--search .searchSet.folder .setTitle:before {  content: "\eb07";}.contentsArea--search .searchSet.folder .setContent {  margin-top: 10px;  padding: 0;  text-align: center;}.contentsArea--search .searchSet.folder .md_btn {  background-color: #4e74b4;  background: -webkit-linear-gradient(left, #556d8b 0%, #4e74b4 100%);  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);  width: 230px;  padding: 0;  font-size: 16px;  letter-spacing: 0.15em;}.contentsArea--search .searchSet.folder .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -3px;  margin-right: 10px;  font-size: 26px;  line-height: 1;}.contentsArea--search .searchSet.wish {  width: 280px;}.contentsArea--search .searchSet.wish .setTitle {  position: relative;  padding-left: 40px;}.contentsArea--search .searchSet.wish .setTitle:before {  position: absolute;  top: 0;  left: -10px;  content: "\eb08";}.contentsArea--search .searchSet.wish .setTitle .sub {  display: block;  margin-bottom: 3px;  width: 200px;  font-weight: normal;  font-size: 13px;  letter-spacing: 0em;}.contentsArea--search .searchSet.wish .setContent {  margin-top: 10px;  padding: 0;  text-align: center;}.contentsArea--search .searchSet.wish .md_btn {  background-color: #4e74b4;  background: -webkit-linear-gradient(left, #556d8b 0%, #4e74b4 100%);  background: linear-gradient(to right, #556d8b 0%, #4e74b4 100%);  width: 230px;  font-size: 16px;  letter-spacing: 0.2em;}.contentsArea--search .searchSet.wish .md_btn:before {  display: inline-block;  font-family: "icon";  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  vertical-align: middle;  content: "\f105";  position: relative;  top: -3px;  margin-right: 10px;  font-size: 26px;  line-height: 1;}.contentsArea--search .searchSet.sub {  margin-top: 40px;}.contentsArea--search .searchSet.sub + .searchSet.sub {  margin-top: 20px;}.contentsArea--search .searchSet.sub .setTitle {  margin: 0 0 20px 10px;  font-size: 18px;  letter-spacing: 0.3em;}.contentsArea--search .searchSet.sub .setTitle:before {  display: none;}.contentsArea--search .searchSet.sub .setContent {  padding: 0 10px;}.contentsArea--search .searchSet.sub .setContent ul {  margin-top: -5px;}.contentsArea--search .searchSet.sub .setContent ul li:before {  content: "";}.contentsArea--search .searchSet.sub .setContent ul li + li:before {  content: "/";  margin: 0 5px;  height: auto;  width: auto;  background: none;  color: #ccc;  font-weight: normal !important;}.contentsArea--search .searchSet.sub .setContent ul li {  display: inline-block;  width: auto !important;  margin-top: 0;  padding-right: 0;}.contentsArea--search .searchSet.sub .setContent ul li a {  font-size: 14px;  font-weight: normal;}.contentsArea--search .searchSet.sub .setContent ul li .sub {  font-size: 14px;}