/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



/* Z-INDEX */

 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 120px;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/* Theme Name: ieell */
/* Version: 1.0 */
/* Author: SAKUSAKU */
/* Author URI: http://sakusaku.me/ */
/* Using Compass */
/* ----------------------------------------
 * reset & layouts styles
 * ---------------------------------------- */
/* Base::Reset v1.0 */

body, div, p, h1, h2, h3, h4, h5, h6, span, ul, li, ol, img, table, tr, td, hr, a, address, nav, header, footer, section, article {
  margin: 0;
  padding: 0;
}

body, p, h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 100%;
}

img {
  border: none;
  vertical-align: baseline;
  max-width: 100%;
  height: auto;
}

img[src=""] {
  background-color: lightgray;
  width: 40px;
  height: 40px;
}

ul, li {
  list-style: none;
}

html {
  font-size: 62.5%;
}

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

button, input, textarea {
  -webkit-font-smoothing: inherit;
}

input[type="file"], input[type="submit"], input[type="reset"], button {
  cursor: pointer;
}

/* Base::icon */
.btn.btn-changePlan:after, .btn-changePlan.listBottomBtn:after, input[type="checkbox"]:checked + .ui-checkbox::before, input[type="radio"]:checked + .ui-radio:after, .selectbox:after, .errorBox li:before, .ui-dragArea:before, .searchBox button i, .searchBlockVertical .searchBlockItems dl dt:before, .searchBlockList dl dt:before, .listFilter:after, .tileListItem-construction .constructionDate:before, .tileListItem-construction .constructionPref:before, .fileList-inline .fileListItem .btn-file-download:before, .fileList-inline .fileListItem .btn-file-delete:before, .appHeaderItem .searchBox button, .ui-indicator:before, .beginerQuest li .quest .icon i, #modal-assignMembers.modal .formContentBody label input[type="checkbox"] + .ui-checkbox:before, .icon-user, #indicator .indicatorIcon, #dropArea .dropAreaIcon {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-align: center;
  text-indent: 0;
  speak: none;
}

.btn.btn-changePlan:after, .btn-changePlan.listBottomBtn:after, input[type="checkbox"]:checked + .ui-checkbox::before, input[type="radio"]:checked + .ui-radio:after, .selectbox:after, .errorBox li:before, .ui-dragArea:before, .searchBox button i, .searchBlockVertical .searchBlockItems dl dt:before, .searchBlockList dl dt:before, .listFilter:after, .tileListItem-construction .constructionDate:before, .tileListItem-construction .constructionPref:before, .fileList-inline .fileListItem .btn-file-download:before, .fileList-inline .fileListItem .btn-file-delete:before, .appHeaderItem .searchBox button, .ui-indicator:before, .beginerQuest li .quest .icon i, #modal-assignMembers.modal .formContentBody label input[type="checkbox"] + .ui-checkbox:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}

.material-icons {
  font-size: inherit;
  vertical-align: -0.15em;
}

@font-face {
  font-family: 'icomoon';
  src: url(/assets/icomoon-e3a8b8aa2ad035b1aaa45b4f50c29fa9a0455f7b6c4f28a52ed1511c379270df.eot?v58od2);
  src: url(/assets/icomoon-e3a8b8aa2ad035b1aaa45b4f50c29fa9a0455f7b6c4f28a52ed1511c379270df.eot?v58od2#iefix) format("embedded-opentype"), url(/assets/icomoon-0d4f484132b848b008ceb1a9e7b12991d19d85e32d4620834670d790cd11e4f0.ttf?v58od2) format("truetype"), url(/assets/icomoon-9b575710be7f2dc74b725452f021fd6b66b3b4c416f3eb375a6f4a33c4828d64.woff?v58od2) format("woff"), url(/assets/icomoon-15e769c7dbd57bbf61f0a885a10286b76495f2b83254da303b8ff27452f74a61.svg?v58od2#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !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-sp_search:before {
  content: "\e91b";
}

.icon-sp_login:before {
  content: "\e91c";
}

.icon-sp_menu:before {
  content: "\e91d";
}

.icon-yen:before {
  content: "\e908";
}

.icon-bell:before {
  content: "\e919";
}

.icon-tab_login:before {
  content: "\e900";
}

.icon-check:before {
  content: "\e901";
}

.icon-company:before {
  content: "\e902";
}

.icon-cracker:before {
  content: "\e903";
}

.icon-info:before {
  content: "\e904";
}

.icon-job:before {
  content: "\e905";
}

.icon-key:before {
  content: "\e906";
}

.icon-logout:before {
  content: "\e907";
}

.icon-mail:before {
  content: "\e909";
}

.icon-mark:before {
  content: "\e90a";
}

.icon-note:before {
  content: "\e90b";
}

.icon-pen:before {
  content: "\e90c";
}

.icon-pin:before {
  content: "\e90d";
}

.icon-recommend:before {
  content: "\e90e";
}

.icon-search:before {
  content: "\e910";
}

.icon-star:before {
  content: "\e911";
}

.icon-tab_box:before {
  content: "\e912";
}

.icon-tab_buil:before {
  content: "\e913";
}

.icon-tab_info:before {
  content: "\e914";
}

.icon-tab_my:before {
  content: "\e916";
}

.icon-time:before {
  content: "\e918";
}

/* Base::tag */
.formContent .formContentHead .optional, .formContent .formContentHead .required, .tag, .constructionInfo dt span, .messagesCompanyInfo dt span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1.45455em;
  padding: 0 0.5em;
  font-weight: bold;
  color: #7A7E80;
  background-color: #ffffff;
  border: solid 1px transparent;
  border-radius: 3px;
}
.formContent .formContentHead .optional:empty, .formContent .formContentHead .required:empty, .tag:empty, .constructionInfo dt span:empty, .messagesCompanyInfo dt span:empty {
  display: none;
}

/* Layout::components v1.2 */
.has-hover {
  cursor: pointer;
}

.layout-align-center {
  text-align: center;
}

.layout-align-left {
  text-align: left;
}

.layout-align-right {
  text-align: right;
}

@media screen and (min-width: 980px) {
  .layout-l-align-center {
    text-align: center;
  }

  .layout-l-align-left {
    text-align: left;
  }

  .layout-l-align-right {
    text-align: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .layout-m-align-center {
    text-align: center;
  }

  .layout-m-align-left {
    text-align: left;
  }

  .layout-m-align-right {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .layout-s-align-center {
    text-align: center;
  }

  .layout-s-align-left {
    text-align: left;
  }

  .layout-s-align-right {
    text-align: right;
  }
}
.layout-center {
  margin-left: auto;
  margin-right: auto;
}

.layout-m-0 {
  margin: 0px !important;
}

.layout-mt-0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

.layout-width-0 {
  width: 0px !important;
}

.layout-m-5 {
  margin: 5px !important;
}

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

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

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

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

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

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

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

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

.layout-width-10 {
  width: 10px !important;
}

.layout-m-10 {
  margin: 10px !important;
}

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

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

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

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

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

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

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

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

.layout-width-20 {
  width: 20px !important;
}

.layout-m-15 {
  margin: 15px !important;
}

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

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

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

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

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

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

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

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

.layout-width-30 {
  width: 30px !important;
}

.layout-m-20 {
  margin: 20px !important;
}

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

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

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

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

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

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

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

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

.layout-width-40 {
  width: 40px !important;
}

.layout-m-25 {
  margin: 25px !important;
}

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

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

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

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

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

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

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

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

.layout-width-50 {
  width: 50px !important;
}

.layout-m-30 {
  margin: 30px !important;
}

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

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

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

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

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

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

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

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

.layout-width-60 {
  width: 60px !important;
}

.layout-m-35 {
  margin: 35px !important;
}

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

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

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

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

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

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

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

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

.layout-width-70 {
  width: 70px !important;
}

.layout-m-40 {
  margin: 40px !important;
}

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

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

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

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

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

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

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

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

.layout-width-80 {
  width: 80px !important;
}

.layout-m-45 {
  margin: 45px !important;
}

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

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

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

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

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

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

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

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

.layout-width-90 {
  width: 90px !important;
}

.layout-m-50 {
  margin: 50px !important;
}

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

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

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

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

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

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

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

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

.layout-width-100 {
  width: 100px !important;
}

.layout-m-55 {
  margin: 55px !important;
}

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

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

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

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

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

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

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

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

.layout-width-110 {
  width: 110px !important;
}

.layout-m-60 {
  margin: 60px !important;
}

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

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

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

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

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

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

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

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

.layout-width-120 {
  width: 120px !important;
}

.layout-m-65 {
  margin: 65px !important;
}

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

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

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

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

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

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

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

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

.layout-width-130 {
  width: 130px !important;
}

.layout-m-70 {
  margin: 70px !important;
}

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

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

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

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

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

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

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

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

.layout-width-140 {
  width: 140px !important;
}

.layout-m-75 {
  margin: 75px !important;
}

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

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

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

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

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

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

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

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

.layout-width-150 {
  width: 150px !important;
}

.layout-m-80 {
  margin: 80px !important;
}

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

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

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

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

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

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

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

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

.layout-width-160 {
  width: 160px !important;
}

.layout-m-85 {
  margin: 85px !important;
}

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

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

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

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

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

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

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

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

.layout-width-170 {
  width: 170px !important;
}

.layout-m-90 {
  margin: 90px !important;
}

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

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

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

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

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

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

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

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

.layout-width-180 {
  width: 180px !important;
}

.layout-m-95 {
  margin: 95px !important;
}

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

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

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

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

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

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

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

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

.layout-width-190 {
  width: 190px !important;
}

.layout-m-100 {
  margin: 100px !important;
}

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

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

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

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

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

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

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

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

.layout-width-200 {
  width: 200px !important;
}

.layout-m-105 {
  margin: 105px !important;
}

.layout-mt-105 {
  margin-top: 105px !important;
}

.layout-mr-105 {
  margin-right: 105px !important;
}

.layout-mb-105 {
  margin-bottom: 105px !important;
}

.layout-ml-105 {
  margin-left: 105px !important;
}

.layout-pt-105 {
  padding-top: 105px !important;
}

.layout-pr-105 {
  padding-right: 105px !important;
}

.layout-pb-105 {
  padding-bottom: 105px !important;
}

.layout-pl-105 {
  padding-left: 105px !important;
}

.layout-width-210 {
  width: 210px !important;
}

.layout-m-110 {
  margin: 110px !important;
}

.layout-mt-110 {
  margin-top: 110px !important;
}

.layout-mr-110 {
  margin-right: 110px !important;
}

.layout-mb-110 {
  margin-bottom: 110px !important;
}

.layout-ml-110 {
  margin-left: 110px !important;
}

.layout-pt-110 {
  padding-top: 110px !important;
}

.layout-pr-110 {
  padding-right: 110px !important;
}

.layout-pb-110 {
  padding-bottom: 110px !important;
}

.layout-pl-110 {
  padding-left: 110px !important;
}

.layout-width-220 {
  width: 220px !important;
}

.layout-m-115 {
  margin: 115px !important;
}

.layout-mt-115 {
  margin-top: 115px !important;
}

.layout-mr-115 {
  margin-right: 115px !important;
}

.layout-mb-115 {
  margin-bottom: 115px !important;
}

.layout-ml-115 {
  margin-left: 115px !important;
}

.layout-pt-115 {
  padding-top: 115px !important;
}

.layout-pr-115 {
  padding-right: 115px !important;
}

.layout-pb-115 {
  padding-bottom: 115px !important;
}

.layout-pl-115 {
  padding-left: 115px !important;
}

.layout-width-230 {
  width: 230px !important;
}

.layout-m-120 {
  margin: 120px !important;
}

.layout-mt-120 {
  margin-top: 120px !important;
}

.layout-mr-120 {
  margin-right: 120px !important;
}

.layout-mb-120 {
  margin-bottom: 120px !important;
}

.layout-ml-120 {
  margin-left: 120px !important;
}

.layout-pt-120 {
  padding-top: 120px !important;
}

.layout-pr-120 {
  padding-right: 120px !important;
}

.layout-pb-120 {
  padding-bottom: 120px !important;
}

.layout-pl-120 {
  padding-left: 120px !important;
}

.layout-width-240 {
  width: 240px !important;
}

.layout-m-125 {
  margin: 125px !important;
}

.layout-mt-125 {
  margin-top: 125px !important;
}

.layout-mr-125 {
  margin-right: 125px !important;
}

.layout-mb-125 {
  margin-bottom: 125px !important;
}

.layout-ml-125 {
  margin-left: 125px !important;
}

.layout-pt-125 {
  padding-top: 125px !important;
}

.layout-pr-125 {
  padding-right: 125px !important;
}

.layout-pb-125 {
  padding-bottom: 125px !important;
}

.layout-pl-125 {
  padding-left: 125px !important;
}

.layout-width-250 {
  width: 250px !important;
}

.layout-m-130 {
  margin: 130px !important;
}

.layout-mt-130 {
  margin-top: 130px !important;
}

.layout-mr-130 {
  margin-right: 130px !important;
}

.layout-mb-130 {
  margin-bottom: 130px !important;
}

.layout-ml-130 {
  margin-left: 130px !important;
}

.layout-pt-130 {
  padding-top: 130px !important;
}

.layout-pr-130 {
  padding-right: 130px !important;
}

.layout-pb-130 {
  padding-bottom: 130px !important;
}

.layout-pl-130 {
  padding-left: 130px !important;
}

.layout-width-260 {
  width: 260px !important;
}

.layout-m-135 {
  margin: 135px !important;
}

.layout-mt-135 {
  margin-top: 135px !important;
}

.layout-mr-135 {
  margin-right: 135px !important;
}

.layout-mb-135 {
  margin-bottom: 135px !important;
}

.layout-ml-135 {
  margin-left: 135px !important;
}

.layout-pt-135 {
  padding-top: 135px !important;
}

.layout-pr-135 {
  padding-right: 135px !important;
}

.layout-pb-135 {
  padding-bottom: 135px !important;
}

.layout-pl-135 {
  padding-left: 135px !important;
}

.layout-width-270 {
  width: 270px !important;
}

.layout-m-140 {
  margin: 140px !important;
}

.layout-mt-140 {
  margin-top: 140px !important;
}

.layout-mr-140 {
  margin-right: 140px !important;
}

.layout-mb-140 {
  margin-bottom: 140px !important;
}

.layout-ml-140 {
  margin-left: 140px !important;
}

.layout-pt-140 {
  padding-top: 140px !important;
}

.layout-pr-140 {
  padding-right: 140px !important;
}

.layout-pb-140 {
  padding-bottom: 140px !important;
}

.layout-pl-140 {
  padding-left: 140px !important;
}

.layout-width-280 {
  width: 280px !important;
}

.layout-m-145 {
  margin: 145px !important;
}

.layout-mt-145 {
  margin-top: 145px !important;
}

.layout-mr-145 {
  margin-right: 145px !important;
}

.layout-mb-145 {
  margin-bottom: 145px !important;
}

.layout-ml-145 {
  margin-left: 145px !important;
}

.layout-pt-145 {
  padding-top: 145px !important;
}

.layout-pr-145 {
  padding-right: 145px !important;
}

.layout-pb-145 {
  padding-bottom: 145px !important;
}

.layout-pl-145 {
  padding-left: 145px !important;
}

.layout-width-290 {
  width: 290px !important;
}

.layout-m-150 {
  margin: 150px !important;
}

.layout-mt-150 {
  margin-top: 150px !important;
}

.layout-mr-150 {
  margin-right: 150px !important;
}

.layout-mb-150 {
  margin-bottom: 150px !important;
}

.layout-ml-150 {
  margin-left: 150px !important;
}

.layout-pt-150 {
  padding-top: 150px !important;
}

.layout-pr-150 {
  padding-right: 150px !important;
}

.layout-pb-150 {
  padding-bottom: 150px !important;
}

.layout-pl-150 {
  padding-left: 150px !important;
}

.layout-width-300 {
  width: 300px !important;
}

.layout-m-155 {
  margin: 155px !important;
}

.layout-mt-155 {
  margin-top: 155px !important;
}

.layout-mr-155 {
  margin-right: 155px !important;
}

.layout-mb-155 {
  margin-bottom: 155px !important;
}

.layout-ml-155 {
  margin-left: 155px !important;
}

.layout-pt-155 {
  padding-top: 155px !important;
}

.layout-pr-155 {
  padding-right: 155px !important;
}

.layout-pb-155 {
  padding-bottom: 155px !important;
}

.layout-pl-155 {
  padding-left: 155px !important;
}

.layout-width-310 {
  width: 310px !important;
}

.layout-m-160 {
  margin: 160px !important;
}

.layout-mt-160 {
  margin-top: 160px !important;
}

.layout-mr-160 {
  margin-right: 160px !important;
}

.layout-mb-160 {
  margin-bottom: 160px !important;
}

.layout-ml-160 {
  margin-left: 160px !important;
}

.layout-pt-160 {
  padding-top: 160px !important;
}

.layout-pr-160 {
  padding-right: 160px !important;
}

.layout-pb-160 {
  padding-bottom: 160px !important;
}

.layout-pl-160 {
  padding-left: 160px !important;
}

.layout-width-320 {
  width: 320px !important;
}

.layout-m-165 {
  margin: 165px !important;
}

.layout-mt-165 {
  margin-top: 165px !important;
}

.layout-mr-165 {
  margin-right: 165px !important;
}

.layout-mb-165 {
  margin-bottom: 165px !important;
}

.layout-ml-165 {
  margin-left: 165px !important;
}

.layout-pt-165 {
  padding-top: 165px !important;
}

.layout-pr-165 {
  padding-right: 165px !important;
}

.layout-pb-165 {
  padding-bottom: 165px !important;
}

.layout-pl-165 {
  padding-left: 165px !important;
}

.layout-width-330 {
  width: 330px !important;
}

.layout-m-170 {
  margin: 170px !important;
}

.layout-mt-170 {
  margin-top: 170px !important;
}

.layout-mr-170 {
  margin-right: 170px !important;
}

.layout-mb-170 {
  margin-bottom: 170px !important;
}

.layout-ml-170 {
  margin-left: 170px !important;
}

.layout-pt-170 {
  padding-top: 170px !important;
}

.layout-pr-170 {
  padding-right: 170px !important;
}

.layout-pb-170 {
  padding-bottom: 170px !important;
}

.layout-pl-170 {
  padding-left: 170px !important;
}

.layout-width-340 {
  width: 340px !important;
}

.layout-m-175 {
  margin: 175px !important;
}

.layout-mt-175 {
  margin-top: 175px !important;
}

.layout-mr-175 {
  margin-right: 175px !important;
}

.layout-mb-175 {
  margin-bottom: 175px !important;
}

.layout-ml-175 {
  margin-left: 175px !important;
}

.layout-pt-175 {
  padding-top: 175px !important;
}

.layout-pr-175 {
  padding-right: 175px !important;
}

.layout-pb-175 {
  padding-bottom: 175px !important;
}

.layout-pl-175 {
  padding-left: 175px !important;
}

.layout-width-350 {
  width: 350px !important;
}

.layout-m-180 {
  margin: 180px !important;
}

.layout-mt-180 {
  margin-top: 180px !important;
}

.layout-mr-180 {
  margin-right: 180px !important;
}

.layout-mb-180 {
  margin-bottom: 180px !important;
}

.layout-ml-180 {
  margin-left: 180px !important;
}

.layout-pt-180 {
  padding-top: 180px !important;
}

.layout-pr-180 {
  padding-right: 180px !important;
}

.layout-pb-180 {
  padding-bottom: 180px !important;
}

.layout-pl-180 {
  padding-left: 180px !important;
}

.layout-width-360 {
  width: 360px !important;
}

.layout-m-185 {
  margin: 185px !important;
}

.layout-mt-185 {
  margin-top: 185px !important;
}

.layout-mr-185 {
  margin-right: 185px !important;
}

.layout-mb-185 {
  margin-bottom: 185px !important;
}

.layout-ml-185 {
  margin-left: 185px !important;
}

.layout-pt-185 {
  padding-top: 185px !important;
}

.layout-pr-185 {
  padding-right: 185px !important;
}

.layout-pb-185 {
  padding-bottom: 185px !important;
}

.layout-pl-185 {
  padding-left: 185px !important;
}

.layout-width-370 {
  width: 370px !important;
}

.layout-m-190 {
  margin: 190px !important;
}

.layout-mt-190 {
  margin-top: 190px !important;
}

.layout-mr-190 {
  margin-right: 190px !important;
}

.layout-mb-190 {
  margin-bottom: 190px !important;
}

.layout-ml-190 {
  margin-left: 190px !important;
}

.layout-pt-190 {
  padding-top: 190px !important;
}

.layout-pr-190 {
  padding-right: 190px !important;
}

.layout-pb-190 {
  padding-bottom: 190px !important;
}

.layout-pl-190 {
  padding-left: 190px !important;
}

.layout-width-380 {
  width: 380px !important;
}

.layout-m-195 {
  margin: 195px !important;
}

.layout-mt-195 {
  margin-top: 195px !important;
}

.layout-mr-195 {
  margin-right: 195px !important;
}

.layout-mb-195 {
  margin-bottom: 195px !important;
}

.layout-ml-195 {
  margin-left: 195px !important;
}

.layout-pt-195 {
  padding-top: 195px !important;
}

.layout-pr-195 {
  padding-right: 195px !important;
}

.layout-pb-195 {
  padding-bottom: 195px !important;
}

.layout-pl-195 {
  padding-left: 195px !important;
}

.layout-width-390 {
  width: 390px !important;
}

.layout-m-200 {
  margin: 200px !important;
}

.layout-mt-200 {
  margin-top: 200px !important;
}

.layout-mr-200 {
  margin-right: 200px !important;
}

.layout-mb-200 {
  margin-bottom: 200px !important;
}

.layout-ml-200 {
  margin-left: 200px !important;
}

.layout-pt-200 {
  padding-top: 200px !important;
}

.layout-pr-200 {
  padding-right: 200px !important;
}

.layout-pb-200 {
  padding-bottom: 200px !important;
}

.layout-pl-200 {
  padding-left: 200px !important;
}

.layout-width-400 {
  width: 400px !important;
}

.layout-m-205 {
  margin: 205px !important;
}

.layout-mt-205 {
  margin-top: 205px !important;
}

.layout-mr-205 {
  margin-right: 205px !important;
}

.layout-mb-205 {
  margin-bottom: 205px !important;
}

.layout-ml-205 {
  margin-left: 205px !important;
}

.layout-pt-205 {
  padding-top: 205px !important;
}

.layout-pr-205 {
  padding-right: 205px !important;
}

.layout-pb-205 {
  padding-bottom: 205px !important;
}

.layout-pl-205 {
  padding-left: 205px !important;
}

.layout-width-410 {
  width: 410px !important;
}

.layout-m-210 {
  margin: 210px !important;
}

.layout-mt-210 {
  margin-top: 210px !important;
}

.layout-mr-210 {
  margin-right: 210px !important;
}

.layout-mb-210 {
  margin-bottom: 210px !important;
}

.layout-ml-210 {
  margin-left: 210px !important;
}

.layout-pt-210 {
  padding-top: 210px !important;
}

.layout-pr-210 {
  padding-right: 210px !important;
}

.layout-pb-210 {
  padding-bottom: 210px !important;
}

.layout-pl-210 {
  padding-left: 210px !important;
}

.layout-width-420 {
  width: 420px !important;
}

.layout-m-215 {
  margin: 215px !important;
}

.layout-mt-215 {
  margin-top: 215px !important;
}

.layout-mr-215 {
  margin-right: 215px !important;
}

.layout-mb-215 {
  margin-bottom: 215px !important;
}

.layout-ml-215 {
  margin-left: 215px !important;
}

.layout-pt-215 {
  padding-top: 215px !important;
}

.layout-pr-215 {
  padding-right: 215px !important;
}

.layout-pb-215 {
  padding-bottom: 215px !important;
}

.layout-pl-215 {
  padding-left: 215px !important;
}

.layout-width-430 {
  width: 430px !important;
}

.layout-m-220 {
  margin: 220px !important;
}

.layout-mt-220 {
  margin-top: 220px !important;
}

.layout-mr-220 {
  margin-right: 220px !important;
}

.layout-mb-220 {
  margin-bottom: 220px !important;
}

.layout-ml-220 {
  margin-left: 220px !important;
}

.layout-pt-220 {
  padding-top: 220px !important;
}

.layout-pr-220 {
  padding-right: 220px !important;
}

.layout-pb-220 {
  padding-bottom: 220px !important;
}

.layout-pl-220 {
  padding-left: 220px !important;
}

.layout-width-440 {
  width: 440px !important;
}

.layout-m-225 {
  margin: 225px !important;
}

.layout-mt-225 {
  margin-top: 225px !important;
}

.layout-mr-225 {
  margin-right: 225px !important;
}

.layout-mb-225 {
  margin-bottom: 225px !important;
}

.layout-ml-225 {
  margin-left: 225px !important;
}

.layout-pt-225 {
  padding-top: 225px !important;
}

.layout-pr-225 {
  padding-right: 225px !important;
}

.layout-pb-225 {
  padding-bottom: 225px !important;
}

.layout-pl-225 {
  padding-left: 225px !important;
}

.layout-width-450 {
  width: 450px !important;
}

.layout-m-230 {
  margin: 230px !important;
}

.layout-mt-230 {
  margin-top: 230px !important;
}

.layout-mr-230 {
  margin-right: 230px !important;
}

.layout-mb-230 {
  margin-bottom: 230px !important;
}

.layout-ml-230 {
  margin-left: 230px !important;
}

.layout-pt-230 {
  padding-top: 230px !important;
}

.layout-pr-230 {
  padding-right: 230px !important;
}

.layout-pb-230 {
  padding-bottom: 230px !important;
}

.layout-pl-230 {
  padding-left: 230px !important;
}

.layout-width-460 {
  width: 460px !important;
}

.layout-m-235 {
  margin: 235px !important;
}

.layout-mt-235 {
  margin-top: 235px !important;
}

.layout-mr-235 {
  margin-right: 235px !important;
}

.layout-mb-235 {
  margin-bottom: 235px !important;
}

.layout-ml-235 {
  margin-left: 235px !important;
}

.layout-pt-235 {
  padding-top: 235px !important;
}

.layout-pr-235 {
  padding-right: 235px !important;
}

.layout-pb-235 {
  padding-bottom: 235px !important;
}

.layout-pl-235 {
  padding-left: 235px !important;
}

.layout-width-470 {
  width: 470px !important;
}

.layout-m-240 {
  margin: 240px !important;
}

.layout-mt-240 {
  margin-top: 240px !important;
}

.layout-mr-240 {
  margin-right: 240px !important;
}

.layout-mb-240 {
  margin-bottom: 240px !important;
}

.layout-ml-240 {
  margin-left: 240px !important;
}

.layout-pt-240 {
  padding-top: 240px !important;
}

.layout-pr-240 {
  padding-right: 240px !important;
}

.layout-pb-240 {
  padding-bottom: 240px !important;
}

.layout-pl-240 {
  padding-left: 240px !important;
}

.layout-width-480 {
  width: 480px !important;
}

.layout-m-245 {
  margin: 245px !important;
}

.layout-mt-245 {
  margin-top: 245px !important;
}

.layout-mr-245 {
  margin-right: 245px !important;
}

.layout-mb-245 {
  margin-bottom: 245px !important;
}

.layout-ml-245 {
  margin-left: 245px !important;
}

.layout-pt-245 {
  padding-top: 245px !important;
}

.layout-pr-245 {
  padding-right: 245px !important;
}

.layout-pb-245 {
  padding-bottom: 245px !important;
}

.layout-pl-245 {
  padding-left: 245px !important;
}

.layout-width-490 {
  width: 490px !important;
}

.layout-m-250 {
  margin: 250px !important;
}

.layout-mt-250 {
  margin-top: 250px !important;
}

.layout-mr-250 {
  margin-right: 250px !important;
}

.layout-mb-250 {
  margin-bottom: 250px !important;
}

.layout-ml-250 {
  margin-left: 250px !important;
}

.layout-pt-250 {
  padding-top: 250px !important;
}

.layout-pr-250 {
  padding-right: 250px !important;
}

.layout-pb-250 {
  padding-bottom: 250px !important;
}

.layout-pl-250 {
  padding-left: 250px !important;
}

.layout-width-500 {
  width: 500px !important;
}

.layout-m-255 {
  margin: 255px !important;
}

.layout-mt-255 {
  margin-top: 255px !important;
}

.layout-mr-255 {
  margin-right: 255px !important;
}

.layout-mb-255 {
  margin-bottom: 255px !important;
}

.layout-ml-255 {
  margin-left: 255px !important;
}

.layout-pt-255 {
  padding-top: 255px !important;
}

.layout-pr-255 {
  padding-right: 255px !important;
}

.layout-pb-255 {
  padding-bottom: 255px !important;
}

.layout-pl-255 {
  padding-left: 255px !important;
}

.layout-width-510 {
  width: 510px !important;
}

.layout-m-260 {
  margin: 260px !important;
}

.layout-mt-260 {
  margin-top: 260px !important;
}

.layout-mr-260 {
  margin-right: 260px !important;
}

.layout-mb-260 {
  margin-bottom: 260px !important;
}

.layout-ml-260 {
  margin-left: 260px !important;
}

.layout-pt-260 {
  padding-top: 260px !important;
}

.layout-pr-260 {
  padding-right: 260px !important;
}

.layout-pb-260 {
  padding-bottom: 260px !important;
}

.layout-pl-260 {
  padding-left: 260px !important;
}

.layout-width-520 {
  width: 520px !important;
}

.layout-m-265 {
  margin: 265px !important;
}

.layout-mt-265 {
  margin-top: 265px !important;
}

.layout-mr-265 {
  margin-right: 265px !important;
}

.layout-mb-265 {
  margin-bottom: 265px !important;
}

.layout-ml-265 {
  margin-left: 265px !important;
}

.layout-pt-265 {
  padding-top: 265px !important;
}

.layout-pr-265 {
  padding-right: 265px !important;
}

.layout-pb-265 {
  padding-bottom: 265px !important;
}

.layout-pl-265 {
  padding-left: 265px !important;
}

.layout-width-530 {
  width: 530px !important;
}

.layout-m-270 {
  margin: 270px !important;
}

.layout-mt-270 {
  margin-top: 270px !important;
}

.layout-mr-270 {
  margin-right: 270px !important;
}

.layout-mb-270 {
  margin-bottom: 270px !important;
}

.layout-ml-270 {
  margin-left: 270px !important;
}

.layout-pt-270 {
  padding-top: 270px !important;
}

.layout-pr-270 {
  padding-right: 270px !important;
}

.layout-pb-270 {
  padding-bottom: 270px !important;
}

.layout-pl-270 {
  padding-left: 270px !important;
}

.layout-width-540 {
  width: 540px !important;
}

.layout-m-275 {
  margin: 275px !important;
}

.layout-mt-275 {
  margin-top: 275px !important;
}

.layout-mr-275 {
  margin-right: 275px !important;
}

.layout-mb-275 {
  margin-bottom: 275px !important;
}

.layout-ml-275 {
  margin-left: 275px !important;
}

.layout-pt-275 {
  padding-top: 275px !important;
}

.layout-pr-275 {
  padding-right: 275px !important;
}

.layout-pb-275 {
  padding-bottom: 275px !important;
}

.layout-pl-275 {
  padding-left: 275px !important;
}

.layout-width-550 {
  width: 550px !important;
}

.layout-m-280 {
  margin: 280px !important;
}

.layout-mt-280 {
  margin-top: 280px !important;
}

.layout-mr-280 {
  margin-right: 280px !important;
}

.layout-mb-280 {
  margin-bottom: 280px !important;
}

.layout-ml-280 {
  margin-left: 280px !important;
}

.layout-pt-280 {
  padding-top: 280px !important;
}

.layout-pr-280 {
  padding-right: 280px !important;
}

.layout-pb-280 {
  padding-bottom: 280px !important;
}

.layout-pl-280 {
  padding-left: 280px !important;
}

.layout-width-560 {
  width: 560px !important;
}

.layout-m-285 {
  margin: 285px !important;
}

.layout-mt-285 {
  margin-top: 285px !important;
}

.layout-mr-285 {
  margin-right: 285px !important;
}

.layout-mb-285 {
  margin-bottom: 285px !important;
}

.layout-ml-285 {
  margin-left: 285px !important;
}

.layout-pt-285 {
  padding-top: 285px !important;
}

.layout-pr-285 {
  padding-right: 285px !important;
}

.layout-pb-285 {
  padding-bottom: 285px !important;
}

.layout-pl-285 {
  padding-left: 285px !important;
}

.layout-width-570 {
  width: 570px !important;
}

.layout-m-290 {
  margin: 290px !important;
}

.layout-mt-290 {
  margin-top: 290px !important;
}

.layout-mr-290 {
  margin-right: 290px !important;
}

.layout-mb-290 {
  margin-bottom: 290px !important;
}

.layout-ml-290 {
  margin-left: 290px !important;
}

.layout-pt-290 {
  padding-top: 290px !important;
}

.layout-pr-290 {
  padding-right: 290px !important;
}

.layout-pb-290 {
  padding-bottom: 290px !important;
}

.layout-pl-290 {
  padding-left: 290px !important;
}

.layout-width-580 {
  width: 580px !important;
}

.layout-m-295 {
  margin: 295px !important;
}

.layout-mt-295 {
  margin-top: 295px !important;
}

.layout-mr-295 {
  margin-right: 295px !important;
}

.layout-mb-295 {
  margin-bottom: 295px !important;
}

.layout-ml-295 {
  margin-left: 295px !important;
}

.layout-pt-295 {
  padding-top: 295px !important;
}

.layout-pr-295 {
  padding-right: 295px !important;
}

.layout-pb-295 {
  padding-bottom: 295px !important;
}

.layout-pl-295 {
  padding-left: 295px !important;
}

.layout-width-590 {
  width: 590px !important;
}

.layout-m-300 {
  margin: 300px !important;
}

.layout-mt-300 {
  margin-top: 300px !important;
}

.layout-mr-300 {
  margin-right: 300px !important;
}

.layout-mb-300 {
  margin-bottom: 300px !important;
}

.layout-ml-300 {
  margin-left: 300px !important;
}

.layout-pt-300 {
  padding-top: 300px !important;
}

.layout-pr-300 {
  padding-right: 300px !important;
}

.layout-pb-300 {
  padding-bottom: 300px !important;
}

.layout-pl-300 {
  padding-left: 300px !important;
}

.layout-width-600 {
  width: 600px !important;
}

.layout-ts-0 {
  font-size: 0rem !important;
}

.layout-ts-1 {
  font-size: 0.1rem !important;
}

.layout-ts-2 {
  font-size: 0.2rem !important;
}

.layout-ts-3 {
  font-size: 0.3rem !important;
}

.layout-ts-4 {
  font-size: 0.4rem !important;
}

.layout-ts-5 {
  font-size: 0.5rem !important;
}

.layout-ts-6 {
  font-size: 0.6rem !important;
}

.layout-ts-7 {
  font-size: 0.7rem !important;
}

.layout-ts-8 {
  font-size: 0.8rem !important;
}

.layout-ts-9 {
  font-size: 0.9rem !important;
}

.layout-ts-10 {
  font-size: 1rem !important;
}

.layout-ts-11 {
  font-size: 1.1rem !important;
}

.layout-ts-12 {
  font-size: 1.2rem !important;
}

.layout-ts-13 {
  font-size: 1.3rem !important;
}

.layout-ts-14 {
  font-size: 1.4rem !important;
}

.layout-ts-15 {
  font-size: 1.5rem !important;
}

.layout-ts-16 {
  font-size: 1.6rem !important;
}

.layout-ts-17 {
  font-size: 1.7rem !important;
}

.layout-ts-18 {
  font-size: 1.8rem !important;
}

.layout-ts-19 {
  font-size: 1.9rem !important;
}

.layout-ts-20 {
  font-size: 2rem !important;
}

.layout-ts-21 {
  font-size: 2.1rem !important;
}

.layout-ts-22 {
  font-size: 2.2rem !important;
}

.layout-ts-23 {
  font-size: 2.3rem !important;
}

.layout-ts-24 {
  font-size: 2.4rem !important;
}

.layout-ts-25 {
  font-size: 2.5rem !important;
}

.layout-ts-26 {
  font-size: 2.6rem !important;
}

.layout-ts-27 {
  font-size: 2.7rem !important;
}

.layout-ts-28 {
  font-size: 2.8rem !important;
}

.layout-ts-29 {
  font-size: 2.9rem !important;
}

.layout-ts-30 {
  font-size: 3rem !important;
}

.layout-ts-31 {
  font-size: 3.1rem !important;
}

.layout-ts-32 {
  font-size: 3.2rem !important;
}

.layout-ts-33 {
  font-size: 3.3rem !important;
}

.layout-ts-34 {
  font-size: 3.4rem !important;
}

.layout-ts-35 {
  font-size: 3.5rem !important;
}

.layout-ts-36 {
  font-size: 3.6rem !important;
}

.layout-ts-37 {
  font-size: 3.7rem !important;
}

.layout-ts-38 {
  font-size: 3.8rem !important;
}

.layout-ts-39 {
  font-size: 3.9rem !important;
}

.layout-ts-40 {
  font-size: 4rem !important;
}

.layout-ts-41 {
  font-size: 4.1rem !important;
}

.layout-ts-42 {
  font-size: 4.2rem !important;
}

.layout-ts-43 {
  font-size: 4.3rem !important;
}

.layout-ts-44 {
  font-size: 4.4rem !important;
}

.layout-ts-45 {
  font-size: 4.5rem !important;
}

.layout-ts-46 {
  font-size: 4.6rem !important;
}

.layout-ts-47 {
  font-size: 4.7rem !important;
}

.layout-ts-48 {
  font-size: 4.8rem !important;
}

.layout-ts-49 {
  font-size: 4.9rem !important;
}

.layout-ts-50 {
  font-size: 5rem !important;
}

.layout-ts-51 {
  font-size: 5.1rem !important;
}

.layout-ts-52 {
  font-size: 5.2rem !important;
}

.layout-ts-53 {
  font-size: 5.3rem !important;
}

.layout-ts-54 {
  font-size: 5.4rem !important;
}

.layout-ts-55 {
  font-size: 5.5rem !important;
}

.layout-ts-56 {
  font-size: 5.6rem !important;
}

.layout-ts-57 {
  font-size: 5.7rem !important;
}

.layout-ts-58 {
  font-size: 5.8rem !important;
}

.layout-ts-59 {
  font-size: 5.9rem !important;
}

.layout-ts-60 {
  font-size: 6rem !important;
}

.layout-ts-61 {
  font-size: 6.1rem !important;
}

.layout-ts-62 {
  font-size: 6.2rem !important;
}

.layout-ts-63 {
  font-size: 6.3rem !important;
}

.layout-ts-64 {
  font-size: 6.4rem !important;
}

.layout-ts-65 {
  font-size: 6.5rem !important;
}

.layout-ts-66 {
  font-size: 6.6rem !important;
}

.layout-ts-67 {
  font-size: 6.7rem !important;
}

.layout-ts-68 {
  font-size: 6.8rem !important;
}

.layout-ts-69 {
  font-size: 6.9rem !important;
}

.layout-ts-70 {
  font-size: 7rem !important;
}

.layout-ts-71 {
  font-size: 7.1rem !important;
}

.layout-ts-72 {
  font-size: 7.2rem !important;
}

.layout-ts-73 {
  font-size: 7.3rem !important;
}

.layout-ts-74 {
  font-size: 7.4rem !important;
}

.layout-ts-75 {
  font-size: 7.5rem !important;
}

.layout-ts-76 {
  font-size: 7.6rem !important;
}

.layout-ts-77 {
  font-size: 7.7rem !important;
}

.layout-ts-78 {
  font-size: 7.8rem !important;
}

.layout-ts-79 {
  font-size: 7.9rem !important;
}

.layout-ts-80 {
  font-size: 8rem !important;
}

.layout-ts-81 {
  font-size: 8.1rem !important;
}

.layout-ts-82 {
  font-size: 8.2rem !important;
}

.layout-ts-83 {
  font-size: 8.3rem !important;
}

.layout-ts-84 {
  font-size: 8.4rem !important;
}

.layout-ts-85 {
  font-size: 8.5rem !important;
}

.layout-ts-86 {
  font-size: 8.6rem !important;
}

.layout-ts-87 {
  font-size: 8.7rem !important;
}

.layout-ts-88 {
  font-size: 8.8rem !important;
}

.layout-ts-89 {
  font-size: 8.9rem !important;
}

.layout-ts-90 {
  font-size: 9rem !important;
}

.layout-ts-91 {
  font-size: 9.1rem !important;
}

.layout-ts-92 {
  font-size: 9.2rem !important;
}

.layout-ts-93 {
  font-size: 9.3rem !important;
}

.layout-ts-94 {
  font-size: 9.4rem !important;
}

.layout-ts-95 {
  font-size: 9.5rem !important;
}

.layout-ts-96 {
  font-size: 9.6rem !important;
}

.layout-ts-97 {
  font-size: 9.7rem !important;
}

.layout-ts-98 {
  font-size: 9.8rem !important;
}

.layout-ts-99 {
  font-size: 9.9rem !important;
}

.layout-ts-100 {
  font-size: 10rem !important;
}

.layout-ts-101 {
  font-size: 10.1rem !important;
}

.layout-ts-102 {
  font-size: 10.2rem !important;
}

.layout-ts-103 {
  font-size: 10.3rem !important;
}

.layout-ts-104 {
  font-size: 10.4rem !important;
}

.layout-ts-105 {
  font-size: 10.5rem !important;
}

.layout-ts-106 {
  font-size: 10.6rem !important;
}

.layout-ts-107 {
  font-size: 10.7rem !important;
}

.layout-ts-108 {
  font-size: 10.8rem !important;
}

.layout-ts-109 {
  font-size: 10.9rem !important;
}

.layout-ts-110 {
  font-size: 11rem !important;
}

.layout-ts-111 {
  font-size: 11.1rem !important;
}

.layout-ts-112 {
  font-size: 11.2rem !important;
}

.layout-ts-113 {
  font-size: 11.3rem !important;
}

.layout-ts-114 {
  font-size: 11.4rem !important;
}

.layout-ts-115 {
  font-size: 11.5rem !important;
}

.layout-ts-116 {
  font-size: 11.6rem !important;
}

.layout-ts-117 {
  font-size: 11.7rem !important;
}

.layout-ts-118 {
  font-size: 11.8rem !important;
}

.layout-ts-119 {
  font-size: 11.9rem !important;
}

.layout-ts-120 {
  font-size: 12rem !important;
}

@media screen and (min-width: 980px) {
  .layout-l-m-0 {
    margin: 0px !important;
  }

  .layout-l-mt-0 {
    margin-top: 0px !important;
  }

  .layout-l-mr-0 {
    margin-right: 0px !important;
  }

  .layout-l-mb-0 {
    margin-bottom: 0px !important;
  }

  .layout-l-ml-0 {
    margin-left: 0px !important;
  }

  .layout-l-pt-0 {
    padding-top: 0px !important;
  }

  .layout-l-pr-0 {
    padding-right: 0px !important;
  }

  .layout-l-pb-0 {
    padding-bottom: 0px !important;
  }

  .layout-l-pl-0 {
    padding-left: 0px !important;
  }

  .layout-l-width-0 {
    width: 0px !important;
  }

  .layout-l-m-5 {
    margin: 5px !important;
  }

  .layout-l-mt-5 {
    margin-top: 5px !important;
  }

  .layout-l-mr-5 {
    margin-right: 5px !important;
  }

  .layout-l-mb-5 {
    margin-bottom: 5px !important;
  }

  .layout-l-ml-5 {
    margin-left: 5px !important;
  }

  .layout-l-pt-5 {
    padding-top: 5px !important;
  }

  .layout-l-pr-5 {
    padding-right: 5px !important;
  }

  .layout-l-pb-5 {
    padding-bottom: 5px !important;
  }

  .layout-l-pl-5 {
    padding-left: 5px !important;
  }

  .layout-l-width-10 {
    width: 10px !important;
  }

  .layout-l-m-10 {
    margin: 10px !important;
  }

  .layout-l-mt-10 {
    margin-top: 10px !important;
  }

  .layout-l-mr-10 {
    margin-right: 10px !important;
  }

  .layout-l-mb-10 {
    margin-bottom: 10px !important;
  }

  .layout-l-ml-10 {
    margin-left: 10px !important;
  }

  .layout-l-pt-10 {
    padding-top: 10px !important;
  }

  .layout-l-pr-10 {
    padding-right: 10px !important;
  }

  .layout-l-pb-10 {
    padding-bottom: 10px !important;
  }

  .layout-l-pl-10 {
    padding-left: 10px !important;
  }

  .layout-l-width-20 {
    width: 20px !important;
  }

  .layout-l-m-15 {
    margin: 15px !important;
  }

  .layout-l-mt-15 {
    margin-top: 15px !important;
  }

  .layout-l-mr-15 {
    margin-right: 15px !important;
  }

  .layout-l-mb-15 {
    margin-bottom: 15px !important;
  }

  .layout-l-ml-15 {
    margin-left: 15px !important;
  }

  .layout-l-pt-15 {
    padding-top: 15px !important;
  }

  .layout-l-pr-15 {
    padding-right: 15px !important;
  }

  .layout-l-pb-15 {
    padding-bottom: 15px !important;
  }

  .layout-l-pl-15 {
    padding-left: 15px !important;
  }

  .layout-l-width-30 {
    width: 30px !important;
  }

  .layout-l-m-20 {
    margin: 20px !important;
  }

  .layout-l-mt-20 {
    margin-top: 20px !important;
  }

  .layout-l-mr-20 {
    margin-right: 20px !important;
  }

  .layout-l-mb-20 {
    margin-bottom: 20px !important;
  }

  .layout-l-ml-20 {
    margin-left: 20px !important;
  }

  .layout-l-pt-20 {
    padding-top: 20px !important;
  }

  .layout-l-pr-20 {
    padding-right: 20px !important;
  }

  .layout-l-pb-20 {
    padding-bottom: 20px !important;
  }

  .layout-l-pl-20 {
    padding-left: 20px !important;
  }

  .layout-l-width-40 {
    width: 40px !important;
  }

  .layout-l-m-25 {
    margin: 25px !important;
  }

  .layout-l-mt-25 {
    margin-top: 25px !important;
  }

  .layout-l-mr-25 {
    margin-right: 25px !important;
  }

  .layout-l-mb-25 {
    margin-bottom: 25px !important;
  }

  .layout-l-ml-25 {
    margin-left: 25px !important;
  }

  .layout-l-pt-25 {
    padding-top: 25px !important;
  }

  .layout-l-pr-25 {
    padding-right: 25px !important;
  }

  .layout-l-pb-25 {
    padding-bottom: 25px !important;
  }

  .layout-l-pl-25 {
    padding-left: 25px !important;
  }

  .layout-l-width-50 {
    width: 50px !important;
  }

  .layout-l-m-30 {
    margin: 30px !important;
  }

  .layout-l-mt-30 {
    margin-top: 30px !important;
  }

  .layout-l-mr-30 {
    margin-right: 30px !important;
  }

  .layout-l-mb-30 {
    margin-bottom: 30px !important;
  }

  .layout-l-ml-30 {
    margin-left: 30px !important;
  }

  .layout-l-pt-30 {
    padding-top: 30px !important;
  }

  .layout-l-pr-30 {
    padding-right: 30px !important;
  }

  .layout-l-pb-30 {
    padding-bottom: 30px !important;
  }

  .layout-l-pl-30 {
    padding-left: 30px !important;
  }

  .layout-l-width-60 {
    width: 60px !important;
  }

  .layout-l-m-35 {
    margin: 35px !important;
  }

  .layout-l-mt-35 {
    margin-top: 35px !important;
  }

  .layout-l-mr-35 {
    margin-right: 35px !important;
  }

  .layout-l-mb-35 {
    margin-bottom: 35px !important;
  }

  .layout-l-ml-35 {
    margin-left: 35px !important;
  }

  .layout-l-pt-35 {
    padding-top: 35px !important;
  }

  .layout-l-pr-35 {
    padding-right: 35px !important;
  }

  .layout-l-pb-35 {
    padding-bottom: 35px !important;
  }

  .layout-l-pl-35 {
    padding-left: 35px !important;
  }

  .layout-l-width-70 {
    width: 70px !important;
  }

  .layout-l-m-40 {
    margin: 40px !important;
  }

  .layout-l-mt-40 {
    margin-top: 40px !important;
  }

  .layout-l-mr-40 {
    margin-right: 40px !important;
  }

  .layout-l-mb-40 {
    margin-bottom: 40px !important;
  }

  .layout-l-ml-40 {
    margin-left: 40px !important;
  }

  .layout-l-pt-40 {
    padding-top: 40px !important;
  }

  .layout-l-pr-40 {
    padding-right: 40px !important;
  }

  .layout-l-pb-40 {
    padding-bottom: 40px !important;
  }

  .layout-l-pl-40 {
    padding-left: 40px !important;
  }

  .layout-l-width-80 {
    width: 80px !important;
  }

  .layout-l-m-45 {
    margin: 45px !important;
  }

  .layout-l-mt-45 {
    margin-top: 45px !important;
  }

  .layout-l-mr-45 {
    margin-right: 45px !important;
  }

  .layout-l-mb-45 {
    margin-bottom: 45px !important;
  }

  .layout-l-ml-45 {
    margin-left: 45px !important;
  }

  .layout-l-pt-45 {
    padding-top: 45px !important;
  }

  .layout-l-pr-45 {
    padding-right: 45px !important;
  }

  .layout-l-pb-45 {
    padding-bottom: 45px !important;
  }

  .layout-l-pl-45 {
    padding-left: 45px !important;
  }

  .layout-l-width-90 {
    width: 90px !important;
  }

  .layout-l-m-50 {
    margin: 50px !important;
  }

  .layout-l-mt-50 {
    margin-top: 50px !important;
  }

  .layout-l-mr-50 {
    margin-right: 50px !important;
  }

  .layout-l-mb-50 {
    margin-bottom: 50px !important;
  }

  .layout-l-ml-50 {
    margin-left: 50px !important;
  }

  .layout-l-pt-50 {
    padding-top: 50px !important;
  }

  .layout-l-pr-50 {
    padding-right: 50px !important;
  }

  .layout-l-pb-50 {
    padding-bottom: 50px !important;
  }

  .layout-l-pl-50 {
    padding-left: 50px !important;
  }

  .layout-l-width-100 {
    width: 100px !important;
  }

  .layout-l-m-55 {
    margin: 55px !important;
  }

  .layout-l-mt-55 {
    margin-top: 55px !important;
  }

  .layout-l-mr-55 {
    margin-right: 55px !important;
  }

  .layout-l-mb-55 {
    margin-bottom: 55px !important;
  }

  .layout-l-ml-55 {
    margin-left: 55px !important;
  }

  .layout-l-pt-55 {
    padding-top: 55px !important;
  }

  .layout-l-pr-55 {
    padding-right: 55px !important;
  }

  .layout-l-pb-55 {
    padding-bottom: 55px !important;
  }

  .layout-l-pl-55 {
    padding-left: 55px !important;
  }

  .layout-l-width-110 {
    width: 110px !important;
  }

  .layout-l-m-60 {
    margin: 60px !important;
  }

  .layout-l-mt-60 {
    margin-top: 60px !important;
  }

  .layout-l-mr-60 {
    margin-right: 60px !important;
  }

  .layout-l-mb-60 {
    margin-bottom: 60px !important;
  }

  .layout-l-ml-60 {
    margin-left: 60px !important;
  }

  .layout-l-pt-60 {
    padding-top: 60px !important;
  }

  .layout-l-pr-60 {
    padding-right: 60px !important;
  }

  .layout-l-pb-60 {
    padding-bottom: 60px !important;
  }

  .layout-l-pl-60 {
    padding-left: 60px !important;
  }

  .layout-l-width-120 {
    width: 120px !important;
  }

  .layout-l-m-65 {
    margin: 65px !important;
  }

  .layout-l-mt-65 {
    margin-top: 65px !important;
  }

  .layout-l-mr-65 {
    margin-right: 65px !important;
  }

  .layout-l-mb-65 {
    margin-bottom: 65px !important;
  }

  .layout-l-ml-65 {
    margin-left: 65px !important;
  }

  .layout-l-pt-65 {
    padding-top: 65px !important;
  }

  .layout-l-pr-65 {
    padding-right: 65px !important;
  }

  .layout-l-pb-65 {
    padding-bottom: 65px !important;
  }

  .layout-l-pl-65 {
    padding-left: 65px !important;
  }

  .layout-l-width-130 {
    width: 130px !important;
  }

  .layout-l-m-70 {
    margin: 70px !important;
  }

  .layout-l-mt-70 {
    margin-top: 70px !important;
  }

  .layout-l-mr-70 {
    margin-right: 70px !important;
  }

  .layout-l-mb-70 {
    margin-bottom: 70px !important;
  }

  .layout-l-ml-70 {
    margin-left: 70px !important;
  }

  .layout-l-pt-70 {
    padding-top: 70px !important;
  }

  .layout-l-pr-70 {
    padding-right: 70px !important;
  }

  .layout-l-pb-70 {
    padding-bottom: 70px !important;
  }

  .layout-l-pl-70 {
    padding-left: 70px !important;
  }

  .layout-l-width-140 {
    width: 140px !important;
  }

  .layout-l-m-75 {
    margin: 75px !important;
  }

  .layout-l-mt-75 {
    margin-top: 75px !important;
  }

  .layout-l-mr-75 {
    margin-right: 75px !important;
  }

  .layout-l-mb-75 {
    margin-bottom: 75px !important;
  }

  .layout-l-ml-75 {
    margin-left: 75px !important;
  }

  .layout-l-pt-75 {
    padding-top: 75px !important;
  }

  .layout-l-pr-75 {
    padding-right: 75px !important;
  }

  .layout-l-pb-75 {
    padding-bottom: 75px !important;
  }

  .layout-l-pl-75 {
    padding-left: 75px !important;
  }

  .layout-l-width-150 {
    width: 150px !important;
  }

  .layout-l-m-80 {
    margin: 80px !important;
  }

  .layout-l-mt-80 {
    margin-top: 80px !important;
  }

  .layout-l-mr-80 {
    margin-right: 80px !important;
  }

  .layout-l-mb-80 {
    margin-bottom: 80px !important;
  }

  .layout-l-ml-80 {
    margin-left: 80px !important;
  }

  .layout-l-pt-80 {
    padding-top: 80px !important;
  }

  .layout-l-pr-80 {
    padding-right: 80px !important;
  }

  .layout-l-pb-80 {
    padding-bottom: 80px !important;
  }

  .layout-l-pl-80 {
    padding-left: 80px !important;
  }

  .layout-l-width-160 {
    width: 160px !important;
  }

  .layout-l-m-85 {
    margin: 85px !important;
  }

  .layout-l-mt-85 {
    margin-top: 85px !important;
  }

  .layout-l-mr-85 {
    margin-right: 85px !important;
  }

  .layout-l-mb-85 {
    margin-bottom: 85px !important;
  }

  .layout-l-ml-85 {
    margin-left: 85px !important;
  }

  .layout-l-pt-85 {
    padding-top: 85px !important;
  }

  .layout-l-pr-85 {
    padding-right: 85px !important;
  }

  .layout-l-pb-85 {
    padding-bottom: 85px !important;
  }

  .layout-l-pl-85 {
    padding-left: 85px !important;
  }

  .layout-l-width-170 {
    width: 170px !important;
  }

  .layout-l-m-90 {
    margin: 90px !important;
  }

  .layout-l-mt-90 {
    margin-top: 90px !important;
  }

  .layout-l-mr-90 {
    margin-right: 90px !important;
  }

  .layout-l-mb-90 {
    margin-bottom: 90px !important;
  }

  .layout-l-ml-90 {
    margin-left: 90px !important;
  }

  .layout-l-pt-90 {
    padding-top: 90px !important;
  }

  .layout-l-pr-90 {
    padding-right: 90px !important;
  }

  .layout-l-pb-90 {
    padding-bottom: 90px !important;
  }

  .layout-l-pl-90 {
    padding-left: 90px !important;
  }

  .layout-l-width-180 {
    width: 180px !important;
  }

  .layout-l-m-95 {
    margin: 95px !important;
  }

  .layout-l-mt-95 {
    margin-top: 95px !important;
  }

  .layout-l-mr-95 {
    margin-right: 95px !important;
  }

  .layout-l-mb-95 {
    margin-bottom: 95px !important;
  }

  .layout-l-ml-95 {
    margin-left: 95px !important;
  }

  .layout-l-pt-95 {
    padding-top: 95px !important;
  }

  .layout-l-pr-95 {
    padding-right: 95px !important;
  }

  .layout-l-pb-95 {
    padding-bottom: 95px !important;
  }

  .layout-l-pl-95 {
    padding-left: 95px !important;
  }

  .layout-l-width-190 {
    width: 190px !important;
  }

  .layout-l-m-100 {
    margin: 100px !important;
  }

  .layout-l-mt-100 {
    margin-top: 100px !important;
  }

  .layout-l-mr-100 {
    margin-right: 100px !important;
  }

  .layout-l-mb-100 {
    margin-bottom: 100px !important;
  }

  .layout-l-ml-100 {
    margin-left: 100px !important;
  }

  .layout-l-pt-100 {
    padding-top: 100px !important;
  }

  .layout-l-pr-100 {
    padding-right: 100px !important;
  }

  .layout-l-pb-100 {
    padding-bottom: 100px !important;
  }

  .layout-l-pl-100 {
    padding-left: 100px !important;
  }

  .layout-l-width-200 {
    width: 200px !important;
  }

  .layout-l-m-105 {
    margin: 105px !important;
  }

  .layout-l-mt-105 {
    margin-top: 105px !important;
  }

  .layout-l-mr-105 {
    margin-right: 105px !important;
  }

  .layout-l-mb-105 {
    margin-bottom: 105px !important;
  }

  .layout-l-ml-105 {
    margin-left: 105px !important;
  }

  .layout-l-pt-105 {
    padding-top: 105px !important;
  }

  .layout-l-pr-105 {
    padding-right: 105px !important;
  }

  .layout-l-pb-105 {
    padding-bottom: 105px !important;
  }

  .layout-l-pl-105 {
    padding-left: 105px !important;
  }

  .layout-l-width-210 {
    width: 210px !important;
  }

  .layout-l-m-110 {
    margin: 110px !important;
  }

  .layout-l-mt-110 {
    margin-top: 110px !important;
  }

  .layout-l-mr-110 {
    margin-right: 110px !important;
  }

  .layout-l-mb-110 {
    margin-bottom: 110px !important;
  }

  .layout-l-ml-110 {
    margin-left: 110px !important;
  }

  .layout-l-pt-110 {
    padding-top: 110px !important;
  }

  .layout-l-pr-110 {
    padding-right: 110px !important;
  }

  .layout-l-pb-110 {
    padding-bottom: 110px !important;
  }

  .layout-l-pl-110 {
    padding-left: 110px !important;
  }

  .layout-l-width-220 {
    width: 220px !important;
  }

  .layout-l-m-115 {
    margin: 115px !important;
  }

  .layout-l-mt-115 {
    margin-top: 115px !important;
  }

  .layout-l-mr-115 {
    margin-right: 115px !important;
  }

  .layout-l-mb-115 {
    margin-bottom: 115px !important;
  }

  .layout-l-ml-115 {
    margin-left: 115px !important;
  }

  .layout-l-pt-115 {
    padding-top: 115px !important;
  }

  .layout-l-pr-115 {
    padding-right: 115px !important;
  }

  .layout-l-pb-115 {
    padding-bottom: 115px !important;
  }

  .layout-l-pl-115 {
    padding-left: 115px !important;
  }

  .layout-l-width-230 {
    width: 230px !important;
  }

  .layout-l-m-120 {
    margin: 120px !important;
  }

  .layout-l-mt-120 {
    margin-top: 120px !important;
  }

  .layout-l-mr-120 {
    margin-right: 120px !important;
  }

  .layout-l-mb-120 {
    margin-bottom: 120px !important;
  }

  .layout-l-ml-120 {
    margin-left: 120px !important;
  }

  .layout-l-pt-120 {
    padding-top: 120px !important;
  }

  .layout-l-pr-120 {
    padding-right: 120px !important;
  }

  .layout-l-pb-120 {
    padding-bottom: 120px !important;
  }

  .layout-l-pl-120 {
    padding-left: 120px !important;
  }

  .layout-l-width-240 {
    width: 240px !important;
  }

  .layout-l-m-125 {
    margin: 125px !important;
  }

  .layout-l-mt-125 {
    margin-top: 125px !important;
  }

  .layout-l-mr-125 {
    margin-right: 125px !important;
  }

  .layout-l-mb-125 {
    margin-bottom: 125px !important;
  }

  .layout-l-ml-125 {
    margin-left: 125px !important;
  }

  .layout-l-pt-125 {
    padding-top: 125px !important;
  }

  .layout-l-pr-125 {
    padding-right: 125px !important;
  }

  .layout-l-pb-125 {
    padding-bottom: 125px !important;
  }

  .layout-l-pl-125 {
    padding-left: 125px !important;
  }

  .layout-l-width-250 {
    width: 250px !important;
  }

  .layout-l-m-130 {
    margin: 130px !important;
  }

  .layout-l-mt-130 {
    margin-top: 130px !important;
  }

  .layout-l-mr-130 {
    margin-right: 130px !important;
  }

  .layout-l-mb-130 {
    margin-bottom: 130px !important;
  }

  .layout-l-ml-130 {
    margin-left: 130px !important;
  }

  .layout-l-pt-130 {
    padding-top: 130px !important;
  }

  .layout-l-pr-130 {
    padding-right: 130px !important;
  }

  .layout-l-pb-130 {
    padding-bottom: 130px !important;
  }

  .layout-l-pl-130 {
    padding-left: 130px !important;
  }

  .layout-l-width-260 {
    width: 260px !important;
  }

  .layout-l-m-135 {
    margin: 135px !important;
  }

  .layout-l-mt-135 {
    margin-top: 135px !important;
  }

  .layout-l-mr-135 {
    margin-right: 135px !important;
  }

  .layout-l-mb-135 {
    margin-bottom: 135px !important;
  }

  .layout-l-ml-135 {
    margin-left: 135px !important;
  }

  .layout-l-pt-135 {
    padding-top: 135px !important;
  }

  .layout-l-pr-135 {
    padding-right: 135px !important;
  }

  .layout-l-pb-135 {
    padding-bottom: 135px !important;
  }

  .layout-l-pl-135 {
    padding-left: 135px !important;
  }

  .layout-l-width-270 {
    width: 270px !important;
  }

  .layout-l-m-140 {
    margin: 140px !important;
  }

  .layout-l-mt-140 {
    margin-top: 140px !important;
  }

  .layout-l-mr-140 {
    margin-right: 140px !important;
  }

  .layout-l-mb-140 {
    margin-bottom: 140px !important;
  }

  .layout-l-ml-140 {
    margin-left: 140px !important;
  }

  .layout-l-pt-140 {
    padding-top: 140px !important;
  }

  .layout-l-pr-140 {
    padding-right: 140px !important;
  }

  .layout-l-pb-140 {
    padding-bottom: 140px !important;
  }

  .layout-l-pl-140 {
    padding-left: 140px !important;
  }

  .layout-l-width-280 {
    width: 280px !important;
  }

  .layout-l-m-145 {
    margin: 145px !important;
  }

  .layout-l-mt-145 {
    margin-top: 145px !important;
  }

  .layout-l-mr-145 {
    margin-right: 145px !important;
  }

  .layout-l-mb-145 {
    margin-bottom: 145px !important;
  }

  .layout-l-ml-145 {
    margin-left: 145px !important;
  }

  .layout-l-pt-145 {
    padding-top: 145px !important;
  }

  .layout-l-pr-145 {
    padding-right: 145px !important;
  }

  .layout-l-pb-145 {
    padding-bottom: 145px !important;
  }

  .layout-l-pl-145 {
    padding-left: 145px !important;
  }

  .layout-l-width-290 {
    width: 290px !important;
  }

  .layout-l-m-150 {
    margin: 150px !important;
  }

  .layout-l-mt-150 {
    margin-top: 150px !important;
  }

  .layout-l-mr-150 {
    margin-right: 150px !important;
  }

  .layout-l-mb-150 {
    margin-bottom: 150px !important;
  }

  .layout-l-ml-150 {
    margin-left: 150px !important;
  }

  .layout-l-pt-150 {
    padding-top: 150px !important;
  }

  .layout-l-pr-150 {
    padding-right: 150px !important;
  }

  .layout-l-pb-150 {
    padding-bottom: 150px !important;
  }

  .layout-l-pl-150 {
    padding-left: 150px !important;
  }

  .layout-l-width-300 {
    width: 300px !important;
  }

  .layout-l-m-155 {
    margin: 155px !important;
  }

  .layout-l-mt-155 {
    margin-top: 155px !important;
  }

  .layout-l-mr-155 {
    margin-right: 155px !important;
  }

  .layout-l-mb-155 {
    margin-bottom: 155px !important;
  }

  .layout-l-ml-155 {
    margin-left: 155px !important;
  }

  .layout-l-pt-155 {
    padding-top: 155px !important;
  }

  .layout-l-pr-155 {
    padding-right: 155px !important;
  }

  .layout-l-pb-155 {
    padding-bottom: 155px !important;
  }

  .layout-l-pl-155 {
    padding-left: 155px !important;
  }

  .layout-l-width-310 {
    width: 310px !important;
  }

  .layout-l-m-160 {
    margin: 160px !important;
  }

  .layout-l-mt-160 {
    margin-top: 160px !important;
  }

  .layout-l-mr-160 {
    margin-right: 160px !important;
  }

  .layout-l-mb-160 {
    margin-bottom: 160px !important;
  }

  .layout-l-ml-160 {
    margin-left: 160px !important;
  }

  .layout-l-pt-160 {
    padding-top: 160px !important;
  }

  .layout-l-pr-160 {
    padding-right: 160px !important;
  }

  .layout-l-pb-160 {
    padding-bottom: 160px !important;
  }

  .layout-l-pl-160 {
    padding-left: 160px !important;
  }

  .layout-l-width-320 {
    width: 320px !important;
  }

  .layout-l-m-165 {
    margin: 165px !important;
  }

  .layout-l-mt-165 {
    margin-top: 165px !important;
  }

  .layout-l-mr-165 {
    margin-right: 165px !important;
  }

  .layout-l-mb-165 {
    margin-bottom: 165px !important;
  }

  .layout-l-ml-165 {
    margin-left: 165px !important;
  }

  .layout-l-pt-165 {
    padding-top: 165px !important;
  }

  .layout-l-pr-165 {
    padding-right: 165px !important;
  }

  .layout-l-pb-165 {
    padding-bottom: 165px !important;
  }

  .layout-l-pl-165 {
    padding-left: 165px !important;
  }

  .layout-l-width-330 {
    width: 330px !important;
  }

  .layout-l-m-170 {
    margin: 170px !important;
  }

  .layout-l-mt-170 {
    margin-top: 170px !important;
  }

  .layout-l-mr-170 {
    margin-right: 170px !important;
  }

  .layout-l-mb-170 {
    margin-bottom: 170px !important;
  }

  .layout-l-ml-170 {
    margin-left: 170px !important;
  }

  .layout-l-pt-170 {
    padding-top: 170px !important;
  }

  .layout-l-pr-170 {
    padding-right: 170px !important;
  }

  .layout-l-pb-170 {
    padding-bottom: 170px !important;
  }

  .layout-l-pl-170 {
    padding-left: 170px !important;
  }

  .layout-l-width-340 {
    width: 340px !important;
  }

  .layout-l-m-175 {
    margin: 175px !important;
  }

  .layout-l-mt-175 {
    margin-top: 175px !important;
  }

  .layout-l-mr-175 {
    margin-right: 175px !important;
  }

  .layout-l-mb-175 {
    margin-bottom: 175px !important;
  }

  .layout-l-ml-175 {
    margin-left: 175px !important;
  }

  .layout-l-pt-175 {
    padding-top: 175px !important;
  }

  .layout-l-pr-175 {
    padding-right: 175px !important;
  }

  .layout-l-pb-175 {
    padding-bottom: 175px !important;
  }

  .layout-l-pl-175 {
    padding-left: 175px !important;
  }

  .layout-l-width-350 {
    width: 350px !important;
  }

  .layout-l-m-180 {
    margin: 180px !important;
  }

  .layout-l-mt-180 {
    margin-top: 180px !important;
  }

  .layout-l-mr-180 {
    margin-right: 180px !important;
  }

  .layout-l-mb-180 {
    margin-bottom: 180px !important;
  }

  .layout-l-ml-180 {
    margin-left: 180px !important;
  }

  .layout-l-pt-180 {
    padding-top: 180px !important;
  }

  .layout-l-pr-180 {
    padding-right: 180px !important;
  }

  .layout-l-pb-180 {
    padding-bottom: 180px !important;
  }

  .layout-l-pl-180 {
    padding-left: 180px !important;
  }

  .layout-l-width-360 {
    width: 360px !important;
  }

  .layout-l-m-185 {
    margin: 185px !important;
  }

  .layout-l-mt-185 {
    margin-top: 185px !important;
  }

  .layout-l-mr-185 {
    margin-right: 185px !important;
  }

  .layout-l-mb-185 {
    margin-bottom: 185px !important;
  }

  .layout-l-ml-185 {
    margin-left: 185px !important;
  }

  .layout-l-pt-185 {
    padding-top: 185px !important;
  }

  .layout-l-pr-185 {
    padding-right: 185px !important;
  }

  .layout-l-pb-185 {
    padding-bottom: 185px !important;
  }

  .layout-l-pl-185 {
    padding-left: 185px !important;
  }

  .layout-l-width-370 {
    width: 370px !important;
  }

  .layout-l-m-190 {
    margin: 190px !important;
  }

  .layout-l-mt-190 {
    margin-top: 190px !important;
  }

  .layout-l-mr-190 {
    margin-right: 190px !important;
  }

  .layout-l-mb-190 {
    margin-bottom: 190px !important;
  }

  .layout-l-ml-190 {
    margin-left: 190px !important;
  }

  .layout-l-pt-190 {
    padding-top: 190px !important;
  }

  .layout-l-pr-190 {
    padding-right: 190px !important;
  }

  .layout-l-pb-190 {
    padding-bottom: 190px !important;
  }

  .layout-l-pl-190 {
    padding-left: 190px !important;
  }

  .layout-l-width-380 {
    width: 380px !important;
  }

  .layout-l-m-195 {
    margin: 195px !important;
  }

  .layout-l-mt-195 {
    margin-top: 195px !important;
  }

  .layout-l-mr-195 {
    margin-right: 195px !important;
  }

  .layout-l-mb-195 {
    margin-bottom: 195px !important;
  }

  .layout-l-ml-195 {
    margin-left: 195px !important;
  }

  .layout-l-pt-195 {
    padding-top: 195px !important;
  }

  .layout-l-pr-195 {
    padding-right: 195px !important;
  }

  .layout-l-pb-195 {
    padding-bottom: 195px !important;
  }

  .layout-l-pl-195 {
    padding-left: 195px !important;
  }

  .layout-l-width-390 {
    width: 390px !important;
  }

  .layout-l-m-200 {
    margin: 200px !important;
  }

  .layout-l-mt-200 {
    margin-top: 200px !important;
  }

  .layout-l-mr-200 {
    margin-right: 200px !important;
  }

  .layout-l-mb-200 {
    margin-bottom: 200px !important;
  }

  .layout-l-ml-200 {
    margin-left: 200px !important;
  }

  .layout-l-pt-200 {
    padding-top: 200px !important;
  }

  .layout-l-pr-200 {
    padding-right: 200px !important;
  }

  .layout-l-pb-200 {
    padding-bottom: 200px !important;
  }

  .layout-l-pl-200 {
    padding-left: 200px !important;
  }

  .layout-l-width-400 {
    width: 400px !important;
  }

  .layout-l-m-205 {
    margin: 205px !important;
  }

  .layout-l-mt-205 {
    margin-top: 205px !important;
  }

  .layout-l-mr-205 {
    margin-right: 205px !important;
  }

  .layout-l-mb-205 {
    margin-bottom: 205px !important;
  }

  .layout-l-ml-205 {
    margin-left: 205px !important;
  }

  .layout-l-pt-205 {
    padding-top: 205px !important;
  }

  .layout-l-pr-205 {
    padding-right: 205px !important;
  }

  .layout-l-pb-205 {
    padding-bottom: 205px !important;
  }

  .layout-l-pl-205 {
    padding-left: 205px !important;
  }

  .layout-l-width-410 {
    width: 410px !important;
  }

  .layout-l-m-210 {
    margin: 210px !important;
  }

  .layout-l-mt-210 {
    margin-top: 210px !important;
  }

  .layout-l-mr-210 {
    margin-right: 210px !important;
  }

  .layout-l-mb-210 {
    margin-bottom: 210px !important;
  }

  .layout-l-ml-210 {
    margin-left: 210px !important;
  }

  .layout-l-pt-210 {
    padding-top: 210px !important;
  }

  .layout-l-pr-210 {
    padding-right: 210px !important;
  }

  .layout-l-pb-210 {
    padding-bottom: 210px !important;
  }

  .layout-l-pl-210 {
    padding-left: 210px !important;
  }

  .layout-l-width-420 {
    width: 420px !important;
  }

  .layout-l-m-215 {
    margin: 215px !important;
  }

  .layout-l-mt-215 {
    margin-top: 215px !important;
  }

  .layout-l-mr-215 {
    margin-right: 215px !important;
  }

  .layout-l-mb-215 {
    margin-bottom: 215px !important;
  }

  .layout-l-ml-215 {
    margin-left: 215px !important;
  }

  .layout-l-pt-215 {
    padding-top: 215px !important;
  }

  .layout-l-pr-215 {
    padding-right: 215px !important;
  }

  .layout-l-pb-215 {
    padding-bottom: 215px !important;
  }

  .layout-l-pl-215 {
    padding-left: 215px !important;
  }

  .layout-l-width-430 {
    width: 430px !important;
  }

  .layout-l-m-220 {
    margin: 220px !important;
  }

  .layout-l-mt-220 {
    margin-top: 220px !important;
  }

  .layout-l-mr-220 {
    margin-right: 220px !important;
  }

  .layout-l-mb-220 {
    margin-bottom: 220px !important;
  }

  .layout-l-ml-220 {
    margin-left: 220px !important;
  }

  .layout-l-pt-220 {
    padding-top: 220px !important;
  }

  .layout-l-pr-220 {
    padding-right: 220px !important;
  }

  .layout-l-pb-220 {
    padding-bottom: 220px !important;
  }

  .layout-l-pl-220 {
    padding-left: 220px !important;
  }

  .layout-l-width-440 {
    width: 440px !important;
  }

  .layout-l-m-225 {
    margin: 225px !important;
  }

  .layout-l-mt-225 {
    margin-top: 225px !important;
  }

  .layout-l-mr-225 {
    margin-right: 225px !important;
  }

  .layout-l-mb-225 {
    margin-bottom: 225px !important;
  }

  .layout-l-ml-225 {
    margin-left: 225px !important;
  }

  .layout-l-pt-225 {
    padding-top: 225px !important;
  }

  .layout-l-pr-225 {
    padding-right: 225px !important;
  }

  .layout-l-pb-225 {
    padding-bottom: 225px !important;
  }

  .layout-l-pl-225 {
    padding-left: 225px !important;
  }

  .layout-l-width-450 {
    width: 450px !important;
  }

  .layout-l-m-230 {
    margin: 230px !important;
  }

  .layout-l-mt-230 {
    margin-top: 230px !important;
  }

  .layout-l-mr-230 {
    margin-right: 230px !important;
  }

  .layout-l-mb-230 {
    margin-bottom: 230px !important;
  }

  .layout-l-ml-230 {
    margin-left: 230px !important;
  }

  .layout-l-pt-230 {
    padding-top: 230px !important;
  }

  .layout-l-pr-230 {
    padding-right: 230px !important;
  }

  .layout-l-pb-230 {
    padding-bottom: 230px !important;
  }

  .layout-l-pl-230 {
    padding-left: 230px !important;
  }

  .layout-l-width-460 {
    width: 460px !important;
  }

  .layout-l-m-235 {
    margin: 235px !important;
  }

  .layout-l-mt-235 {
    margin-top: 235px !important;
  }

  .layout-l-mr-235 {
    margin-right: 235px !important;
  }

  .layout-l-mb-235 {
    margin-bottom: 235px !important;
  }

  .layout-l-ml-235 {
    margin-left: 235px !important;
  }

  .layout-l-pt-235 {
    padding-top: 235px !important;
  }

  .layout-l-pr-235 {
    padding-right: 235px !important;
  }

  .layout-l-pb-235 {
    padding-bottom: 235px !important;
  }

  .layout-l-pl-235 {
    padding-left: 235px !important;
  }

  .layout-l-width-470 {
    width: 470px !important;
  }

  .layout-l-m-240 {
    margin: 240px !important;
  }

  .layout-l-mt-240 {
    margin-top: 240px !important;
  }

  .layout-l-mr-240 {
    margin-right: 240px !important;
  }

  .layout-l-mb-240 {
    margin-bottom: 240px !important;
  }

  .layout-l-ml-240 {
    margin-left: 240px !important;
  }

  .layout-l-pt-240 {
    padding-top: 240px !important;
  }

  .layout-l-pr-240 {
    padding-right: 240px !important;
  }

  .layout-l-pb-240 {
    padding-bottom: 240px !important;
  }

  .layout-l-pl-240 {
    padding-left: 240px !important;
  }

  .layout-l-width-480 {
    width: 480px !important;
  }

  .layout-l-m-245 {
    margin: 245px !important;
  }

  .layout-l-mt-245 {
    margin-top: 245px !important;
  }

  .layout-l-mr-245 {
    margin-right: 245px !important;
  }

  .layout-l-mb-245 {
    margin-bottom: 245px !important;
  }

  .layout-l-ml-245 {
    margin-left: 245px !important;
  }

  .layout-l-pt-245 {
    padding-top: 245px !important;
  }

  .layout-l-pr-245 {
    padding-right: 245px !important;
  }

  .layout-l-pb-245 {
    padding-bottom: 245px !important;
  }

  .layout-l-pl-245 {
    padding-left: 245px !important;
  }

  .layout-l-width-490 {
    width: 490px !important;
  }

  .layout-l-m-250 {
    margin: 250px !important;
  }

  .layout-l-mt-250 {
    margin-top: 250px !important;
  }

  .layout-l-mr-250 {
    margin-right: 250px !important;
  }

  .layout-l-mb-250 {
    margin-bottom: 250px !important;
  }

  .layout-l-ml-250 {
    margin-left: 250px !important;
  }

  .layout-l-pt-250 {
    padding-top: 250px !important;
  }

  .layout-l-pr-250 {
    padding-right: 250px !important;
  }

  .layout-l-pb-250 {
    padding-bottom: 250px !important;
  }

  .layout-l-pl-250 {
    padding-left: 250px !important;
  }

  .layout-l-width-500 {
    width: 500px !important;
  }

  .layout-l-m-255 {
    margin: 255px !important;
  }

  .layout-l-mt-255 {
    margin-top: 255px !important;
  }

  .layout-l-mr-255 {
    margin-right: 255px !important;
  }

  .layout-l-mb-255 {
    margin-bottom: 255px !important;
  }

  .layout-l-ml-255 {
    margin-left: 255px !important;
  }

  .layout-l-pt-255 {
    padding-top: 255px !important;
  }

  .layout-l-pr-255 {
    padding-right: 255px !important;
  }

  .layout-l-pb-255 {
    padding-bottom: 255px !important;
  }

  .layout-l-pl-255 {
    padding-left: 255px !important;
  }

  .layout-l-width-510 {
    width: 510px !important;
  }

  .layout-l-m-260 {
    margin: 260px !important;
  }

  .layout-l-mt-260 {
    margin-top: 260px !important;
  }

  .layout-l-mr-260 {
    margin-right: 260px !important;
  }

  .layout-l-mb-260 {
    margin-bottom: 260px !important;
  }

  .layout-l-ml-260 {
    margin-left: 260px !important;
  }

  .layout-l-pt-260 {
    padding-top: 260px !important;
  }

  .layout-l-pr-260 {
    padding-right: 260px !important;
  }

  .layout-l-pb-260 {
    padding-bottom: 260px !important;
  }

  .layout-l-pl-260 {
    padding-left: 260px !important;
  }

  .layout-l-width-520 {
    width: 520px !important;
  }

  .layout-l-m-265 {
    margin: 265px !important;
  }

  .layout-l-mt-265 {
    margin-top: 265px !important;
  }

  .layout-l-mr-265 {
    margin-right: 265px !important;
  }

  .layout-l-mb-265 {
    margin-bottom: 265px !important;
  }

  .layout-l-ml-265 {
    margin-left: 265px !important;
  }

  .layout-l-pt-265 {
    padding-top: 265px !important;
  }

  .layout-l-pr-265 {
    padding-right: 265px !important;
  }

  .layout-l-pb-265 {
    padding-bottom: 265px !important;
  }

  .layout-l-pl-265 {
    padding-left: 265px !important;
  }

  .layout-l-width-530 {
    width: 530px !important;
  }

  .layout-l-m-270 {
    margin: 270px !important;
  }

  .layout-l-mt-270 {
    margin-top: 270px !important;
  }

  .layout-l-mr-270 {
    margin-right: 270px !important;
  }

  .layout-l-mb-270 {
    margin-bottom: 270px !important;
  }

  .layout-l-ml-270 {
    margin-left: 270px !important;
  }

  .layout-l-pt-270 {
    padding-top: 270px !important;
  }

  .layout-l-pr-270 {
    padding-right: 270px !important;
  }

  .layout-l-pb-270 {
    padding-bottom: 270px !important;
  }

  .layout-l-pl-270 {
    padding-left: 270px !important;
  }

  .layout-l-width-540 {
    width: 540px !important;
  }

  .layout-l-m-275 {
    margin: 275px !important;
  }

  .layout-l-mt-275 {
    margin-top: 275px !important;
  }

  .layout-l-mr-275 {
    margin-right: 275px !important;
  }

  .layout-l-mb-275 {
    margin-bottom: 275px !important;
  }

  .layout-l-ml-275 {
    margin-left: 275px !important;
  }

  .layout-l-pt-275 {
    padding-top: 275px !important;
  }

  .layout-l-pr-275 {
    padding-right: 275px !important;
  }

  .layout-l-pb-275 {
    padding-bottom: 275px !important;
  }

  .layout-l-pl-275 {
    padding-left: 275px !important;
  }

  .layout-l-width-550 {
    width: 550px !important;
  }

  .layout-l-m-280 {
    margin: 280px !important;
  }

  .layout-l-mt-280 {
    margin-top: 280px !important;
  }

  .layout-l-mr-280 {
    margin-right: 280px !important;
  }

  .layout-l-mb-280 {
    margin-bottom: 280px !important;
  }

  .layout-l-ml-280 {
    margin-left: 280px !important;
  }

  .layout-l-pt-280 {
    padding-top: 280px !important;
  }

  .layout-l-pr-280 {
    padding-right: 280px !important;
  }

  .layout-l-pb-280 {
    padding-bottom: 280px !important;
  }

  .layout-l-pl-280 {
    padding-left: 280px !important;
  }

  .layout-l-width-560 {
    width: 560px !important;
  }

  .layout-l-m-285 {
    margin: 285px !important;
  }

  .layout-l-mt-285 {
    margin-top: 285px !important;
  }

  .layout-l-mr-285 {
    margin-right: 285px !important;
  }

  .layout-l-mb-285 {
    margin-bottom: 285px !important;
  }

  .layout-l-ml-285 {
    margin-left: 285px !important;
  }

  .layout-l-pt-285 {
    padding-top: 285px !important;
  }

  .layout-l-pr-285 {
    padding-right: 285px !important;
  }

  .layout-l-pb-285 {
    padding-bottom: 285px !important;
  }

  .layout-l-pl-285 {
    padding-left: 285px !important;
  }

  .layout-l-width-570 {
    width: 570px !important;
  }

  .layout-l-m-290 {
    margin: 290px !important;
  }

  .layout-l-mt-290 {
    margin-top: 290px !important;
  }

  .layout-l-mr-290 {
    margin-right: 290px !important;
  }

  .layout-l-mb-290 {
    margin-bottom: 290px !important;
  }

  .layout-l-ml-290 {
    margin-left: 290px !important;
  }

  .layout-l-pt-290 {
    padding-top: 290px !important;
  }

  .layout-l-pr-290 {
    padding-right: 290px !important;
  }

  .layout-l-pb-290 {
    padding-bottom: 290px !important;
  }

  .layout-l-pl-290 {
    padding-left: 290px !important;
  }

  .layout-l-width-580 {
    width: 580px !important;
  }

  .layout-l-m-295 {
    margin: 295px !important;
  }

  .layout-l-mt-295 {
    margin-top: 295px !important;
  }

  .layout-l-mr-295 {
    margin-right: 295px !important;
  }

  .layout-l-mb-295 {
    margin-bottom: 295px !important;
  }

  .layout-l-ml-295 {
    margin-left: 295px !important;
  }

  .layout-l-pt-295 {
    padding-top: 295px !important;
  }

  .layout-l-pr-295 {
    padding-right: 295px !important;
  }

  .layout-l-pb-295 {
    padding-bottom: 295px !important;
  }

  .layout-l-pl-295 {
    padding-left: 295px !important;
  }

  .layout-l-width-590 {
    width: 590px !important;
  }

  .layout-l-m-300 {
    margin: 300px !important;
  }

  .layout-l-mt-300 {
    margin-top: 300px !important;
  }

  .layout-l-mr-300 {
    margin-right: 300px !important;
  }

  .layout-l-mb-300 {
    margin-bottom: 300px !important;
  }

  .layout-l-ml-300 {
    margin-left: 300px !important;
  }

  .layout-l-pt-300 {
    padding-top: 300px !important;
  }

  .layout-l-pr-300 {
    padding-right: 300px !important;
  }

  .layout-l-pb-300 {
    padding-bottom: 300px !important;
  }

  .layout-l-pl-300 {
    padding-left: 300px !important;
  }

  .layout-l-width-600 {
    width: 600px !important;
  }

  .layout-l-ts-0 {
    font-size: 0rem !important;
  }

  .layout-l-ts-1 {
    font-size: 0.1rem !important;
  }

  .layout-l-ts-2 {
    font-size: 0.2rem !important;
  }

  .layout-l-ts-3 {
    font-size: 0.3rem !important;
  }

  .layout-l-ts-4 {
    font-size: 0.4rem !important;
  }

  .layout-l-ts-5 {
    font-size: 0.5rem !important;
  }

  .layout-l-ts-6 {
    font-size: 0.6rem !important;
  }

  .layout-l-ts-7 {
    font-size: 0.7rem !important;
  }

  .layout-l-ts-8 {
    font-size: 0.8rem !important;
  }

  .layout-l-ts-9 {
    font-size: 0.9rem !important;
  }

  .layout-l-ts-10 {
    font-size: 1rem !important;
  }

  .layout-l-ts-11 {
    font-size: 1.1rem !important;
  }

  .layout-l-ts-12 {
    font-size: 1.2rem !important;
  }

  .layout-l-ts-13 {
    font-size: 1.3rem !important;
  }

  .layout-l-ts-14 {
    font-size: 1.4rem !important;
  }

  .layout-l-ts-15 {
    font-size: 1.5rem !important;
  }

  .layout-l-ts-16 {
    font-size: 1.6rem !important;
  }

  .layout-l-ts-17 {
    font-size: 1.7rem !important;
  }

  .layout-l-ts-18 {
    font-size: 1.8rem !important;
  }

  .layout-l-ts-19 {
    font-size: 1.9rem !important;
  }

  .layout-l-ts-20 {
    font-size: 2rem !important;
  }

  .layout-l-ts-21 {
    font-size: 2.1rem !important;
  }

  .layout-l-ts-22 {
    font-size: 2.2rem !important;
  }

  .layout-l-ts-23 {
    font-size: 2.3rem !important;
  }

  .layout-l-ts-24 {
    font-size: 2.4rem !important;
  }

  .layout-l-ts-25 {
    font-size: 2.5rem !important;
  }

  .layout-l-ts-26 {
    font-size: 2.6rem !important;
  }

  .layout-l-ts-27 {
    font-size: 2.7rem !important;
  }

  .layout-l-ts-28 {
    font-size: 2.8rem !important;
  }

  .layout-l-ts-29 {
    font-size: 2.9rem !important;
  }

  .layout-l-ts-30 {
    font-size: 3rem !important;
  }

  .layout-l-ts-31 {
    font-size: 3.1rem !important;
  }

  .layout-l-ts-32 {
    font-size: 3.2rem !important;
  }

  .layout-l-ts-33 {
    font-size: 3.3rem !important;
  }

  .layout-l-ts-34 {
    font-size: 3.4rem !important;
  }

  .layout-l-ts-35 {
    font-size: 3.5rem !important;
  }

  .layout-l-ts-36 {
    font-size: 3.6rem !important;
  }

  .layout-l-ts-37 {
    font-size: 3.7rem !important;
  }

  .layout-l-ts-38 {
    font-size: 3.8rem !important;
  }

  .layout-l-ts-39 {
    font-size: 3.9rem !important;
  }

  .layout-l-ts-40 {
    font-size: 4rem !important;
  }

  .layout-l-ts-41 {
    font-size: 4.1rem !important;
  }

  .layout-l-ts-42 {
    font-size: 4.2rem !important;
  }

  .layout-l-ts-43 {
    font-size: 4.3rem !important;
  }

  .layout-l-ts-44 {
    font-size: 4.4rem !important;
  }

  .layout-l-ts-45 {
    font-size: 4.5rem !important;
  }

  .layout-l-ts-46 {
    font-size: 4.6rem !important;
  }

  .layout-l-ts-47 {
    font-size: 4.7rem !important;
  }

  .layout-l-ts-48 {
    font-size: 4.8rem !important;
  }

  .layout-l-ts-49 {
    font-size: 4.9rem !important;
  }

  .layout-l-ts-50 {
    font-size: 5rem !important;
  }

  .layout-l-ts-51 {
    font-size: 5.1rem !important;
  }

  .layout-l-ts-52 {
    font-size: 5.2rem !important;
  }

  .layout-l-ts-53 {
    font-size: 5.3rem !important;
  }

  .layout-l-ts-54 {
    font-size: 5.4rem !important;
  }

  .layout-l-ts-55 {
    font-size: 5.5rem !important;
  }

  .layout-l-ts-56 {
    font-size: 5.6rem !important;
  }

  .layout-l-ts-57 {
    font-size: 5.7rem !important;
  }

  .layout-l-ts-58 {
    font-size: 5.8rem !important;
  }

  .layout-l-ts-59 {
    font-size: 5.9rem !important;
  }

  .layout-l-ts-60 {
    font-size: 6rem !important;
  }

  .layout-l-ts-61 {
    font-size: 6.1rem !important;
  }

  .layout-l-ts-62 {
    font-size: 6.2rem !important;
  }

  .layout-l-ts-63 {
    font-size: 6.3rem !important;
  }

  .layout-l-ts-64 {
    font-size: 6.4rem !important;
  }

  .layout-l-ts-65 {
    font-size: 6.5rem !important;
  }

  .layout-l-ts-66 {
    font-size: 6.6rem !important;
  }

  .layout-l-ts-67 {
    font-size: 6.7rem !important;
  }

  .layout-l-ts-68 {
    font-size: 6.8rem !important;
  }

  .layout-l-ts-69 {
    font-size: 6.9rem !important;
  }

  .layout-l-ts-70 {
    font-size: 7rem !important;
  }

  .layout-l-ts-71 {
    font-size: 7.1rem !important;
  }

  .layout-l-ts-72 {
    font-size: 7.2rem !important;
  }

  .layout-l-ts-73 {
    font-size: 7.3rem !important;
  }

  .layout-l-ts-74 {
    font-size: 7.4rem !important;
  }

  .layout-l-ts-75 {
    font-size: 7.5rem !important;
  }

  .layout-l-ts-76 {
    font-size: 7.6rem !important;
  }

  .layout-l-ts-77 {
    font-size: 7.7rem !important;
  }

  .layout-l-ts-78 {
    font-size: 7.8rem !important;
  }

  .layout-l-ts-79 {
    font-size: 7.9rem !important;
  }

  .layout-l-ts-80 {
    font-size: 8rem !important;
  }

  .layout-l-ts-81 {
    font-size: 8.1rem !important;
  }

  .layout-l-ts-82 {
    font-size: 8.2rem !important;
  }

  .layout-l-ts-83 {
    font-size: 8.3rem !important;
  }

  .layout-l-ts-84 {
    font-size: 8.4rem !important;
  }

  .layout-l-ts-85 {
    font-size: 8.5rem !important;
  }

  .layout-l-ts-86 {
    font-size: 8.6rem !important;
  }

  .layout-l-ts-87 {
    font-size: 8.7rem !important;
  }

  .layout-l-ts-88 {
    font-size: 8.8rem !important;
  }

  .layout-l-ts-89 {
    font-size: 8.9rem !important;
  }

  .layout-l-ts-90 {
    font-size: 9rem !important;
  }

  .layout-l-ts-91 {
    font-size: 9.1rem !important;
  }

  .layout-l-ts-92 {
    font-size: 9.2rem !important;
  }

  .layout-l-ts-93 {
    font-size: 9.3rem !important;
  }

  .layout-l-ts-94 {
    font-size: 9.4rem !important;
  }

  .layout-l-ts-95 {
    font-size: 9.5rem !important;
  }

  .layout-l-ts-96 {
    font-size: 9.6rem !important;
  }

  .layout-l-ts-97 {
    font-size: 9.7rem !important;
  }

  .layout-l-ts-98 {
    font-size: 9.8rem !important;
  }

  .layout-l-ts-99 {
    font-size: 9.9rem !important;
  }

  .layout-l-ts-100 {
    font-size: 10rem !important;
  }

  .layout-l-ts-101 {
    font-size: 10.1rem !important;
  }

  .layout-l-ts-102 {
    font-size: 10.2rem !important;
  }

  .layout-l-ts-103 {
    font-size: 10.3rem !important;
  }

  .layout-l-ts-104 {
    font-size: 10.4rem !important;
  }

  .layout-l-ts-105 {
    font-size: 10.5rem !important;
  }

  .layout-l-ts-106 {
    font-size: 10.6rem !important;
  }

  .layout-l-ts-107 {
    font-size: 10.7rem !important;
  }

  .layout-l-ts-108 {
    font-size: 10.8rem !important;
  }

  .layout-l-ts-109 {
    font-size: 10.9rem !important;
  }

  .layout-l-ts-110 {
    font-size: 11rem !important;
  }

  .layout-l-ts-111 {
    font-size: 11.1rem !important;
  }

  .layout-l-ts-112 {
    font-size: 11.2rem !important;
  }

  .layout-l-ts-113 {
    font-size: 11.3rem !important;
  }

  .layout-l-ts-114 {
    font-size: 11.4rem !important;
  }

  .layout-l-ts-115 {
    font-size: 11.5rem !important;
  }

  .layout-l-ts-116 {
    font-size: 11.6rem !important;
  }

  .layout-l-ts-117 {
    font-size: 11.7rem !important;
  }

  .layout-l-ts-118 {
    font-size: 11.8rem !important;
  }

  .layout-l-ts-119 {
    font-size: 11.9rem !important;
  }

  .layout-l-ts-120 {
    font-size: 12rem !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .layout-m-m-0 {
    margin: 0px !important;
  }

  .layout-m-mt-0 {
    margin-top: 0px !important;
  }

  .layout-m-mr-0 {
    margin-right: 0px !important;
  }

  .layout-m-mb-0 {
    margin-bottom: 0px !important;
  }

  .layout-m-ml-0 {
    margin-left: 0px !important;
  }

  .layout-m-pt-0 {
    padding-top: 0px !important;
  }

  .layout-m-pr-0 {
    padding-right: 0px !important;
  }

  .layout-m-pb-0 {
    padding-bottom: 0px !important;
  }

  .layout-m-pl-0 {
    padding-left: 0px !important;
  }

  .layout-m-width-0 {
    width: 0px !important;
  }

  .layout-m-m-5 {
    margin: 5px !important;
  }

  .layout-m-mt-5 {
    margin-top: 5px !important;
  }

  .layout-m-mr-5 {
    margin-right: 5px !important;
  }

  .layout-m-mb-5 {
    margin-bottom: 5px !important;
  }

  .layout-m-ml-5 {
    margin-left: 5px !important;
  }

  .layout-m-pt-5 {
    padding-top: 5px !important;
  }

  .layout-m-pr-5 {
    padding-right: 5px !important;
  }

  .layout-m-pb-5 {
    padding-bottom: 5px !important;
  }

  .layout-m-pl-5 {
    padding-left: 5px !important;
  }

  .layout-m-width-10 {
    width: 10px !important;
  }

  .layout-m-m-10 {
    margin: 10px !important;
  }

  .layout-m-mt-10 {
    margin-top: 10px !important;
  }

  .layout-m-mr-10 {
    margin-right: 10px !important;
  }

  .layout-m-mb-10 {
    margin-bottom: 10px !important;
  }

  .layout-m-ml-10 {
    margin-left: 10px !important;
  }

  .layout-m-pt-10 {
    padding-top: 10px !important;
  }

  .layout-m-pr-10 {
    padding-right: 10px !important;
  }

  .layout-m-pb-10 {
    padding-bottom: 10px !important;
  }

  .layout-m-pl-10 {
    padding-left: 10px !important;
  }

  .layout-m-width-20 {
    width: 20px !important;
  }

  .layout-m-m-15 {
    margin: 15px !important;
  }

  .layout-m-mt-15 {
    margin-top: 15px !important;
  }

  .layout-m-mr-15 {
    margin-right: 15px !important;
  }

  .layout-m-mb-15 {
    margin-bottom: 15px !important;
  }

  .layout-m-ml-15 {
    margin-left: 15px !important;
  }

  .layout-m-pt-15 {
    padding-top: 15px !important;
  }

  .layout-m-pr-15 {
    padding-right: 15px !important;
  }

  .layout-m-pb-15 {
    padding-bottom: 15px !important;
  }

  .layout-m-pl-15 {
    padding-left: 15px !important;
  }

  .layout-m-width-30 {
    width: 30px !important;
  }

  .layout-m-m-20 {
    margin: 20px !important;
  }

  .layout-m-mt-20 {
    margin-top: 20px !important;
  }

  .layout-m-mr-20 {
    margin-right: 20px !important;
  }

  .layout-m-mb-20 {
    margin-bottom: 20px !important;
  }

  .layout-m-ml-20 {
    margin-left: 20px !important;
  }

  .layout-m-pt-20 {
    padding-top: 20px !important;
  }

  .layout-m-pr-20 {
    padding-right: 20px !important;
  }

  .layout-m-pb-20 {
    padding-bottom: 20px !important;
  }

  .layout-m-pl-20 {
    padding-left: 20px !important;
  }

  .layout-m-width-40 {
    width: 40px !important;
  }

  .layout-m-m-25 {
    margin: 25px !important;
  }

  .layout-m-mt-25 {
    margin-top: 25px !important;
  }

  .layout-m-mr-25 {
    margin-right: 25px !important;
  }

  .layout-m-mb-25 {
    margin-bottom: 25px !important;
  }

  .layout-m-ml-25 {
    margin-left: 25px !important;
  }

  .layout-m-pt-25 {
    padding-top: 25px !important;
  }

  .layout-m-pr-25 {
    padding-right: 25px !important;
  }

  .layout-m-pb-25 {
    padding-bottom: 25px !important;
  }

  .layout-m-pl-25 {
    padding-left: 25px !important;
  }

  .layout-m-width-50 {
    width: 50px !important;
  }

  .layout-m-m-30 {
    margin: 30px !important;
  }

  .layout-m-mt-30 {
    margin-top: 30px !important;
  }

  .layout-m-mr-30 {
    margin-right: 30px !important;
  }

  .layout-m-mb-30 {
    margin-bottom: 30px !important;
  }

  .layout-m-ml-30 {
    margin-left: 30px !important;
  }

  .layout-m-pt-30 {
    padding-top: 30px !important;
  }

  .layout-m-pr-30 {
    padding-right: 30px !important;
  }

  .layout-m-pb-30 {
    padding-bottom: 30px !important;
  }

  .layout-m-pl-30 {
    padding-left: 30px !important;
  }

  .layout-m-width-60 {
    width: 60px !important;
  }

  .layout-m-m-35 {
    margin: 35px !important;
  }

  .layout-m-mt-35 {
    margin-top: 35px !important;
  }

  .layout-m-mr-35 {
    margin-right: 35px !important;
  }

  .layout-m-mb-35 {
    margin-bottom: 35px !important;
  }

  .layout-m-ml-35 {
    margin-left: 35px !important;
  }

  .layout-m-pt-35 {
    padding-top: 35px !important;
  }

  .layout-m-pr-35 {
    padding-right: 35px !important;
  }

  .layout-m-pb-35 {
    padding-bottom: 35px !important;
  }

  .layout-m-pl-35 {
    padding-left: 35px !important;
  }

  .layout-m-width-70 {
    width: 70px !important;
  }

  .layout-m-m-40 {
    margin: 40px !important;
  }

  .layout-m-mt-40 {
    margin-top: 40px !important;
  }

  .layout-m-mr-40 {
    margin-right: 40px !important;
  }

  .layout-m-mb-40 {
    margin-bottom: 40px !important;
  }

  .layout-m-ml-40 {
    margin-left: 40px !important;
  }

  .layout-m-pt-40 {
    padding-top: 40px !important;
  }

  .layout-m-pr-40 {
    padding-right: 40px !important;
  }

  .layout-m-pb-40 {
    padding-bottom: 40px !important;
  }

  .layout-m-pl-40 {
    padding-left: 40px !important;
  }

  .layout-m-width-80 {
    width: 80px !important;
  }

  .layout-m-m-45 {
    margin: 45px !important;
  }

  .layout-m-mt-45 {
    margin-top: 45px !important;
  }

  .layout-m-mr-45 {
    margin-right: 45px !important;
  }

  .layout-m-mb-45 {
    margin-bottom: 45px !important;
  }

  .layout-m-ml-45 {
    margin-left: 45px !important;
  }

  .layout-m-pt-45 {
    padding-top: 45px !important;
  }

  .layout-m-pr-45 {
    padding-right: 45px !important;
  }

  .layout-m-pb-45 {
    padding-bottom: 45px !important;
  }

  .layout-m-pl-45 {
    padding-left: 45px !important;
  }

  .layout-m-width-90 {
    width: 90px !important;
  }

  .layout-m-m-50 {
    margin: 50px !important;
  }

  .layout-m-mt-50 {
    margin-top: 50px !important;
  }

  .layout-m-mr-50 {
    margin-right: 50px !important;
  }

  .layout-m-mb-50 {
    margin-bottom: 50px !important;
  }

  .layout-m-ml-50 {
    margin-left: 50px !important;
  }

  .layout-m-pt-50 {
    padding-top: 50px !important;
  }

  .layout-m-pr-50 {
    padding-right: 50px !important;
  }

  .layout-m-pb-50 {
    padding-bottom: 50px !important;
  }

  .layout-m-pl-50 {
    padding-left: 50px !important;
  }

  .layout-m-width-100 {
    width: 100px !important;
  }

  .layout-m-m-55 {
    margin: 55px !important;
  }

  .layout-m-mt-55 {
    margin-top: 55px !important;
  }

  .layout-m-mr-55 {
    margin-right: 55px !important;
  }

  .layout-m-mb-55 {
    margin-bottom: 55px !important;
  }

  .layout-m-ml-55 {
    margin-left: 55px !important;
  }

  .layout-m-pt-55 {
    padding-top: 55px !important;
  }

  .layout-m-pr-55 {
    padding-right: 55px !important;
  }

  .layout-m-pb-55 {
    padding-bottom: 55px !important;
  }

  .layout-m-pl-55 {
    padding-left: 55px !important;
  }

  .layout-m-width-110 {
    width: 110px !important;
  }

  .layout-m-m-60 {
    margin: 60px !important;
  }

  .layout-m-mt-60 {
    margin-top: 60px !important;
  }

  .layout-m-mr-60 {
    margin-right: 60px !important;
  }

  .layout-m-mb-60 {
    margin-bottom: 60px !important;
  }

  .layout-m-ml-60 {
    margin-left: 60px !important;
  }

  .layout-m-pt-60 {
    padding-top: 60px !important;
  }

  .layout-m-pr-60 {
    padding-right: 60px !important;
  }

  .layout-m-pb-60 {
    padding-bottom: 60px !important;
  }

  .layout-m-pl-60 {
    padding-left: 60px !important;
  }

  .layout-m-width-120 {
    width: 120px !important;
  }

  .layout-m-m-65 {
    margin: 65px !important;
  }

  .layout-m-mt-65 {
    margin-top: 65px !important;
  }

  .layout-m-mr-65 {
    margin-right: 65px !important;
  }

  .layout-m-mb-65 {
    margin-bottom: 65px !important;
  }

  .layout-m-ml-65 {
    margin-left: 65px !important;
  }

  .layout-m-pt-65 {
    padding-top: 65px !important;
  }

  .layout-m-pr-65 {
    padding-right: 65px !important;
  }

  .layout-m-pb-65 {
    padding-bottom: 65px !important;
  }

  .layout-m-pl-65 {
    padding-left: 65px !important;
  }

  .layout-m-width-130 {
    width: 130px !important;
  }

  .layout-m-m-70 {
    margin: 70px !important;
  }

  .layout-m-mt-70 {
    margin-top: 70px !important;
  }

  .layout-m-mr-70 {
    margin-right: 70px !important;
  }

  .layout-m-mb-70 {
    margin-bottom: 70px !important;
  }

  .layout-m-ml-70 {
    margin-left: 70px !important;
  }

  .layout-m-pt-70 {
    padding-top: 70px !important;
  }

  .layout-m-pr-70 {
    padding-right: 70px !important;
  }

  .layout-m-pb-70 {
    padding-bottom: 70px !important;
  }

  .layout-m-pl-70 {
    padding-left: 70px !important;
  }

  .layout-m-width-140 {
    width: 140px !important;
  }

  .layout-m-m-75 {
    margin: 75px !important;
  }

  .layout-m-mt-75 {
    margin-top: 75px !important;
  }

  .layout-m-mr-75 {
    margin-right: 75px !important;
  }

  .layout-m-mb-75 {
    margin-bottom: 75px !important;
  }

  .layout-m-ml-75 {
    margin-left: 75px !important;
  }

  .layout-m-pt-75 {
    padding-top: 75px !important;
  }

  .layout-m-pr-75 {
    padding-right: 75px !important;
  }

  .layout-m-pb-75 {
    padding-bottom: 75px !important;
  }

  .layout-m-pl-75 {
    padding-left: 75px !important;
  }

  .layout-m-width-150 {
    width: 150px !important;
  }

  .layout-m-m-80 {
    margin: 80px !important;
  }

  .layout-m-mt-80 {
    margin-top: 80px !important;
  }

  .layout-m-mr-80 {
    margin-right: 80px !important;
  }

  .layout-m-mb-80 {
    margin-bottom: 80px !important;
  }

  .layout-m-ml-80 {
    margin-left: 80px !important;
  }

  .layout-m-pt-80 {
    padding-top: 80px !important;
  }

  .layout-m-pr-80 {
    padding-right: 80px !important;
  }

  .layout-m-pb-80 {
    padding-bottom: 80px !important;
  }

  .layout-m-pl-80 {
    padding-left: 80px !important;
  }

  .layout-m-width-160 {
    width: 160px !important;
  }

  .layout-m-m-85 {
    margin: 85px !important;
  }

  .layout-m-mt-85 {
    margin-top: 85px !important;
  }

  .layout-m-mr-85 {
    margin-right: 85px !important;
  }

  .layout-m-mb-85 {
    margin-bottom: 85px !important;
  }

  .layout-m-ml-85 {
    margin-left: 85px !important;
  }

  .layout-m-pt-85 {
    padding-top: 85px !important;
  }

  .layout-m-pr-85 {
    padding-right: 85px !important;
  }

  .layout-m-pb-85 {
    padding-bottom: 85px !important;
  }

  .layout-m-pl-85 {
    padding-left: 85px !important;
  }

  .layout-m-width-170 {
    width: 170px !important;
  }

  .layout-m-m-90 {
    margin: 90px !important;
  }

  .layout-m-mt-90 {
    margin-top: 90px !important;
  }

  .layout-m-mr-90 {
    margin-right: 90px !important;
  }

  .layout-m-mb-90 {
    margin-bottom: 90px !important;
  }

  .layout-m-ml-90 {
    margin-left: 90px !important;
  }

  .layout-m-pt-90 {
    padding-top: 90px !important;
  }

  .layout-m-pr-90 {
    padding-right: 90px !important;
  }

  .layout-m-pb-90 {
    padding-bottom: 90px !important;
  }

  .layout-m-pl-90 {
    padding-left: 90px !important;
  }

  .layout-m-width-180 {
    width: 180px !important;
  }

  .layout-m-m-95 {
    margin: 95px !important;
  }

  .layout-m-mt-95 {
    margin-top: 95px !important;
  }

  .layout-m-mr-95 {
    margin-right: 95px !important;
  }

  .layout-m-mb-95 {
    margin-bottom: 95px !important;
  }

  .layout-m-ml-95 {
    margin-left: 95px !important;
  }

  .layout-m-pt-95 {
    padding-top: 95px !important;
  }

  .layout-m-pr-95 {
    padding-right: 95px !important;
  }

  .layout-m-pb-95 {
    padding-bottom: 95px !important;
  }

  .layout-m-pl-95 {
    padding-left: 95px !important;
  }

  .layout-m-width-190 {
    width: 190px !important;
  }

  .layout-m-m-100 {
    margin: 100px !important;
  }

  .layout-m-mt-100 {
    margin-top: 100px !important;
  }

  .layout-m-mr-100 {
    margin-right: 100px !important;
  }

  .layout-m-mb-100 {
    margin-bottom: 100px !important;
  }

  .layout-m-ml-100 {
    margin-left: 100px !important;
  }

  .layout-m-pt-100 {
    padding-top: 100px !important;
  }

  .layout-m-pr-100 {
    padding-right: 100px !important;
  }

  .layout-m-pb-100 {
    padding-bottom: 100px !important;
  }

  .layout-m-pl-100 {
    padding-left: 100px !important;
  }

  .layout-m-width-200 {
    width: 200px !important;
  }

  .layout-m-m-105 {
    margin: 105px !important;
  }

  .layout-m-mt-105 {
    margin-top: 105px !important;
  }

  .layout-m-mr-105 {
    margin-right: 105px !important;
  }

  .layout-m-mb-105 {
    margin-bottom: 105px !important;
  }

  .layout-m-ml-105 {
    margin-left: 105px !important;
  }

  .layout-m-pt-105 {
    padding-top: 105px !important;
  }

  .layout-m-pr-105 {
    padding-right: 105px !important;
  }

  .layout-m-pb-105 {
    padding-bottom: 105px !important;
  }

  .layout-m-pl-105 {
    padding-left: 105px !important;
  }

  .layout-m-width-210 {
    width: 210px !important;
  }

  .layout-m-m-110 {
    margin: 110px !important;
  }

  .layout-m-mt-110 {
    margin-top: 110px !important;
  }

  .layout-m-mr-110 {
    margin-right: 110px !important;
  }

  .layout-m-mb-110 {
    margin-bottom: 110px !important;
  }

  .layout-m-ml-110 {
    margin-left: 110px !important;
  }

  .layout-m-pt-110 {
    padding-top: 110px !important;
  }

  .layout-m-pr-110 {
    padding-right: 110px !important;
  }

  .layout-m-pb-110 {
    padding-bottom: 110px !important;
  }

  .layout-m-pl-110 {
    padding-left: 110px !important;
  }

  .layout-m-width-220 {
    width: 220px !important;
  }

  .layout-m-m-115 {
    margin: 115px !important;
  }

  .layout-m-mt-115 {
    margin-top: 115px !important;
  }

  .layout-m-mr-115 {
    margin-right: 115px !important;
  }

  .layout-m-mb-115 {
    margin-bottom: 115px !important;
  }

  .layout-m-ml-115 {
    margin-left: 115px !important;
  }

  .layout-m-pt-115 {
    padding-top: 115px !important;
  }

  .layout-m-pr-115 {
    padding-right: 115px !important;
  }

  .layout-m-pb-115 {
    padding-bottom: 115px !important;
  }

  .layout-m-pl-115 {
    padding-left: 115px !important;
  }

  .layout-m-width-230 {
    width: 230px !important;
  }

  .layout-m-m-120 {
    margin: 120px !important;
  }

  .layout-m-mt-120 {
    margin-top: 120px !important;
  }

  .layout-m-mr-120 {
    margin-right: 120px !important;
  }

  .layout-m-mb-120 {
    margin-bottom: 120px !important;
  }

  .layout-m-ml-120 {
    margin-left: 120px !important;
  }

  .layout-m-pt-120 {
    padding-top: 120px !important;
  }

  .layout-m-pr-120 {
    padding-right: 120px !important;
  }

  .layout-m-pb-120 {
    padding-bottom: 120px !important;
  }

  .layout-m-pl-120 {
    padding-left: 120px !important;
  }

  .layout-m-width-240 {
    width: 240px !important;
  }

  .layout-m-m-125 {
    margin: 125px !important;
  }

  .layout-m-mt-125 {
    margin-top: 125px !important;
  }

  .layout-m-mr-125 {
    margin-right: 125px !important;
  }

  .layout-m-mb-125 {
    margin-bottom: 125px !important;
  }

  .layout-m-ml-125 {
    margin-left: 125px !important;
  }

  .layout-m-pt-125 {
    padding-top: 125px !important;
  }

  .layout-m-pr-125 {
    padding-right: 125px !important;
  }

  .layout-m-pb-125 {
    padding-bottom: 125px !important;
  }

  .layout-m-pl-125 {
    padding-left: 125px !important;
  }

  .layout-m-width-250 {
    width: 250px !important;
  }

  .layout-m-m-130 {
    margin: 130px !important;
  }

  .layout-m-mt-130 {
    margin-top: 130px !important;
  }

  .layout-m-mr-130 {
    margin-right: 130px !important;
  }

  .layout-m-mb-130 {
    margin-bottom: 130px !important;
  }

  .layout-m-ml-130 {
    margin-left: 130px !important;
  }

  .layout-m-pt-130 {
    padding-top: 130px !important;
  }

  .layout-m-pr-130 {
    padding-right: 130px !important;
  }

  .layout-m-pb-130 {
    padding-bottom: 130px !important;
  }

  .layout-m-pl-130 {
    padding-left: 130px !important;
  }

  .layout-m-width-260 {
    width: 260px !important;
  }

  .layout-m-m-135 {
    margin: 135px !important;
  }

  .layout-m-mt-135 {
    margin-top: 135px !important;
  }

  .layout-m-mr-135 {
    margin-right: 135px !important;
  }

  .layout-m-mb-135 {
    margin-bottom: 135px !important;
  }

  .layout-m-ml-135 {
    margin-left: 135px !important;
  }

  .layout-m-pt-135 {
    padding-top: 135px !important;
  }

  .layout-m-pr-135 {
    padding-right: 135px !important;
  }

  .layout-m-pb-135 {
    padding-bottom: 135px !important;
  }

  .layout-m-pl-135 {
    padding-left: 135px !important;
  }

  .layout-m-width-270 {
    width: 270px !important;
  }

  .layout-m-m-140 {
    margin: 140px !important;
  }

  .layout-m-mt-140 {
    margin-top: 140px !important;
  }

  .layout-m-mr-140 {
    margin-right: 140px !important;
  }

  .layout-m-mb-140 {
    margin-bottom: 140px !important;
  }

  .layout-m-ml-140 {
    margin-left: 140px !important;
  }

  .layout-m-pt-140 {
    padding-top: 140px !important;
  }

  .layout-m-pr-140 {
    padding-right: 140px !important;
  }

  .layout-m-pb-140 {
    padding-bottom: 140px !important;
  }

  .layout-m-pl-140 {
    padding-left: 140px !important;
  }

  .layout-m-width-280 {
    width: 280px !important;
  }

  .layout-m-m-145 {
    margin: 145px !important;
  }

  .layout-m-mt-145 {
    margin-top: 145px !important;
  }

  .layout-m-mr-145 {
    margin-right: 145px !important;
  }

  .layout-m-mb-145 {
    margin-bottom: 145px !important;
  }

  .layout-m-ml-145 {
    margin-left: 145px !important;
  }

  .layout-m-pt-145 {
    padding-top: 145px !important;
  }

  .layout-m-pr-145 {
    padding-right: 145px !important;
  }

  .layout-m-pb-145 {
    padding-bottom: 145px !important;
  }

  .layout-m-pl-145 {
    padding-left: 145px !important;
  }

  .layout-m-width-290 {
    width: 290px !important;
  }

  .layout-m-m-150 {
    margin: 150px !important;
  }

  .layout-m-mt-150 {
    margin-top: 150px !important;
  }

  .layout-m-mr-150 {
    margin-right: 150px !important;
  }

  .layout-m-mb-150 {
    margin-bottom: 150px !important;
  }

  .layout-m-ml-150 {
    margin-left: 150px !important;
  }

  .layout-m-pt-150 {
    padding-top: 150px !important;
  }

  .layout-m-pr-150 {
    padding-right: 150px !important;
  }

  .layout-m-pb-150 {
    padding-bottom: 150px !important;
  }

  .layout-m-pl-150 {
    padding-left: 150px !important;
  }

  .layout-m-width-300 {
    width: 300px !important;
  }

  .layout-m-m-155 {
    margin: 155px !important;
  }

  .layout-m-mt-155 {
    margin-top: 155px !important;
  }

  .layout-m-mr-155 {
    margin-right: 155px !important;
  }

  .layout-m-mb-155 {
    margin-bottom: 155px !important;
  }

  .layout-m-ml-155 {
    margin-left: 155px !important;
  }

  .layout-m-pt-155 {
    padding-top: 155px !important;
  }

  .layout-m-pr-155 {
    padding-right: 155px !important;
  }

  .layout-m-pb-155 {
    padding-bottom: 155px !important;
  }

  .layout-m-pl-155 {
    padding-left: 155px !important;
  }

  .layout-m-width-310 {
    width: 310px !important;
  }

  .layout-m-m-160 {
    margin: 160px !important;
  }

  .layout-m-mt-160 {
    margin-top: 160px !important;
  }

  .layout-m-mr-160 {
    margin-right: 160px !important;
  }

  .layout-m-mb-160 {
    margin-bottom: 160px !important;
  }

  .layout-m-ml-160 {
    margin-left: 160px !important;
  }

  .layout-m-pt-160 {
    padding-top: 160px !important;
  }

  .layout-m-pr-160 {
    padding-right: 160px !important;
  }

  .layout-m-pb-160 {
    padding-bottom: 160px !important;
  }

  .layout-m-pl-160 {
    padding-left: 160px !important;
  }

  .layout-m-width-320 {
    width: 320px !important;
  }

  .layout-m-m-165 {
    margin: 165px !important;
  }

  .layout-m-mt-165 {
    margin-top: 165px !important;
  }

  .layout-m-mr-165 {
    margin-right: 165px !important;
  }

  .layout-m-mb-165 {
    margin-bottom: 165px !important;
  }

  .layout-m-ml-165 {
    margin-left: 165px !important;
  }

  .layout-m-pt-165 {
    padding-top: 165px !important;
  }

  .layout-m-pr-165 {
    padding-right: 165px !important;
  }

  .layout-m-pb-165 {
    padding-bottom: 165px !important;
  }

  .layout-m-pl-165 {
    padding-left: 165px !important;
  }

  .layout-m-width-330 {
    width: 330px !important;
  }

  .layout-m-m-170 {
    margin: 170px !important;
  }

  .layout-m-mt-170 {
    margin-top: 170px !important;
  }

  .layout-m-mr-170 {
    margin-right: 170px !important;
  }

  .layout-m-mb-170 {
    margin-bottom: 170px !important;
  }

  .layout-m-ml-170 {
    margin-left: 170px !important;
  }

  .layout-m-pt-170 {
    padding-top: 170px !important;
  }

  .layout-m-pr-170 {
    padding-right: 170px !important;
  }

  .layout-m-pb-170 {
    padding-bottom: 170px !important;
  }

  .layout-m-pl-170 {
    padding-left: 170px !important;
  }

  .layout-m-width-340 {
    width: 340px !important;
  }

  .layout-m-m-175 {
    margin: 175px !important;
  }

  .layout-m-mt-175 {
    margin-top: 175px !important;
  }

  .layout-m-mr-175 {
    margin-right: 175px !important;
  }

  .layout-m-mb-175 {
    margin-bottom: 175px !important;
  }

  .layout-m-ml-175 {
    margin-left: 175px !important;
  }

  .layout-m-pt-175 {
    padding-top: 175px !important;
  }

  .layout-m-pr-175 {
    padding-right: 175px !important;
  }

  .layout-m-pb-175 {
    padding-bottom: 175px !important;
  }

  .layout-m-pl-175 {
    padding-left: 175px !important;
  }

  .layout-m-width-350 {
    width: 350px !important;
  }

  .layout-m-m-180 {
    margin: 180px !important;
  }

  .layout-m-mt-180 {
    margin-top: 180px !important;
  }

  .layout-m-mr-180 {
    margin-right: 180px !important;
  }

  .layout-m-mb-180 {
    margin-bottom: 180px !important;
  }

  .layout-m-ml-180 {
    margin-left: 180px !important;
  }

  .layout-m-pt-180 {
    padding-top: 180px !important;
  }

  .layout-m-pr-180 {
    padding-right: 180px !important;
  }

  .layout-m-pb-180 {
    padding-bottom: 180px !important;
  }

  .layout-m-pl-180 {
    padding-left: 180px !important;
  }

  .layout-m-width-360 {
    width: 360px !important;
  }

  .layout-m-m-185 {
    margin: 185px !important;
  }

  .layout-m-mt-185 {
    margin-top: 185px !important;
  }

  .layout-m-mr-185 {
    margin-right: 185px !important;
  }

  .layout-m-mb-185 {
    margin-bottom: 185px !important;
  }

  .layout-m-ml-185 {
    margin-left: 185px !important;
  }

  .layout-m-pt-185 {
    padding-top: 185px !important;
  }

  .layout-m-pr-185 {
    padding-right: 185px !important;
  }

  .layout-m-pb-185 {
    padding-bottom: 185px !important;
  }

  .layout-m-pl-185 {
    padding-left: 185px !important;
  }

  .layout-m-width-370 {
    width: 370px !important;
  }

  .layout-m-m-190 {
    margin: 190px !important;
  }

  .layout-m-mt-190 {
    margin-top: 190px !important;
  }

  .layout-m-mr-190 {
    margin-right: 190px !important;
  }

  .layout-m-mb-190 {
    margin-bottom: 190px !important;
  }

  .layout-m-ml-190 {
    margin-left: 190px !important;
  }

  .layout-m-pt-190 {
    padding-top: 190px !important;
  }

  .layout-m-pr-190 {
    padding-right: 190px !important;
  }

  .layout-m-pb-190 {
    padding-bottom: 190px !important;
  }

  .layout-m-pl-190 {
    padding-left: 190px !important;
  }

  .layout-m-width-380 {
    width: 380px !important;
  }

  .layout-m-m-195 {
    margin: 195px !important;
  }

  .layout-m-mt-195 {
    margin-top: 195px !important;
  }

  .layout-m-mr-195 {
    margin-right: 195px !important;
  }

  .layout-m-mb-195 {
    margin-bottom: 195px !important;
  }

  .layout-m-ml-195 {
    margin-left: 195px !important;
  }

  .layout-m-pt-195 {
    padding-top: 195px !important;
  }

  .layout-m-pr-195 {
    padding-right: 195px !important;
  }

  .layout-m-pb-195 {
    padding-bottom: 195px !important;
  }

  .layout-m-pl-195 {
    padding-left: 195px !important;
  }

  .layout-m-width-390 {
    width: 390px !important;
  }

  .layout-m-m-200 {
    margin: 200px !important;
  }

  .layout-m-mt-200 {
    margin-top: 200px !important;
  }

  .layout-m-mr-200 {
    margin-right: 200px !important;
  }

  .layout-m-mb-200 {
    margin-bottom: 200px !important;
  }

  .layout-m-ml-200 {
    margin-left: 200px !important;
  }

  .layout-m-pt-200 {
    padding-top: 200px !important;
  }

  .layout-m-pr-200 {
    padding-right: 200px !important;
  }

  .layout-m-pb-200 {
    padding-bottom: 200px !important;
  }

  .layout-m-pl-200 {
    padding-left: 200px !important;
  }

  .layout-m-width-400 {
    width: 400px !important;
  }

  .layout-m-m-205 {
    margin: 205px !important;
  }

  .layout-m-mt-205 {
    margin-top: 205px !important;
  }

  .layout-m-mr-205 {
    margin-right: 205px !important;
  }

  .layout-m-mb-205 {
    margin-bottom: 205px !important;
  }

  .layout-m-ml-205 {
    margin-left: 205px !important;
  }

  .layout-m-pt-205 {
    padding-top: 205px !important;
  }

  .layout-m-pr-205 {
    padding-right: 205px !important;
  }

  .layout-m-pb-205 {
    padding-bottom: 205px !important;
  }

  .layout-m-pl-205 {
    padding-left: 205px !important;
  }

  .layout-m-width-410 {
    width: 410px !important;
  }

  .layout-m-m-210 {
    margin: 210px !important;
  }

  .layout-m-mt-210 {
    margin-top: 210px !important;
  }

  .layout-m-mr-210 {
    margin-right: 210px !important;
  }

  .layout-m-mb-210 {
    margin-bottom: 210px !important;
  }

  .layout-m-ml-210 {
    margin-left: 210px !important;
  }

  .layout-m-pt-210 {
    padding-top: 210px !important;
  }

  .layout-m-pr-210 {
    padding-right: 210px !important;
  }

  .layout-m-pb-210 {
    padding-bottom: 210px !important;
  }

  .layout-m-pl-210 {
    padding-left: 210px !important;
  }

  .layout-m-width-420 {
    width: 420px !important;
  }

  .layout-m-m-215 {
    margin: 215px !important;
  }

  .layout-m-mt-215 {
    margin-top: 215px !important;
  }

  .layout-m-mr-215 {
    margin-right: 215px !important;
  }

  .layout-m-mb-215 {
    margin-bottom: 215px !important;
  }

  .layout-m-ml-215 {
    margin-left: 215px !important;
  }

  .layout-m-pt-215 {
    padding-top: 215px !important;
  }

  .layout-m-pr-215 {
    padding-right: 215px !important;
  }

  .layout-m-pb-215 {
    padding-bottom: 215px !important;
  }

  .layout-m-pl-215 {
    padding-left: 215px !important;
  }

  .layout-m-width-430 {
    width: 430px !important;
  }

  .layout-m-m-220 {
    margin: 220px !important;
  }

  .layout-m-mt-220 {
    margin-top: 220px !important;
  }

  .layout-m-mr-220 {
    margin-right: 220px !important;
  }

  .layout-m-mb-220 {
    margin-bottom: 220px !important;
  }

  .layout-m-ml-220 {
    margin-left: 220px !important;
  }

  .layout-m-pt-220 {
    padding-top: 220px !important;
  }

  .layout-m-pr-220 {
    padding-right: 220px !important;
  }

  .layout-m-pb-220 {
    padding-bottom: 220px !important;
  }

  .layout-m-pl-220 {
    padding-left: 220px !important;
  }

  .layout-m-width-440 {
    width: 440px !important;
  }

  .layout-m-m-225 {
    margin: 225px !important;
  }

  .layout-m-mt-225 {
    margin-top: 225px !important;
  }

  .layout-m-mr-225 {
    margin-right: 225px !important;
  }

  .layout-m-mb-225 {
    margin-bottom: 225px !important;
  }

  .layout-m-ml-225 {
    margin-left: 225px !important;
  }

  .layout-m-pt-225 {
    padding-top: 225px !important;
  }

  .layout-m-pr-225 {
    padding-right: 225px !important;
  }

  .layout-m-pb-225 {
    padding-bottom: 225px !important;
  }

  .layout-m-pl-225 {
    padding-left: 225px !important;
  }

  .layout-m-width-450 {
    width: 450px !important;
  }

  .layout-m-m-230 {
    margin: 230px !important;
  }

  .layout-m-mt-230 {
    margin-top: 230px !important;
  }

  .layout-m-mr-230 {
    margin-right: 230px !important;
  }

  .layout-m-mb-230 {
    margin-bottom: 230px !important;
  }

  .layout-m-ml-230 {
    margin-left: 230px !important;
  }

  .layout-m-pt-230 {
    padding-top: 230px !important;
  }

  .layout-m-pr-230 {
    padding-right: 230px !important;
  }

  .layout-m-pb-230 {
    padding-bottom: 230px !important;
  }

  .layout-m-pl-230 {
    padding-left: 230px !important;
  }

  .layout-m-width-460 {
    width: 460px !important;
  }

  .layout-m-m-235 {
    margin: 235px !important;
  }

  .layout-m-mt-235 {
    margin-top: 235px !important;
  }

  .layout-m-mr-235 {
    margin-right: 235px !important;
  }

  .layout-m-mb-235 {
    margin-bottom: 235px !important;
  }

  .layout-m-ml-235 {
    margin-left: 235px !important;
  }

  .layout-m-pt-235 {
    padding-top: 235px !important;
  }

  .layout-m-pr-235 {
    padding-right: 235px !important;
  }

  .layout-m-pb-235 {
    padding-bottom: 235px !important;
  }

  .layout-m-pl-235 {
    padding-left: 235px !important;
  }

  .layout-m-width-470 {
    width: 470px !important;
  }

  .layout-m-m-240 {
    margin: 240px !important;
  }

  .layout-m-mt-240 {
    margin-top: 240px !important;
  }

  .layout-m-mr-240 {
    margin-right: 240px !important;
  }

  .layout-m-mb-240 {
    margin-bottom: 240px !important;
  }

  .layout-m-ml-240 {
    margin-left: 240px !important;
  }

  .layout-m-pt-240 {
    padding-top: 240px !important;
  }

  .layout-m-pr-240 {
    padding-right: 240px !important;
  }

  .layout-m-pb-240 {
    padding-bottom: 240px !important;
  }

  .layout-m-pl-240 {
    padding-left: 240px !important;
  }

  .layout-m-width-480 {
    width: 480px !important;
  }

  .layout-m-m-245 {
    margin: 245px !important;
  }

  .layout-m-mt-245 {
    margin-top: 245px !important;
  }

  .layout-m-mr-245 {
    margin-right: 245px !important;
  }

  .layout-m-mb-245 {
    margin-bottom: 245px !important;
  }

  .layout-m-ml-245 {
    margin-left: 245px !important;
  }

  .layout-m-pt-245 {
    padding-top: 245px !important;
  }

  .layout-m-pr-245 {
    padding-right: 245px !important;
  }

  .layout-m-pb-245 {
    padding-bottom: 245px !important;
  }

  .layout-m-pl-245 {
    padding-left: 245px !important;
  }

  .layout-m-width-490 {
    width: 490px !important;
  }

  .layout-m-m-250 {
    margin: 250px !important;
  }

  .layout-m-mt-250 {
    margin-top: 250px !important;
  }

  .layout-m-mr-250 {
    margin-right: 250px !important;
  }

  .layout-m-mb-250 {
    margin-bottom: 250px !important;
  }

  .layout-m-ml-250 {
    margin-left: 250px !important;
  }

  .layout-m-pt-250 {
    padding-top: 250px !important;
  }

  .layout-m-pr-250 {
    padding-right: 250px !important;
  }

  .layout-m-pb-250 {
    padding-bottom: 250px !important;
  }

  .layout-m-pl-250 {
    padding-left: 250px !important;
  }

  .layout-m-width-500 {
    width: 500px !important;
  }

  .layout-m-m-255 {
    margin: 255px !important;
  }

  .layout-m-mt-255 {
    margin-top: 255px !important;
  }

  .layout-m-mr-255 {
    margin-right: 255px !important;
  }

  .layout-m-mb-255 {
    margin-bottom: 255px !important;
  }

  .layout-m-ml-255 {
    margin-left: 255px !important;
  }

  .layout-m-pt-255 {
    padding-top: 255px !important;
  }

  .layout-m-pr-255 {
    padding-right: 255px !important;
  }

  .layout-m-pb-255 {
    padding-bottom: 255px !important;
  }

  .layout-m-pl-255 {
    padding-left: 255px !important;
  }

  .layout-m-width-510 {
    width: 510px !important;
  }

  .layout-m-m-260 {
    margin: 260px !important;
  }

  .layout-m-mt-260 {
    margin-top: 260px !important;
  }

  .layout-m-mr-260 {
    margin-right: 260px !important;
  }

  .layout-m-mb-260 {
    margin-bottom: 260px !important;
  }

  .layout-m-ml-260 {
    margin-left: 260px !important;
  }

  .layout-m-pt-260 {
    padding-top: 260px !important;
  }

  .layout-m-pr-260 {
    padding-right: 260px !important;
  }

  .layout-m-pb-260 {
    padding-bottom: 260px !important;
  }

  .layout-m-pl-260 {
    padding-left: 260px !important;
  }

  .layout-m-width-520 {
    width: 520px !important;
  }

  .layout-m-m-265 {
    margin: 265px !important;
  }

  .layout-m-mt-265 {
    margin-top: 265px !important;
  }

  .layout-m-mr-265 {
    margin-right: 265px !important;
  }

  .layout-m-mb-265 {
    margin-bottom: 265px !important;
  }

  .layout-m-ml-265 {
    margin-left: 265px !important;
  }

  .layout-m-pt-265 {
    padding-top: 265px !important;
  }

  .layout-m-pr-265 {
    padding-right: 265px !important;
  }

  .layout-m-pb-265 {
    padding-bottom: 265px !important;
  }

  .layout-m-pl-265 {
    padding-left: 265px !important;
  }

  .layout-m-width-530 {
    width: 530px !important;
  }

  .layout-m-m-270 {
    margin: 270px !important;
  }

  .layout-m-mt-270 {
    margin-top: 270px !important;
  }

  .layout-m-mr-270 {
    margin-right: 270px !important;
  }

  .layout-m-mb-270 {
    margin-bottom: 270px !important;
  }

  .layout-m-ml-270 {
    margin-left: 270px !important;
  }

  .layout-m-pt-270 {
    padding-top: 270px !important;
  }

  .layout-m-pr-270 {
    padding-right: 270px !important;
  }

  .layout-m-pb-270 {
    padding-bottom: 270px !important;
  }

  .layout-m-pl-270 {
    padding-left: 270px !important;
  }

  .layout-m-width-540 {
    width: 540px !important;
  }

  .layout-m-m-275 {
    margin: 275px !important;
  }

  .layout-m-mt-275 {
    margin-top: 275px !important;
  }

  .layout-m-mr-275 {
    margin-right: 275px !important;
  }

  .layout-m-mb-275 {
    margin-bottom: 275px !important;
  }

  .layout-m-ml-275 {
    margin-left: 275px !important;
  }

  .layout-m-pt-275 {
    padding-top: 275px !important;
  }

  .layout-m-pr-275 {
    padding-right: 275px !important;
  }

  .layout-m-pb-275 {
    padding-bottom: 275px !important;
  }

  .layout-m-pl-275 {
    padding-left: 275px !important;
  }

  .layout-m-width-550 {
    width: 550px !important;
  }

  .layout-m-m-280 {
    margin: 280px !important;
  }

  .layout-m-mt-280 {
    margin-top: 280px !important;
  }

  .layout-m-mr-280 {
    margin-right: 280px !important;
  }

  .layout-m-mb-280 {
    margin-bottom: 280px !important;
  }

  .layout-m-ml-280 {
    margin-left: 280px !important;
  }

  .layout-m-pt-280 {
    padding-top: 280px !important;
  }

  .layout-m-pr-280 {
    padding-right: 280px !important;
  }

  .layout-m-pb-280 {
    padding-bottom: 280px !important;
  }

  .layout-m-pl-280 {
    padding-left: 280px !important;
  }

  .layout-m-width-560 {
    width: 560px !important;
  }

  .layout-m-m-285 {
    margin: 285px !important;
  }

  .layout-m-mt-285 {
    margin-top: 285px !important;
  }

  .layout-m-mr-285 {
    margin-right: 285px !important;
  }

  .layout-m-mb-285 {
    margin-bottom: 285px !important;
  }

  .layout-m-ml-285 {
    margin-left: 285px !important;
  }

  .layout-m-pt-285 {
    padding-top: 285px !important;
  }

  .layout-m-pr-285 {
    padding-right: 285px !important;
  }

  .layout-m-pb-285 {
    padding-bottom: 285px !important;
  }

  .layout-m-pl-285 {
    padding-left: 285px !important;
  }

  .layout-m-width-570 {
    width: 570px !important;
  }

  .layout-m-m-290 {
    margin: 290px !important;
  }

  .layout-m-mt-290 {
    margin-top: 290px !important;
  }

  .layout-m-mr-290 {
    margin-right: 290px !important;
  }

  .layout-m-mb-290 {
    margin-bottom: 290px !important;
  }

  .layout-m-ml-290 {
    margin-left: 290px !important;
  }

  .layout-m-pt-290 {
    padding-top: 290px !important;
  }

  .layout-m-pr-290 {
    padding-right: 290px !important;
  }

  .layout-m-pb-290 {
    padding-bottom: 290px !important;
  }

  .layout-m-pl-290 {
    padding-left: 290px !important;
  }

  .layout-m-width-580 {
    width: 580px !important;
  }

  .layout-m-m-295 {
    margin: 295px !important;
  }

  .layout-m-mt-295 {
    margin-top: 295px !important;
  }

  .layout-m-mr-295 {
    margin-right: 295px !important;
  }

  .layout-m-mb-295 {
    margin-bottom: 295px !important;
  }

  .layout-m-ml-295 {
    margin-left: 295px !important;
  }

  .layout-m-pt-295 {
    padding-top: 295px !important;
  }

  .layout-m-pr-295 {
    padding-right: 295px !important;
  }

  .layout-m-pb-295 {
    padding-bottom: 295px !important;
  }

  .layout-m-pl-295 {
    padding-left: 295px !important;
  }

  .layout-m-width-590 {
    width: 590px !important;
  }

  .layout-m-m-300 {
    margin: 300px !important;
  }

  .layout-m-mt-300 {
    margin-top: 300px !important;
  }

  .layout-m-mr-300 {
    margin-right: 300px !important;
  }

  .layout-m-mb-300 {
    margin-bottom: 300px !important;
  }

  .layout-m-ml-300 {
    margin-left: 300px !important;
  }

  .layout-m-pt-300 {
    padding-top: 300px !important;
  }

  .layout-m-pr-300 {
    padding-right: 300px !important;
  }

  .layout-m-pb-300 {
    padding-bottom: 300px !important;
  }

  .layout-m-pl-300 {
    padding-left: 300px !important;
  }

  .layout-m-width-600 {
    width: 600px !important;
  }

  .layout-m-ts-0 {
    font-size: 0rem !important;
  }

  .layout-m-ts-1 {
    font-size: 0.1rem !important;
  }

  .layout-m-ts-2 {
    font-size: 0.2rem !important;
  }

  .layout-m-ts-3 {
    font-size: 0.3rem !important;
  }

  .layout-m-ts-4 {
    font-size: 0.4rem !important;
  }

  .layout-m-ts-5 {
    font-size: 0.5rem !important;
  }

  .layout-m-ts-6 {
    font-size: 0.6rem !important;
  }

  .layout-m-ts-7 {
    font-size: 0.7rem !important;
  }

  .layout-m-ts-8 {
    font-size: 0.8rem !important;
  }

  .layout-m-ts-9 {
    font-size: 0.9rem !important;
  }

  .layout-m-ts-10 {
    font-size: 1rem !important;
  }

  .layout-m-ts-11 {
    font-size: 1.1rem !important;
  }

  .layout-m-ts-12 {
    font-size: 1.2rem !important;
  }

  .layout-m-ts-13 {
    font-size: 1.3rem !important;
  }

  .layout-m-ts-14 {
    font-size: 1.4rem !important;
  }

  .layout-m-ts-15 {
    font-size: 1.5rem !important;
  }

  .layout-m-ts-16 {
    font-size: 1.6rem !important;
  }

  .layout-m-ts-17 {
    font-size: 1.7rem !important;
  }

  .layout-m-ts-18 {
    font-size: 1.8rem !important;
  }

  .layout-m-ts-19 {
    font-size: 1.9rem !important;
  }

  .layout-m-ts-20 {
    font-size: 2rem !important;
  }

  .layout-m-ts-21 {
    font-size: 2.1rem !important;
  }

  .layout-m-ts-22 {
    font-size: 2.2rem !important;
  }

  .layout-m-ts-23 {
    font-size: 2.3rem !important;
  }

  .layout-m-ts-24 {
    font-size: 2.4rem !important;
  }

  .layout-m-ts-25 {
    font-size: 2.5rem !important;
  }

  .layout-m-ts-26 {
    font-size: 2.6rem !important;
  }

  .layout-m-ts-27 {
    font-size: 2.7rem !important;
  }

  .layout-m-ts-28 {
    font-size: 2.8rem !important;
  }

  .layout-m-ts-29 {
    font-size: 2.9rem !important;
  }

  .layout-m-ts-30 {
    font-size: 3rem !important;
  }

  .layout-m-ts-31 {
    font-size: 3.1rem !important;
  }

  .layout-m-ts-32 {
    font-size: 3.2rem !important;
  }

  .layout-m-ts-33 {
    font-size: 3.3rem !important;
  }

  .layout-m-ts-34 {
    font-size: 3.4rem !important;
  }

  .layout-m-ts-35 {
    font-size: 3.5rem !important;
  }

  .layout-m-ts-36 {
    font-size: 3.6rem !important;
  }

  .layout-m-ts-37 {
    font-size: 3.7rem !important;
  }

  .layout-m-ts-38 {
    font-size: 3.8rem !important;
  }

  .layout-m-ts-39 {
    font-size: 3.9rem !important;
  }

  .layout-m-ts-40 {
    font-size: 4rem !important;
  }

  .layout-m-ts-41 {
    font-size: 4.1rem !important;
  }

  .layout-m-ts-42 {
    font-size: 4.2rem !important;
  }

  .layout-m-ts-43 {
    font-size: 4.3rem !important;
  }

  .layout-m-ts-44 {
    font-size: 4.4rem !important;
  }

  .layout-m-ts-45 {
    font-size: 4.5rem !important;
  }

  .layout-m-ts-46 {
    font-size: 4.6rem !important;
  }

  .layout-m-ts-47 {
    font-size: 4.7rem !important;
  }

  .layout-m-ts-48 {
    font-size: 4.8rem !important;
  }

  .layout-m-ts-49 {
    font-size: 4.9rem !important;
  }

  .layout-m-ts-50 {
    font-size: 5rem !important;
  }

  .layout-m-ts-51 {
    font-size: 5.1rem !important;
  }

  .layout-m-ts-52 {
    font-size: 5.2rem !important;
  }

  .layout-m-ts-53 {
    font-size: 5.3rem !important;
  }

  .layout-m-ts-54 {
    font-size: 5.4rem !important;
  }

  .layout-m-ts-55 {
    font-size: 5.5rem !important;
  }

  .layout-m-ts-56 {
    font-size: 5.6rem !important;
  }

  .layout-m-ts-57 {
    font-size: 5.7rem !important;
  }

  .layout-m-ts-58 {
    font-size: 5.8rem !important;
  }

  .layout-m-ts-59 {
    font-size: 5.9rem !important;
  }

  .layout-m-ts-60 {
    font-size: 6rem !important;
  }

  .layout-m-ts-61 {
    font-size: 6.1rem !important;
  }

  .layout-m-ts-62 {
    font-size: 6.2rem !important;
  }

  .layout-m-ts-63 {
    font-size: 6.3rem !important;
  }

  .layout-m-ts-64 {
    font-size: 6.4rem !important;
  }

  .layout-m-ts-65 {
    font-size: 6.5rem !important;
  }

  .layout-m-ts-66 {
    font-size: 6.6rem !important;
  }

  .layout-m-ts-67 {
    font-size: 6.7rem !important;
  }

  .layout-m-ts-68 {
    font-size: 6.8rem !important;
  }

  .layout-m-ts-69 {
    font-size: 6.9rem !important;
  }

  .layout-m-ts-70 {
    font-size: 7rem !important;
  }

  .layout-m-ts-71 {
    font-size: 7.1rem !important;
  }

  .layout-m-ts-72 {
    font-size: 7.2rem !important;
  }

  .layout-m-ts-73 {
    font-size: 7.3rem !important;
  }

  .layout-m-ts-74 {
    font-size: 7.4rem !important;
  }

  .layout-m-ts-75 {
    font-size: 7.5rem !important;
  }

  .layout-m-ts-76 {
    font-size: 7.6rem !important;
  }

  .layout-m-ts-77 {
    font-size: 7.7rem !important;
  }

  .layout-m-ts-78 {
    font-size: 7.8rem !important;
  }

  .layout-m-ts-79 {
    font-size: 7.9rem !important;
  }

  .layout-m-ts-80 {
    font-size: 8rem !important;
  }

  .layout-m-ts-81 {
    font-size: 8.1rem !important;
  }

  .layout-m-ts-82 {
    font-size: 8.2rem !important;
  }

  .layout-m-ts-83 {
    font-size: 8.3rem !important;
  }

  .layout-m-ts-84 {
    font-size: 8.4rem !important;
  }

  .layout-m-ts-85 {
    font-size: 8.5rem !important;
  }

  .layout-m-ts-86 {
    font-size: 8.6rem !important;
  }

  .layout-m-ts-87 {
    font-size: 8.7rem !important;
  }

  .layout-m-ts-88 {
    font-size: 8.8rem !important;
  }

  .layout-m-ts-89 {
    font-size: 8.9rem !important;
  }

  .layout-m-ts-90 {
    font-size: 9rem !important;
  }

  .layout-m-ts-91 {
    font-size: 9.1rem !important;
  }

  .layout-m-ts-92 {
    font-size: 9.2rem !important;
  }

  .layout-m-ts-93 {
    font-size: 9.3rem !important;
  }

  .layout-m-ts-94 {
    font-size: 9.4rem !important;
  }

  .layout-m-ts-95 {
    font-size: 9.5rem !important;
  }

  .layout-m-ts-96 {
    font-size: 9.6rem !important;
  }

  .layout-m-ts-97 {
    font-size: 9.7rem !important;
  }

  .layout-m-ts-98 {
    font-size: 9.8rem !important;
  }

  .layout-m-ts-99 {
    font-size: 9.9rem !important;
  }

  .layout-m-ts-100 {
    font-size: 10rem !important;
  }

  .layout-m-ts-101 {
    font-size: 10.1rem !important;
  }

  .layout-m-ts-102 {
    font-size: 10.2rem !important;
  }

  .layout-m-ts-103 {
    font-size: 10.3rem !important;
  }

  .layout-m-ts-104 {
    font-size: 10.4rem !important;
  }

  .layout-m-ts-105 {
    font-size: 10.5rem !important;
  }

  .layout-m-ts-106 {
    font-size: 10.6rem !important;
  }

  .layout-m-ts-107 {
    font-size: 10.7rem !important;
  }

  .layout-m-ts-108 {
    font-size: 10.8rem !important;
  }

  .layout-m-ts-109 {
    font-size: 10.9rem !important;
  }

  .layout-m-ts-110 {
    font-size: 11rem !important;
  }

  .layout-m-ts-111 {
    font-size: 11.1rem !important;
  }

  .layout-m-ts-112 {
    font-size: 11.2rem !important;
  }

  .layout-m-ts-113 {
    font-size: 11.3rem !important;
  }

  .layout-m-ts-114 {
    font-size: 11.4rem !important;
  }

  .layout-m-ts-115 {
    font-size: 11.5rem !important;
  }

  .layout-m-ts-116 {
    font-size: 11.6rem !important;
  }

  .layout-m-ts-117 {
    font-size: 11.7rem !important;
  }

  .layout-m-ts-118 {
    font-size: 11.8rem !important;
  }

  .layout-m-ts-119 {
    font-size: 11.9rem !important;
  }

  .layout-m-ts-120 {
    font-size: 12rem !important;
  }
}
@media screen and (max-width: 767px) {
  .layout-s-m-0 {
    margin: 0px !important;
  }

  .layout-s-mt-0 {
    margin-top: 0px !important;
  }

  .layout-s-mr-0 {
    margin-right: 0px !important;
  }

  .layout-s-mb-0 {
    margin-bottom: 0px !important;
  }

  .layout-s-ml-0 {
    margin-left: 0px !important;
  }

  .layout-s-pt-0 {
    padding-top: 0px !important;
  }

  .layout-s-pr-0 {
    padding-right: 0px !important;
  }

  .layout-s-pb-0 {
    padding-bottom: 0px !important;
  }

  .layout-s-pl-0 {
    padding-left: 0px !important;
  }

  .layout-s-width-0 {
    width: 0px !important;
  }

  .layout-s-m-5 {
    margin: 5px !important;
  }

  .layout-s-mt-5 {
    margin-top: 5px !important;
  }

  .layout-s-mr-5 {
    margin-right: 5px !important;
  }

  .layout-s-mb-5 {
    margin-bottom: 5px !important;
  }

  .layout-s-ml-5 {
    margin-left: 5px !important;
  }

  .layout-s-pt-5 {
    padding-top: 5px !important;
  }

  .layout-s-pr-5 {
    padding-right: 5px !important;
  }

  .layout-s-pb-5 {
    padding-bottom: 5px !important;
  }

  .layout-s-pl-5 {
    padding-left: 5px !important;
  }

  .layout-s-width-10 {
    width: 10px !important;
  }

  .layout-s-m-10 {
    margin: 10px !important;
  }

  .layout-s-mt-10 {
    margin-top: 10px !important;
  }

  .layout-s-mr-10 {
    margin-right: 10px !important;
  }

  .layout-s-mb-10 {
    margin-bottom: 10px !important;
  }

  .layout-s-ml-10 {
    margin-left: 10px !important;
  }

  .layout-s-pt-10 {
    padding-top: 10px !important;
  }

  .layout-s-pr-10 {
    padding-right: 10px !important;
  }

  .layout-s-pb-10 {
    padding-bottom: 10px !important;
  }

  .layout-s-pl-10 {
    padding-left: 10px !important;
  }

  .layout-s-width-20 {
    width: 20px !important;
  }

  .layout-s-m-15 {
    margin: 15px !important;
  }

  .layout-s-mt-15 {
    margin-top: 15px !important;
  }

  .layout-s-mr-15 {
    margin-right: 15px !important;
  }

  .layout-s-mb-15 {
    margin-bottom: 15px !important;
  }

  .layout-s-ml-15 {
    margin-left: 15px !important;
  }

  .layout-s-pt-15 {
    padding-top: 15px !important;
  }

  .layout-s-pr-15 {
    padding-right: 15px !important;
  }

  .layout-s-pb-15 {
    padding-bottom: 15px !important;
  }

  .layout-s-pl-15 {
    padding-left: 15px !important;
  }

  .layout-s-width-30 {
    width: 30px !important;
  }

  .layout-s-m-20 {
    margin: 20px !important;
  }

  .layout-s-mt-20 {
    margin-top: 20px !important;
  }

  .layout-s-mr-20 {
    margin-right: 20px !important;
  }

  .layout-s-mb-20 {
    margin-bottom: 20px !important;
  }

  .layout-s-ml-20 {
    margin-left: 20px !important;
  }

  .layout-s-pt-20 {
    padding-top: 20px !important;
  }

  .layout-s-pr-20 {
    padding-right: 20px !important;
  }

  .layout-s-pb-20 {
    padding-bottom: 20px !important;
  }

  .layout-s-pl-20 {
    padding-left: 20px !important;
  }

  .layout-s-width-40 {
    width: 40px !important;
  }

  .layout-s-m-25 {
    margin: 25px !important;
  }

  .layout-s-mt-25 {
    margin-top: 25px !important;
  }

  .layout-s-mr-25 {
    margin-right: 25px !important;
  }

  .layout-s-mb-25 {
    margin-bottom: 25px !important;
  }

  .layout-s-ml-25 {
    margin-left: 25px !important;
  }

  .layout-s-pt-25 {
    padding-top: 25px !important;
  }

  .layout-s-pr-25 {
    padding-right: 25px !important;
  }

  .layout-s-pb-25 {
    padding-bottom: 25px !important;
  }

  .layout-s-pl-25 {
    padding-left: 25px !important;
  }

  .layout-s-width-50 {
    width: 50px !important;
  }

  .layout-s-m-30 {
    margin: 30px !important;
  }

  .layout-s-mt-30 {
    margin-top: 30px !important;
  }

  .layout-s-mr-30 {
    margin-right: 30px !important;
  }

  .layout-s-mb-30 {
    margin-bottom: 30px !important;
  }

  .layout-s-ml-30 {
    margin-left: 30px !important;
  }

  .layout-s-pt-30 {
    padding-top: 30px !important;
  }

  .layout-s-pr-30 {
    padding-right: 30px !important;
  }

  .layout-s-pb-30 {
    padding-bottom: 30px !important;
  }

  .layout-s-pl-30 {
    padding-left: 30px !important;
  }

  .layout-s-width-60 {
    width: 60px !important;
  }

  .layout-s-m-35 {
    margin: 35px !important;
  }

  .layout-s-mt-35 {
    margin-top: 35px !important;
  }

  .layout-s-mr-35 {
    margin-right: 35px !important;
  }

  .layout-s-mb-35 {
    margin-bottom: 35px !important;
  }

  .layout-s-ml-35 {
    margin-left: 35px !important;
  }

  .layout-s-pt-35 {
    padding-top: 35px !important;
  }

  .layout-s-pr-35 {
    padding-right: 35px !important;
  }

  .layout-s-pb-35 {
    padding-bottom: 35px !important;
  }

  .layout-s-pl-35 {
    padding-left: 35px !important;
  }

  .layout-s-width-70 {
    width: 70px !important;
  }

  .layout-s-m-40 {
    margin: 40px !important;
  }

  .layout-s-mt-40 {
    margin-top: 40px !important;
  }

  .layout-s-mr-40 {
    margin-right: 40px !important;
  }

  .layout-s-mb-40 {
    margin-bottom: 40px !important;
  }

  .layout-s-ml-40 {
    margin-left: 40px !important;
  }

  .layout-s-pt-40 {
    padding-top: 40px !important;
  }

  .layout-s-pr-40 {
    padding-right: 40px !important;
  }

  .layout-s-pb-40 {
    padding-bottom: 40px !important;
  }

  .layout-s-pl-40 {
    padding-left: 40px !important;
  }

  .layout-s-width-80 {
    width: 80px !important;
  }

  .layout-s-m-45 {
    margin: 45px !important;
  }

  .layout-s-mt-45 {
    margin-top: 45px !important;
  }

  .layout-s-mr-45 {
    margin-right: 45px !important;
  }

  .layout-s-mb-45 {
    margin-bottom: 45px !important;
  }

  .layout-s-ml-45 {
    margin-left: 45px !important;
  }

  .layout-s-pt-45 {
    padding-top: 45px !important;
  }

  .layout-s-pr-45 {
    padding-right: 45px !important;
  }

  .layout-s-pb-45 {
    padding-bottom: 45px !important;
  }

  .layout-s-pl-45 {
    padding-left: 45px !important;
  }

  .layout-s-width-90 {
    width: 90px !important;
  }

  .layout-s-m-50 {
    margin: 50px !important;
  }

  .layout-s-mt-50 {
    margin-top: 50px !important;
  }

  .layout-s-mr-50 {
    margin-right: 50px !important;
  }

  .layout-s-mb-50 {
    margin-bottom: 50px !important;
  }

  .layout-s-ml-50 {
    margin-left: 50px !important;
  }

  .layout-s-pt-50 {
    padding-top: 50px !important;
  }

  .layout-s-pr-50 {
    padding-right: 50px !important;
  }

  .layout-s-pb-50 {
    padding-bottom: 50px !important;
  }

  .layout-s-pl-50 {
    padding-left: 50px !important;
  }

  .layout-s-width-100 {
    width: 100px !important;
  }

  .layout-s-m-55 {
    margin: 55px !important;
  }

  .layout-s-mt-55 {
    margin-top: 55px !important;
  }

  .layout-s-mr-55 {
    margin-right: 55px !important;
  }

  .layout-s-mb-55 {
    margin-bottom: 55px !important;
  }

  .layout-s-ml-55 {
    margin-left: 55px !important;
  }

  .layout-s-pt-55 {
    padding-top: 55px !important;
  }

  .layout-s-pr-55 {
    padding-right: 55px !important;
  }

  .layout-s-pb-55 {
    padding-bottom: 55px !important;
  }

  .layout-s-pl-55 {
    padding-left: 55px !important;
  }

  .layout-s-width-110 {
    width: 110px !important;
  }

  .layout-s-m-60 {
    margin: 60px !important;
  }

  .layout-s-mt-60 {
    margin-top: 60px !important;
  }

  .layout-s-mr-60 {
    margin-right: 60px !important;
  }

  .layout-s-mb-60 {
    margin-bottom: 60px !important;
  }

  .layout-s-ml-60 {
    margin-left: 60px !important;
  }

  .layout-s-pt-60 {
    padding-top: 60px !important;
  }

  .layout-s-pr-60 {
    padding-right: 60px !important;
  }

  .layout-s-pb-60 {
    padding-bottom: 60px !important;
  }

  .layout-s-pl-60 {
    padding-left: 60px !important;
  }

  .layout-s-width-120 {
    width: 120px !important;
  }

  .layout-s-m-65 {
    margin: 65px !important;
  }

  .layout-s-mt-65 {
    margin-top: 65px !important;
  }

  .layout-s-mr-65 {
    margin-right: 65px !important;
  }

  .layout-s-mb-65 {
    margin-bottom: 65px !important;
  }

  .layout-s-ml-65 {
    margin-left: 65px !important;
  }

  .layout-s-pt-65 {
    padding-top: 65px !important;
  }

  .layout-s-pr-65 {
    padding-right: 65px !important;
  }

  .layout-s-pb-65 {
    padding-bottom: 65px !important;
  }

  .layout-s-pl-65 {
    padding-left: 65px !important;
  }

  .layout-s-width-130 {
    width: 130px !important;
  }

  .layout-s-m-70 {
    margin: 70px !important;
  }

  .layout-s-mt-70 {
    margin-top: 70px !important;
  }

  .layout-s-mr-70 {
    margin-right: 70px !important;
  }

  .layout-s-mb-70 {
    margin-bottom: 70px !important;
  }

  .layout-s-ml-70 {
    margin-left: 70px !important;
  }

  .layout-s-pt-70 {
    padding-top: 70px !important;
  }

  .layout-s-pr-70 {
    padding-right: 70px !important;
  }

  .layout-s-pb-70 {
    padding-bottom: 70px !important;
  }

  .layout-s-pl-70 {
    padding-left: 70px !important;
  }

  .layout-s-width-140 {
    width: 140px !important;
  }

  .layout-s-m-75 {
    margin: 75px !important;
  }

  .layout-s-mt-75 {
    margin-top: 75px !important;
  }

  .layout-s-mr-75 {
    margin-right: 75px !important;
  }

  .layout-s-mb-75 {
    margin-bottom: 75px !important;
  }

  .layout-s-ml-75 {
    margin-left: 75px !important;
  }

  .layout-s-pt-75 {
    padding-top: 75px !important;
  }

  .layout-s-pr-75 {
    padding-right: 75px !important;
  }

  .layout-s-pb-75 {
    padding-bottom: 75px !important;
  }

  .layout-s-pl-75 {
    padding-left: 75px !important;
  }

  .layout-s-width-150 {
    width: 150px !important;
  }

  .layout-s-m-80 {
    margin: 80px !important;
  }

  .layout-s-mt-80 {
    margin-top: 80px !important;
  }

  .layout-s-mr-80 {
    margin-right: 80px !important;
  }

  .layout-s-mb-80 {
    margin-bottom: 80px !important;
  }

  .layout-s-ml-80 {
    margin-left: 80px !important;
  }

  .layout-s-pt-80 {
    padding-top: 80px !important;
  }

  .layout-s-pr-80 {
    padding-right: 80px !important;
  }

  .layout-s-pb-80 {
    padding-bottom: 80px !important;
  }

  .layout-s-pl-80 {
    padding-left: 80px !important;
  }

  .layout-s-width-160 {
    width: 160px !important;
  }

  .layout-s-m-85 {
    margin: 85px !important;
  }

  .layout-s-mt-85 {
    margin-top: 85px !important;
  }

  .layout-s-mr-85 {
    margin-right: 85px !important;
  }

  .layout-s-mb-85 {
    margin-bottom: 85px !important;
  }

  .layout-s-ml-85 {
    margin-left: 85px !important;
  }

  .layout-s-pt-85 {
    padding-top: 85px !important;
  }

  .layout-s-pr-85 {
    padding-right: 85px !important;
  }

  .layout-s-pb-85 {
    padding-bottom: 85px !important;
  }

  .layout-s-pl-85 {
    padding-left: 85px !important;
  }

  .layout-s-width-170 {
    width: 170px !important;
  }

  .layout-s-m-90 {
    margin: 90px !important;
  }

  .layout-s-mt-90 {
    margin-top: 90px !important;
  }

  .layout-s-mr-90 {
    margin-right: 90px !important;
  }

  .layout-s-mb-90 {
    margin-bottom: 90px !important;
  }

  .layout-s-ml-90 {
    margin-left: 90px !important;
  }

  .layout-s-pt-90 {
    padding-top: 90px !important;
  }

  .layout-s-pr-90 {
    padding-right: 90px !important;
  }

  .layout-s-pb-90 {
    padding-bottom: 90px !important;
  }

  .layout-s-pl-90 {
    padding-left: 90px !important;
  }

  .layout-s-width-180 {
    width: 180px !important;
  }

  .layout-s-m-95 {
    margin: 95px !important;
  }

  .layout-s-mt-95 {
    margin-top: 95px !important;
  }

  .layout-s-mr-95 {
    margin-right: 95px !important;
  }

  .layout-s-mb-95 {
    margin-bottom: 95px !important;
  }

  .layout-s-ml-95 {
    margin-left: 95px !important;
  }

  .layout-s-pt-95 {
    padding-top: 95px !important;
  }

  .layout-s-pr-95 {
    padding-right: 95px !important;
  }

  .layout-s-pb-95 {
    padding-bottom: 95px !important;
  }

  .layout-s-pl-95 {
    padding-left: 95px !important;
  }

  .layout-s-width-190 {
    width: 190px !important;
  }

  .layout-s-m-100 {
    margin: 100px !important;
  }

  .layout-s-mt-100 {
    margin-top: 100px !important;
  }

  .layout-s-mr-100 {
    margin-right: 100px !important;
  }

  .layout-s-mb-100 {
    margin-bottom: 100px !important;
  }

  .layout-s-ml-100 {
    margin-left: 100px !important;
  }

  .layout-s-pt-100 {
    padding-top: 100px !important;
  }

  .layout-s-pr-100 {
    padding-right: 100px !important;
  }

  .layout-s-pb-100 {
    padding-bottom: 100px !important;
  }

  .layout-s-pl-100 {
    padding-left: 100px !important;
  }

  .layout-s-width-200 {
    width: 200px !important;
  }

  .layout-s-m-105 {
    margin: 105px !important;
  }

  .layout-s-mt-105 {
    margin-top: 105px !important;
  }

  .layout-s-mr-105 {
    margin-right: 105px !important;
  }

  .layout-s-mb-105 {
    margin-bottom: 105px !important;
  }

  .layout-s-ml-105 {
    margin-left: 105px !important;
  }

  .layout-s-pt-105 {
    padding-top: 105px !important;
  }

  .layout-s-pr-105 {
    padding-right: 105px !important;
  }

  .layout-s-pb-105 {
    padding-bottom: 105px !important;
  }

  .layout-s-pl-105 {
    padding-left: 105px !important;
  }

  .layout-s-width-210 {
    width: 210px !important;
  }

  .layout-s-m-110 {
    margin: 110px !important;
  }

  .layout-s-mt-110 {
    margin-top: 110px !important;
  }

  .layout-s-mr-110 {
    margin-right: 110px !important;
  }

  .layout-s-mb-110 {
    margin-bottom: 110px !important;
  }

  .layout-s-ml-110 {
    margin-left: 110px !important;
  }

  .layout-s-pt-110 {
    padding-top: 110px !important;
  }

  .layout-s-pr-110 {
    padding-right: 110px !important;
  }

  .layout-s-pb-110 {
    padding-bottom: 110px !important;
  }

  .layout-s-pl-110 {
    padding-left: 110px !important;
  }

  .layout-s-width-220 {
    width: 220px !important;
  }

  .layout-s-m-115 {
    margin: 115px !important;
  }

  .layout-s-mt-115 {
    margin-top: 115px !important;
  }

  .layout-s-mr-115 {
    margin-right: 115px !important;
  }

  .layout-s-mb-115 {
    margin-bottom: 115px !important;
  }

  .layout-s-ml-115 {
    margin-left: 115px !important;
  }

  .layout-s-pt-115 {
    padding-top: 115px !important;
  }

  .layout-s-pr-115 {
    padding-right: 115px !important;
  }

  .layout-s-pb-115 {
    padding-bottom: 115px !important;
  }

  .layout-s-pl-115 {
    padding-left: 115px !important;
  }

  .layout-s-width-230 {
    width: 230px !important;
  }

  .layout-s-m-120 {
    margin: 120px !important;
  }

  .layout-s-mt-120 {
    margin-top: 120px !important;
  }

  .layout-s-mr-120 {
    margin-right: 120px !important;
  }

  .layout-s-mb-120 {
    margin-bottom: 120px !important;
  }

  .layout-s-ml-120 {
    margin-left: 120px !important;
  }

  .layout-s-pt-120 {
    padding-top: 120px !important;
  }

  .layout-s-pr-120 {
    padding-right: 120px !important;
  }

  .layout-s-pb-120 {
    padding-bottom: 120px !important;
  }

  .layout-s-pl-120 {
    padding-left: 120px !important;
  }

  .layout-s-width-240 {
    width: 240px !important;
  }

  .layout-s-m-125 {
    margin: 125px !important;
  }

  .layout-s-mt-125 {
    margin-top: 125px !important;
  }

  .layout-s-mr-125 {
    margin-right: 125px !important;
  }

  .layout-s-mb-125 {
    margin-bottom: 125px !important;
  }

  .layout-s-ml-125 {
    margin-left: 125px !important;
  }

  .layout-s-pt-125 {
    padding-top: 125px !important;
  }

  .layout-s-pr-125 {
    padding-right: 125px !important;
  }

  .layout-s-pb-125 {
    padding-bottom: 125px !important;
  }

  .layout-s-pl-125 {
    padding-left: 125px !important;
  }

  .layout-s-width-250 {
    width: 250px !important;
  }

  .layout-s-m-130 {
    margin: 130px !important;
  }

  .layout-s-mt-130 {
    margin-top: 130px !important;
  }

  .layout-s-mr-130 {
    margin-right: 130px !important;
  }

  .layout-s-mb-130 {
    margin-bottom: 130px !important;
  }

  .layout-s-ml-130 {
    margin-left: 130px !important;
  }

  .layout-s-pt-130 {
    padding-top: 130px !important;
  }

  .layout-s-pr-130 {
    padding-right: 130px !important;
  }

  .layout-s-pb-130 {
    padding-bottom: 130px !important;
  }

  .layout-s-pl-130 {
    padding-left: 130px !important;
  }

  .layout-s-width-260 {
    width: 260px !important;
  }

  .layout-s-m-135 {
    margin: 135px !important;
  }

  .layout-s-mt-135 {
    margin-top: 135px !important;
  }

  .layout-s-mr-135 {
    margin-right: 135px !important;
  }

  .layout-s-mb-135 {
    margin-bottom: 135px !important;
  }

  .layout-s-ml-135 {
    margin-left: 135px !important;
  }

  .layout-s-pt-135 {
    padding-top: 135px !important;
  }

  .layout-s-pr-135 {
    padding-right: 135px !important;
  }

  .layout-s-pb-135 {
    padding-bottom: 135px !important;
  }

  .layout-s-pl-135 {
    padding-left: 135px !important;
  }

  .layout-s-width-270 {
    width: 270px !important;
  }

  .layout-s-m-140 {
    margin: 140px !important;
  }

  .layout-s-mt-140 {
    margin-top: 140px !important;
  }

  .layout-s-mr-140 {
    margin-right: 140px !important;
  }

  .layout-s-mb-140 {
    margin-bottom: 140px !important;
  }

  .layout-s-ml-140 {
    margin-left: 140px !important;
  }

  .layout-s-pt-140 {
    padding-top: 140px !important;
  }

  .layout-s-pr-140 {
    padding-right: 140px !important;
  }

  .layout-s-pb-140 {
    padding-bottom: 140px !important;
  }

  .layout-s-pl-140 {
    padding-left: 140px !important;
  }

  .layout-s-width-280 {
    width: 280px !important;
  }

  .layout-s-m-145 {
    margin: 145px !important;
  }

  .layout-s-mt-145 {
    margin-top: 145px !important;
  }

  .layout-s-mr-145 {
    margin-right: 145px !important;
  }

  .layout-s-mb-145 {
    margin-bottom: 145px !important;
  }

  .layout-s-ml-145 {
    margin-left: 145px !important;
  }

  .layout-s-pt-145 {
    padding-top: 145px !important;
  }

  .layout-s-pr-145 {
    padding-right: 145px !important;
  }

  .layout-s-pb-145 {
    padding-bottom: 145px !important;
  }

  .layout-s-pl-145 {
    padding-left: 145px !important;
  }

  .layout-s-width-290 {
    width: 290px !important;
  }

  .layout-s-m-150 {
    margin: 150px !important;
  }

  .layout-s-mt-150 {
    margin-top: 150px !important;
  }

  .layout-s-mr-150 {
    margin-right: 150px !important;
  }

  .layout-s-mb-150 {
    margin-bottom: 150px !important;
  }

  .layout-s-ml-150 {
    margin-left: 150px !important;
  }

  .layout-s-pt-150 {
    padding-top: 150px !important;
  }

  .layout-s-pr-150 {
    padding-right: 150px !important;
  }

  .layout-s-pb-150 {
    padding-bottom: 150px !important;
  }

  .layout-s-pl-150 {
    padding-left: 150px !important;
  }

  .layout-s-width-300 {
    width: 300px !important;
  }

  .layout-s-m-155 {
    margin: 155px !important;
  }

  .layout-s-mt-155 {
    margin-top: 155px !important;
  }

  .layout-s-mr-155 {
    margin-right: 155px !important;
  }

  .layout-s-mb-155 {
    margin-bottom: 155px !important;
  }

  .layout-s-ml-155 {
    margin-left: 155px !important;
  }

  .layout-s-pt-155 {
    padding-top: 155px !important;
  }

  .layout-s-pr-155 {
    padding-right: 155px !important;
  }

  .layout-s-pb-155 {
    padding-bottom: 155px !important;
  }

  .layout-s-pl-155 {
    padding-left: 155px !important;
  }

  .layout-s-width-310 {
    width: 310px !important;
  }

  .layout-s-m-160 {
    margin: 160px !important;
  }

  .layout-s-mt-160 {
    margin-top: 160px !important;
  }

  .layout-s-mr-160 {
    margin-right: 160px !important;
  }

  .layout-s-mb-160 {
    margin-bottom: 160px !important;
  }

  .layout-s-ml-160 {
    margin-left: 160px !important;
  }

  .layout-s-pt-160 {
    padding-top: 160px !important;
  }

  .layout-s-pr-160 {
    padding-right: 160px !important;
  }

  .layout-s-pb-160 {
    padding-bottom: 160px !important;
  }

  .layout-s-pl-160 {
    padding-left: 160px !important;
  }

  .layout-s-width-320 {
    width: 320px !important;
  }

  .layout-s-m-165 {
    margin: 165px !important;
  }

  .layout-s-mt-165 {
    margin-top: 165px !important;
  }

  .layout-s-mr-165 {
    margin-right: 165px !important;
  }

  .layout-s-mb-165 {
    margin-bottom: 165px !important;
  }

  .layout-s-ml-165 {
    margin-left: 165px !important;
  }

  .layout-s-pt-165 {
    padding-top: 165px !important;
  }

  .layout-s-pr-165 {
    padding-right: 165px !important;
  }

  .layout-s-pb-165 {
    padding-bottom: 165px !important;
  }

  .layout-s-pl-165 {
    padding-left: 165px !important;
  }

  .layout-s-width-330 {
    width: 330px !important;
  }

  .layout-s-m-170 {
    margin: 170px !important;
  }

  .layout-s-mt-170 {
    margin-top: 170px !important;
  }

  .layout-s-mr-170 {
    margin-right: 170px !important;
  }

  .layout-s-mb-170 {
    margin-bottom: 170px !important;
  }

  .layout-s-ml-170 {
    margin-left: 170px !important;
  }

  .layout-s-pt-170 {
    padding-top: 170px !important;
  }

  .layout-s-pr-170 {
    padding-right: 170px !important;
  }

  .layout-s-pb-170 {
    padding-bottom: 170px !important;
  }

  .layout-s-pl-170 {
    padding-left: 170px !important;
  }

  .layout-s-width-340 {
    width: 340px !important;
  }

  .layout-s-m-175 {
    margin: 175px !important;
  }

  .layout-s-mt-175 {
    margin-top: 175px !important;
  }

  .layout-s-mr-175 {
    margin-right: 175px !important;
  }

  .layout-s-mb-175 {
    margin-bottom: 175px !important;
  }

  .layout-s-ml-175 {
    margin-left: 175px !important;
  }

  .layout-s-pt-175 {
    padding-top: 175px !important;
  }

  .layout-s-pr-175 {
    padding-right: 175px !important;
  }

  .layout-s-pb-175 {
    padding-bottom: 175px !important;
  }

  .layout-s-pl-175 {
    padding-left: 175px !important;
  }

  .layout-s-width-350 {
    width: 350px !important;
  }

  .layout-s-m-180 {
    margin: 180px !important;
  }

  .layout-s-mt-180 {
    margin-top: 180px !important;
  }

  .layout-s-mr-180 {
    margin-right: 180px !important;
  }

  .layout-s-mb-180 {
    margin-bottom: 180px !important;
  }

  .layout-s-ml-180 {
    margin-left: 180px !important;
  }

  .layout-s-pt-180 {
    padding-top: 180px !important;
  }

  .layout-s-pr-180 {
    padding-right: 180px !important;
  }

  .layout-s-pb-180 {
    padding-bottom: 180px !important;
  }

  .layout-s-pl-180 {
    padding-left: 180px !important;
  }

  .layout-s-width-360 {
    width: 360px !important;
  }

  .layout-s-m-185 {
    margin: 185px !important;
  }

  .layout-s-mt-185 {
    margin-top: 185px !important;
  }

  .layout-s-mr-185 {
    margin-right: 185px !important;
  }

  .layout-s-mb-185 {
    margin-bottom: 185px !important;
  }

  .layout-s-ml-185 {
    margin-left: 185px !important;
  }

  .layout-s-pt-185 {
    padding-top: 185px !important;
  }

  .layout-s-pr-185 {
    padding-right: 185px !important;
  }

  .layout-s-pb-185 {
    padding-bottom: 185px !important;
  }

  .layout-s-pl-185 {
    padding-left: 185px !important;
  }

  .layout-s-width-370 {
    width: 370px !important;
  }

  .layout-s-m-190 {
    margin: 190px !important;
  }

  .layout-s-mt-190 {
    margin-top: 190px !important;
  }

  .layout-s-mr-190 {
    margin-right: 190px !important;
  }

  .layout-s-mb-190 {
    margin-bottom: 190px !important;
  }

  .layout-s-ml-190 {
    margin-left: 190px !important;
  }

  .layout-s-pt-190 {
    padding-top: 190px !important;
  }

  .layout-s-pr-190 {
    padding-right: 190px !important;
  }

  .layout-s-pb-190 {
    padding-bottom: 190px !important;
  }

  .layout-s-pl-190 {
    padding-left: 190px !important;
  }

  .layout-s-width-380 {
    width: 380px !important;
  }

  .layout-s-m-195 {
    margin: 195px !important;
  }

  .layout-s-mt-195 {
    margin-top: 195px !important;
  }

  .layout-s-mr-195 {
    margin-right: 195px !important;
  }

  .layout-s-mb-195 {
    margin-bottom: 195px !important;
  }

  .layout-s-ml-195 {
    margin-left: 195px !important;
  }

  .layout-s-pt-195 {
    padding-top: 195px !important;
  }

  .layout-s-pr-195 {
    padding-right: 195px !important;
  }

  .layout-s-pb-195 {
    padding-bottom: 195px !important;
  }

  .layout-s-pl-195 {
    padding-left: 195px !important;
  }

  .layout-s-width-390 {
    width: 390px !important;
  }

  .layout-s-m-200 {
    margin: 200px !important;
  }

  .layout-s-mt-200 {
    margin-top: 200px !important;
  }

  .layout-s-mr-200 {
    margin-right: 200px !important;
  }

  .layout-s-mb-200 {
    margin-bottom: 200px !important;
  }

  .layout-s-ml-200 {
    margin-left: 200px !important;
  }

  .layout-s-pt-200 {
    padding-top: 200px !important;
  }

  .layout-s-pr-200 {
    padding-right: 200px !important;
  }

  .layout-s-pb-200 {
    padding-bottom: 200px !important;
  }

  .layout-s-pl-200 {
    padding-left: 200px !important;
  }

  .layout-s-width-400 {
    width: 400px !important;
  }

  .layout-s-m-205 {
    margin: 205px !important;
  }

  .layout-s-mt-205 {
    margin-top: 205px !important;
  }

  .layout-s-mr-205 {
    margin-right: 205px !important;
  }

  .layout-s-mb-205 {
    margin-bottom: 205px !important;
  }

  .layout-s-ml-205 {
    margin-left: 205px !important;
  }

  .layout-s-pt-205 {
    padding-top: 205px !important;
  }

  .layout-s-pr-205 {
    padding-right: 205px !important;
  }

  .layout-s-pb-205 {
    padding-bottom: 205px !important;
  }

  .layout-s-pl-205 {
    padding-left: 205px !important;
  }

  .layout-s-width-410 {
    width: 410px !important;
  }

  .layout-s-m-210 {
    margin: 210px !important;
  }

  .layout-s-mt-210 {
    margin-top: 210px !important;
  }

  .layout-s-mr-210 {
    margin-right: 210px !important;
  }

  .layout-s-mb-210 {
    margin-bottom: 210px !important;
  }

  .layout-s-ml-210 {
    margin-left: 210px !important;
  }

  .layout-s-pt-210 {
    padding-top: 210px !important;
  }

  .layout-s-pr-210 {
    padding-right: 210px !important;
  }

  .layout-s-pb-210 {
    padding-bottom: 210px !important;
  }

  .layout-s-pl-210 {
    padding-left: 210px !important;
  }

  .layout-s-width-420 {
    width: 420px !important;
  }

  .layout-s-m-215 {
    margin: 215px !important;
  }

  .layout-s-mt-215 {
    margin-top: 215px !important;
  }

  .layout-s-mr-215 {
    margin-right: 215px !important;
  }

  .layout-s-mb-215 {
    margin-bottom: 215px !important;
  }

  .layout-s-ml-215 {
    margin-left: 215px !important;
  }

  .layout-s-pt-215 {
    padding-top: 215px !important;
  }

  .layout-s-pr-215 {
    padding-right: 215px !important;
  }

  .layout-s-pb-215 {
    padding-bottom: 215px !important;
  }

  .layout-s-pl-215 {
    padding-left: 215px !important;
  }

  .layout-s-width-430 {
    width: 430px !important;
  }

  .layout-s-m-220 {
    margin: 220px !important;
  }

  .layout-s-mt-220 {
    margin-top: 220px !important;
  }

  .layout-s-mr-220 {
    margin-right: 220px !important;
  }

  .layout-s-mb-220 {
    margin-bottom: 220px !important;
  }

  .layout-s-ml-220 {
    margin-left: 220px !important;
  }

  .layout-s-pt-220 {
    padding-top: 220px !important;
  }

  .layout-s-pr-220 {
    padding-right: 220px !important;
  }

  .layout-s-pb-220 {
    padding-bottom: 220px !important;
  }

  .layout-s-pl-220 {
    padding-left: 220px !important;
  }

  .layout-s-width-440 {
    width: 440px !important;
  }

  .layout-s-m-225 {
    margin: 225px !important;
  }

  .layout-s-mt-225 {
    margin-top: 225px !important;
  }

  .layout-s-mr-225 {
    margin-right: 225px !important;
  }

  .layout-s-mb-225 {
    margin-bottom: 225px !important;
  }

  .layout-s-ml-225 {
    margin-left: 225px !important;
  }

  .layout-s-pt-225 {
    padding-top: 225px !important;
  }

  .layout-s-pr-225 {
    padding-right: 225px !important;
  }

  .layout-s-pb-225 {
    padding-bottom: 225px !important;
  }

  .layout-s-pl-225 {
    padding-left: 225px !important;
  }

  .layout-s-width-450 {
    width: 450px !important;
  }

  .layout-s-m-230 {
    margin: 230px !important;
  }

  .layout-s-mt-230 {
    margin-top: 230px !important;
  }

  .layout-s-mr-230 {
    margin-right: 230px !important;
  }

  .layout-s-mb-230 {
    margin-bottom: 230px !important;
  }

  .layout-s-ml-230 {
    margin-left: 230px !important;
  }

  .layout-s-pt-230 {
    padding-top: 230px !important;
  }

  .layout-s-pr-230 {
    padding-right: 230px !important;
  }

  .layout-s-pb-230 {
    padding-bottom: 230px !important;
  }

  .layout-s-pl-230 {
    padding-left: 230px !important;
  }

  .layout-s-width-460 {
    width: 460px !important;
  }

  .layout-s-m-235 {
    margin: 235px !important;
  }

  .layout-s-mt-235 {
    margin-top: 235px !important;
  }

  .layout-s-mr-235 {
    margin-right: 235px !important;
  }

  .layout-s-mb-235 {
    margin-bottom: 235px !important;
  }

  .layout-s-ml-235 {
    margin-left: 235px !important;
  }

  .layout-s-pt-235 {
    padding-top: 235px !important;
  }

  .layout-s-pr-235 {
    padding-right: 235px !important;
  }

  .layout-s-pb-235 {
    padding-bottom: 235px !important;
  }

  .layout-s-pl-235 {
    padding-left: 235px !important;
  }

  .layout-s-width-470 {
    width: 470px !important;
  }

  .layout-s-m-240 {
    margin: 240px !important;
  }

  .layout-s-mt-240 {
    margin-top: 240px !important;
  }

  .layout-s-mr-240 {
    margin-right: 240px !important;
  }

  .layout-s-mb-240 {
    margin-bottom: 240px !important;
  }

  .layout-s-ml-240 {
    margin-left: 240px !important;
  }

  .layout-s-pt-240 {
    padding-top: 240px !important;
  }

  .layout-s-pr-240 {
    padding-right: 240px !important;
  }

  .layout-s-pb-240 {
    padding-bottom: 240px !important;
  }

  .layout-s-pl-240 {
    padding-left: 240px !important;
  }

  .layout-s-width-480 {
    width: 480px !important;
  }

  .layout-s-m-245 {
    margin: 245px !important;
  }

  .layout-s-mt-245 {
    margin-top: 245px !important;
  }

  .layout-s-mr-245 {
    margin-right: 245px !important;
  }

  .layout-s-mb-245 {
    margin-bottom: 245px !important;
  }

  .layout-s-ml-245 {
    margin-left: 245px !important;
  }

  .layout-s-pt-245 {
    padding-top: 245px !important;
  }

  .layout-s-pr-245 {
    padding-right: 245px !important;
  }

  .layout-s-pb-245 {
    padding-bottom: 245px !important;
  }

  .layout-s-pl-245 {
    padding-left: 245px !important;
  }

  .layout-s-width-490 {
    width: 490px !important;
  }

  .layout-s-m-250 {
    margin: 250px !important;
  }

  .layout-s-mt-250 {
    margin-top: 250px !important;
  }

  .layout-s-mr-250 {
    margin-right: 250px !important;
  }

  .layout-s-mb-250 {
    margin-bottom: 250px !important;
  }

  .layout-s-ml-250 {
    margin-left: 250px !important;
  }

  .layout-s-pt-250 {
    padding-top: 250px !important;
  }

  .layout-s-pr-250 {
    padding-right: 250px !important;
  }

  .layout-s-pb-250 {
    padding-bottom: 250px !important;
  }

  .layout-s-pl-250 {
    padding-left: 250px !important;
  }

  .layout-s-width-500 {
    width: 500px !important;
  }

  .layout-s-m-255 {
    margin: 255px !important;
  }

  .layout-s-mt-255 {
    margin-top: 255px !important;
  }

  .layout-s-mr-255 {
    margin-right: 255px !important;
  }

  .layout-s-mb-255 {
    margin-bottom: 255px !important;
  }

  .layout-s-ml-255 {
    margin-left: 255px !important;
  }

  .layout-s-pt-255 {
    padding-top: 255px !important;
  }

  .layout-s-pr-255 {
    padding-right: 255px !important;
  }

  .layout-s-pb-255 {
    padding-bottom: 255px !important;
  }

  .layout-s-pl-255 {
    padding-left: 255px !important;
  }

  .layout-s-width-510 {
    width: 510px !important;
  }

  .layout-s-m-260 {
    margin: 260px !important;
  }

  .layout-s-mt-260 {
    margin-top: 260px !important;
  }

  .layout-s-mr-260 {
    margin-right: 260px !important;
  }

  .layout-s-mb-260 {
    margin-bottom: 260px !important;
  }

  .layout-s-ml-260 {
    margin-left: 260px !important;
  }

  .layout-s-pt-260 {
    padding-top: 260px !important;
  }

  .layout-s-pr-260 {
    padding-right: 260px !important;
  }

  .layout-s-pb-260 {
    padding-bottom: 260px !important;
  }

  .layout-s-pl-260 {
    padding-left: 260px !important;
  }

  .layout-s-width-520 {
    width: 520px !important;
  }

  .layout-s-m-265 {
    margin: 265px !important;
  }

  .layout-s-mt-265 {
    margin-top: 265px !important;
  }

  .layout-s-mr-265 {
    margin-right: 265px !important;
  }

  .layout-s-mb-265 {
    margin-bottom: 265px !important;
  }

  .layout-s-ml-265 {
    margin-left: 265px !important;
  }

  .layout-s-pt-265 {
    padding-top: 265px !important;
  }

  .layout-s-pr-265 {
    padding-right: 265px !important;
  }

  .layout-s-pb-265 {
    padding-bottom: 265px !important;
  }

  .layout-s-pl-265 {
    padding-left: 265px !important;
  }

  .layout-s-width-530 {
    width: 530px !important;
  }

  .layout-s-m-270 {
    margin: 270px !important;
  }

  .layout-s-mt-270 {
    margin-top: 270px !important;
  }

  .layout-s-mr-270 {
    margin-right: 270px !important;
  }

  .layout-s-mb-270 {
    margin-bottom: 270px !important;
  }

  .layout-s-ml-270 {
    margin-left: 270px !important;
  }

  .layout-s-pt-270 {
    padding-top: 270px !important;
  }

  .layout-s-pr-270 {
    padding-right: 270px !important;
  }

  .layout-s-pb-270 {
    padding-bottom: 270px !important;
  }

  .layout-s-pl-270 {
    padding-left: 270px !important;
  }

  .layout-s-width-540 {
    width: 540px !important;
  }

  .layout-s-m-275 {
    margin: 275px !important;
  }

  .layout-s-mt-275 {
    margin-top: 275px !important;
  }

  .layout-s-mr-275 {
    margin-right: 275px !important;
  }

  .layout-s-mb-275 {
    margin-bottom: 275px !important;
  }

  .layout-s-ml-275 {
    margin-left: 275px !important;
  }

  .layout-s-pt-275 {
    padding-top: 275px !important;
  }

  .layout-s-pr-275 {
    padding-right: 275px !important;
  }

  .layout-s-pb-275 {
    padding-bottom: 275px !important;
  }

  .layout-s-pl-275 {
    padding-left: 275px !important;
  }

  .layout-s-width-550 {
    width: 550px !important;
  }

  .layout-s-m-280 {
    margin: 280px !important;
  }

  .layout-s-mt-280 {
    margin-top: 280px !important;
  }

  .layout-s-mr-280 {
    margin-right: 280px !important;
  }

  .layout-s-mb-280 {
    margin-bottom: 280px !important;
  }

  .layout-s-ml-280 {
    margin-left: 280px !important;
  }

  .layout-s-pt-280 {
    padding-top: 280px !important;
  }

  .layout-s-pr-280 {
    padding-right: 280px !important;
  }

  .layout-s-pb-280 {
    padding-bottom: 280px !important;
  }

  .layout-s-pl-280 {
    padding-left: 280px !important;
  }

  .layout-s-width-560 {
    width: 560px !important;
  }

  .layout-s-m-285 {
    margin: 285px !important;
  }

  .layout-s-mt-285 {
    margin-top: 285px !important;
  }

  .layout-s-mr-285 {
    margin-right: 285px !important;
  }

  .layout-s-mb-285 {
    margin-bottom: 285px !important;
  }

  .layout-s-ml-285 {
    margin-left: 285px !important;
  }

  .layout-s-pt-285 {
    padding-top: 285px !important;
  }

  .layout-s-pr-285 {
    padding-right: 285px !important;
  }

  .layout-s-pb-285 {
    padding-bottom: 285px !important;
  }

  .layout-s-pl-285 {
    padding-left: 285px !important;
  }

  .layout-s-width-570 {
    width: 570px !important;
  }

  .layout-s-m-290 {
    margin: 290px !important;
  }

  .layout-s-mt-290 {
    margin-top: 290px !important;
  }

  .layout-s-mr-290 {
    margin-right: 290px !important;
  }

  .layout-s-mb-290 {
    margin-bottom: 290px !important;
  }

  .layout-s-ml-290 {
    margin-left: 290px !important;
  }

  .layout-s-pt-290 {
    padding-top: 290px !important;
  }

  .layout-s-pr-290 {
    padding-right: 290px !important;
  }

  .layout-s-pb-290 {
    padding-bottom: 290px !important;
  }

  .layout-s-pl-290 {
    padding-left: 290px !important;
  }

  .layout-s-width-580 {
    width: 580px !important;
  }

  .layout-s-m-295 {
    margin: 295px !important;
  }

  .layout-s-mt-295 {
    margin-top: 295px !important;
  }

  .layout-s-mr-295 {
    margin-right: 295px !important;
  }

  .layout-s-mb-295 {
    margin-bottom: 295px !important;
  }

  .layout-s-ml-295 {
    margin-left: 295px !important;
  }

  .layout-s-pt-295 {
    padding-top: 295px !important;
  }

  .layout-s-pr-295 {
    padding-right: 295px !important;
  }

  .layout-s-pb-295 {
    padding-bottom: 295px !important;
  }

  .layout-s-pl-295 {
    padding-left: 295px !important;
  }

  .layout-s-width-590 {
    width: 590px !important;
  }

  .layout-s-m-300 {
    margin: 300px !important;
  }

  .layout-s-mt-300 {
    margin-top: 300px !important;
  }

  .layout-s-mr-300 {
    margin-right: 300px !important;
  }

  .layout-s-mb-300 {
    margin-bottom: 300px !important;
  }

  .layout-s-ml-300 {
    margin-left: 300px !important;
  }

  .layout-s-pt-300 {
    padding-top: 300px !important;
  }

  .layout-s-pr-300 {
    padding-right: 300px !important;
  }

  .layout-s-pb-300 {
    padding-bottom: 300px !important;
  }

  .layout-s-pl-300 {
    padding-left: 300px !important;
  }

  .layout-s-width-600 {
    width: 600px !important;
  }

  .layout-s-ts-0 {
    font-size: 0rem !important;
  }

  .layout-s-ts-1 {
    font-size: 0.1rem !important;
  }

  .layout-s-ts-2 {
    font-size: 0.2rem !important;
  }

  .layout-s-ts-3 {
    font-size: 0.3rem !important;
  }

  .layout-s-ts-4 {
    font-size: 0.4rem !important;
  }

  .layout-s-ts-5 {
    font-size: 0.5rem !important;
  }

  .layout-s-ts-6 {
    font-size: 0.6rem !important;
  }

  .layout-s-ts-7 {
    font-size: 0.7rem !important;
  }

  .layout-s-ts-8 {
    font-size: 0.8rem !important;
  }

  .layout-s-ts-9 {
    font-size: 0.9rem !important;
  }

  .layout-s-ts-10 {
    font-size: 1rem !important;
  }

  .layout-s-ts-11 {
    font-size: 1.1rem !important;
  }

  .layout-s-ts-12 {
    font-size: 1.2rem !important;
  }

  .layout-s-ts-13 {
    font-size: 1.3rem !important;
  }

  .layout-s-ts-14 {
    font-size: 1.4rem !important;
  }

  .layout-s-ts-15 {
    font-size: 1.5rem !important;
  }

  .layout-s-ts-16 {
    font-size: 1.6rem !important;
  }

  .layout-s-ts-17 {
    font-size: 1.7rem !important;
  }

  .layout-s-ts-18 {
    font-size: 1.8rem !important;
  }

  .layout-s-ts-19 {
    font-size: 1.9rem !important;
  }

  .layout-s-ts-20 {
    font-size: 2rem !important;
  }

  .layout-s-ts-21 {
    font-size: 2.1rem !important;
  }

  .layout-s-ts-22 {
    font-size: 2.2rem !important;
  }

  .layout-s-ts-23 {
    font-size: 2.3rem !important;
  }

  .layout-s-ts-24 {
    font-size: 2.4rem !important;
  }

  .layout-s-ts-25 {
    font-size: 2.5rem !important;
  }

  .layout-s-ts-26 {
    font-size: 2.6rem !important;
  }

  .layout-s-ts-27 {
    font-size: 2.7rem !important;
  }

  .layout-s-ts-28 {
    font-size: 2.8rem !important;
  }

  .layout-s-ts-29 {
    font-size: 2.9rem !important;
  }

  .layout-s-ts-30 {
    font-size: 3rem !important;
  }

  .layout-s-ts-31 {
    font-size: 3.1rem !important;
  }

  .layout-s-ts-32 {
    font-size: 3.2rem !important;
  }

  .layout-s-ts-33 {
    font-size: 3.3rem !important;
  }

  .layout-s-ts-34 {
    font-size: 3.4rem !important;
  }

  .layout-s-ts-35 {
    font-size: 3.5rem !important;
  }

  .layout-s-ts-36 {
    font-size: 3.6rem !important;
  }

  .layout-s-ts-37 {
    font-size: 3.7rem !important;
  }

  .layout-s-ts-38 {
    font-size: 3.8rem !important;
  }

  .layout-s-ts-39 {
    font-size: 3.9rem !important;
  }

  .layout-s-ts-40 {
    font-size: 4rem !important;
  }

  .layout-s-ts-41 {
    font-size: 4.1rem !important;
  }

  .layout-s-ts-42 {
    font-size: 4.2rem !important;
  }

  .layout-s-ts-43 {
    font-size: 4.3rem !important;
  }

  .layout-s-ts-44 {
    font-size: 4.4rem !important;
  }

  .layout-s-ts-45 {
    font-size: 4.5rem !important;
  }

  .layout-s-ts-46 {
    font-size: 4.6rem !important;
  }

  .layout-s-ts-47 {
    font-size: 4.7rem !important;
  }

  .layout-s-ts-48 {
    font-size: 4.8rem !important;
  }

  .layout-s-ts-49 {
    font-size: 4.9rem !important;
  }

  .layout-s-ts-50 {
    font-size: 5rem !important;
  }

  .layout-s-ts-51 {
    font-size: 5.1rem !important;
  }

  .layout-s-ts-52 {
    font-size: 5.2rem !important;
  }

  .layout-s-ts-53 {
    font-size: 5.3rem !important;
  }

  .layout-s-ts-54 {
    font-size: 5.4rem !important;
  }

  .layout-s-ts-55 {
    font-size: 5.5rem !important;
  }

  .layout-s-ts-56 {
    font-size: 5.6rem !important;
  }

  .layout-s-ts-57 {
    font-size: 5.7rem !important;
  }

  .layout-s-ts-58 {
    font-size: 5.8rem !important;
  }

  .layout-s-ts-59 {
    font-size: 5.9rem !important;
  }

  .layout-s-ts-60 {
    font-size: 6rem !important;
  }

  .layout-s-ts-61 {
    font-size: 6.1rem !important;
  }

  .layout-s-ts-62 {
    font-size: 6.2rem !important;
  }

  .layout-s-ts-63 {
    font-size: 6.3rem !important;
  }

  .layout-s-ts-64 {
    font-size: 6.4rem !important;
  }

  .layout-s-ts-65 {
    font-size: 6.5rem !important;
  }

  .layout-s-ts-66 {
    font-size: 6.6rem !important;
  }

  .layout-s-ts-67 {
    font-size: 6.7rem !important;
  }

  .layout-s-ts-68 {
    font-size: 6.8rem !important;
  }

  .layout-s-ts-69 {
    font-size: 6.9rem !important;
  }

  .layout-s-ts-70 {
    font-size: 7rem !important;
  }

  .layout-s-ts-71 {
    font-size: 7.1rem !important;
  }

  .layout-s-ts-72 {
    font-size: 7.2rem !important;
  }

  .layout-s-ts-73 {
    font-size: 7.3rem !important;
  }

  .layout-s-ts-74 {
    font-size: 7.4rem !important;
  }

  .layout-s-ts-75 {
    font-size: 7.5rem !important;
  }

  .layout-s-ts-76 {
    font-size: 7.6rem !important;
  }

  .layout-s-ts-77 {
    font-size: 7.7rem !important;
  }

  .layout-s-ts-78 {
    font-size: 7.8rem !important;
  }

  .layout-s-ts-79 {
    font-size: 7.9rem !important;
  }

  .layout-s-ts-80 {
    font-size: 8rem !important;
  }

  .layout-s-ts-81 {
    font-size: 8.1rem !important;
  }

  .layout-s-ts-82 {
    font-size: 8.2rem !important;
  }

  .layout-s-ts-83 {
    font-size: 8.3rem !important;
  }

  .layout-s-ts-84 {
    font-size: 8.4rem !important;
  }

  .layout-s-ts-85 {
    font-size: 8.5rem !important;
  }

  .layout-s-ts-86 {
    font-size: 8.6rem !important;
  }

  .layout-s-ts-87 {
    font-size: 8.7rem !important;
  }

  .layout-s-ts-88 {
    font-size: 8.8rem !important;
  }

  .layout-s-ts-89 {
    font-size: 8.9rem !important;
  }

  .layout-s-ts-90 {
    font-size: 9rem !important;
  }

  .layout-s-ts-91 {
    font-size: 9.1rem !important;
  }

  .layout-s-ts-92 {
    font-size: 9.2rem !important;
  }

  .layout-s-ts-93 {
    font-size: 9.3rem !important;
  }

  .layout-s-ts-94 {
    font-size: 9.4rem !important;
  }

  .layout-s-ts-95 {
    font-size: 9.5rem !important;
  }

  .layout-s-ts-96 {
    font-size: 9.6rem !important;
  }

  .layout-s-ts-97 {
    font-size: 9.7rem !important;
  }

  .layout-s-ts-98 {
    font-size: 9.8rem !important;
  }

  .layout-s-ts-99 {
    font-size: 9.9rem !important;
  }

  .layout-s-ts-100 {
    font-size: 10rem !important;
  }

  .layout-s-ts-101 {
    font-size: 10.1rem !important;
  }

  .layout-s-ts-102 {
    font-size: 10.2rem !important;
  }

  .layout-s-ts-103 {
    font-size: 10.3rem !important;
  }

  .layout-s-ts-104 {
    font-size: 10.4rem !important;
  }

  .layout-s-ts-105 {
    font-size: 10.5rem !important;
  }

  .layout-s-ts-106 {
    font-size: 10.6rem !important;
  }

  .layout-s-ts-107 {
    font-size: 10.7rem !important;
  }

  .layout-s-ts-108 {
    font-size: 10.8rem !important;
  }

  .layout-s-ts-109 {
    font-size: 10.9rem !important;
  }

  .layout-s-ts-110 {
    font-size: 11rem !important;
  }

  .layout-s-ts-111 {
    font-size: 11.1rem !important;
  }

  .layout-s-ts-112 {
    font-size: 11.2rem !important;
  }

  .layout-s-ts-113 {
    font-size: 11.3rem !important;
  }

  .layout-s-ts-114 {
    font-size: 11.4rem !important;
  }

  .layout-s-ts-115 {
    font-size: 11.5rem !important;
  }

  .layout-s-ts-116 {
    font-size: 11.6rem !important;
  }

  .layout-s-ts-117 {
    font-size: 11.7rem !important;
  }

  .layout-s-ts-118 {
    font-size: 11.8rem !important;
  }

  .layout-s-ts-119 {
    font-size: 11.9rem !important;
  }

  .layout-s-ts-120 {
    font-size: 12rem !important;
  }
}
.layout-m-2 {
  margin: 2px !important;
}

.layout-m-3 {
  margin: 2px !important;
}

.layout-width-100per {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .layout-width-580,
  .layout-width-600 {
    width: 100% !important;
  }
}

img.fit-size {
  width: 100%;
}

.hide {
  display: none !important;
}

.clip {
  position: absolute;
  top: 0px;
  left: 0px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
}

.sp-only {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .sp-only {
    display: initial !important;
  }
}

@media screen and (max-width: 767px) {
  .sp-hide {
    display: none;
  }
}

.pc-hide {
  display: none;
}
@media screen and (max-width: 979px) {
  .pc-hide {
    display: initial;
  }
}

@media screen and (max-width: 979px) {
  .pc-only {
    display: none;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.preload {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

.row {
  margin: 0 -10px;
  *zoom: 1;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 767px) {
  .row {
    margin: 0 -7.5px;
  }
}
.row > [class*="col-"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 5px;
}
.row > [class*="col-"].offset-1 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-2 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-3 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-4 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-5 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-6 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-7 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-8 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-9 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-10 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-11 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].offset-12 {
  margin-left: 8.33333%;
  margin-right: auto;
}
.row > [class*="col-"].is-empty:before {
  content: "";
  display: block;
  padding-top: 1%;
}
@media screen and (max-width: 767px) {
  .row > [class*="col-"] {
    padding: 0 7.5px;
  }
}
.row.from-right > [class*="col-"] {
  float: right;
}
.row.from-right > [class*="col-"].offset-1 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-2 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-3 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-4 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-5 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-6 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-7 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-8 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-9 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-10 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-11 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row.from-right > [class*="col-"].offset-12 {
  margin-right: 8.33333%;
  margin-left: auto;
}
.row > .col-1 {
  width: 8.33333%;
}
.row > .col-2 {
  width: 16.66667%;
}
.row > .col-3 {
  width: 25%;
}
.row > .col-4 {
  width: 33.33333%;
}
.row > .col-5 {
  width: 41.66667%;
}
.row > .col-6 {
  width: 50%;
}
.row > .col-7 {
  width: 58.33333%;
}
.row > .col-8 {
  width: 66.66667%;
}
.row > .col-9 {
  width: 75%;
}
.row > .col-10 {
  width: 83.33333%;
}
.row > .col-11 {
  width: 91.66667%;
}
.row > .col-12 {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .row > [class*="col-m-"].is-empty:before {
    display: none;
  }
  .row > [class*="col-s-"].is-empty:before {
    display: none;
  }
  .row > .col-l-1 {
    width: 8.33333%;
  }
  .row > .col-l-2 {
    width: 16.66667%;
  }
  .row > .col-l-3 {
    width: 25%;
  }
  .row > .col-l-4 {
    width: 33.33333%;
  }
  .row > .col-l-5 {
    width: 41.66667%;
  }
  .row > .col-l-6 {
    width: 50%;
  }
  .row > .col-l-7 {
    width: 58.33333%;
  }
  .row > .col-l-8 {
    width: 66.66667%;
  }
  .row > .col-l-9 {
    width: 75%;
  }
  .row > .col-l-10 {
    width: 83.33333%;
  }
  .row > .col-l-11 {
    width: 91.66667%;
  }
  .row > .col-l-12 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  .row > [class*="col-l-"].is-empty:before {
    display: none;
  }
  .row > [class*="col-s-"].is-empty:before {
    display: none;
  }
  .row > .col-m-1 {
    width: 8.33333%;
  }
  .row > .col-m-2 {
    width: 16.66667%;
  }
  .row > .col-m-3 {
    width: 25%;
  }
  .row > .col-m-4 {
    width: 33.33333%;
  }
  .row > .col-m-5 {
    width: 41.66667%;
  }
  .row > .col-m-6 {
    width: 50%;
  }
  .row > .col-m-7 {
    width: 58.33333%;
  }
  .row > .col-m-8 {
    width: 66.66667%;
  }
  .row > .col-m-9 {
    width: 75%;
  }
  .row > .col-m-10 {
    width: 83.33333%;
  }
  .row > .col-m-11 {
    width: 91.66667%;
  }
  .row > .col-m-12 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .row > [class*="col-l-"].is-empty:before {
    display: none;
  }
  .row > [class*="col-m-"].is-empty:before {
    display: none;
  }
  .row > .col-s-1 {
    width: 8.33333%;
  }
  .row > .col-s-2 {
    width: 16.66667%;
  }
  .row > .col-s-3 {
    width: 25%;
  }
  .row > .col-s-4 {
    width: 33.33333%;
  }
  .row > .col-s-5 {
    width: 41.66667%;
  }
  .row > .col-s-6 {
    width: 50%;
  }
  .row > .col-s-7 {
    width: 58.33333%;
  }
  .row > .col-s-8 {
    width: 66.66667%;
  }
  .row > .col-s-9 {
    width: 75%;
  }
  .row > .col-s-10 {
    width: 83.33333%;
  }
  .row > .col-s-11 {
    width: 91.66667%;
  }
  .row > .col-s-12 {
    width: 100%;
  }
}

.layout-float-left {
  float: left;
}

.layout-float-right {
  float: right;
}

.layout-clear-left {
  clear: left;
}

.layout-clear-right {
  clear: right;
}

.layout-clear-both {
  clear: both;
}

.layout-table {
  display: table;
}

.layout-tableCell {
  display: table-cell;
}

.layout-verticalAlign-top {
  vertical-align: top;
}

.layout-verticalAlign-middle {
  vertical-align: middle;
}

.layout-verticalAlign-baseline {
  vertical-align: baseline;
}

.layout-verticalAlign-bottom {
  vertical-align: bottom;
}

/* Layout */
img {
  max-width: 100%;
}
img.switchImage {
  opacity: 0;
}

hr {
  display: block;
  border: none;
  width: 100%;
  height: 1px;
  background-color: #EEEEEE;
  margin: 20px 0;
}
hr.is-transparent {
  background-color: transparent;
}

@media screen and (min-width: 980px) {
  #rightBar hr {
    margin: 10px 0;
  }
}
a {
  color: #1786D5;
  text-decoration: underline;
}
a.is-hover {
  text-decoration: none;
}

body {
  font-family: "YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #494B4C;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 979px) {
  body {
    -webkit-font-smoothing: antialiased;
  }
}
body.scrollLock {
  overflow: hidden;
}
body:before {
  position: fixed;
  left: 220px;
  content: "";
  width: 1px;
  background-color: #000;
  height: 100%;
}
@media screen and (max-width: 979px) {
  body:before {
    display: none;
  }
}
body.mode-chat:before {
  display: none;
}

#wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 79px;
}
@media screen and (max-width: 767px) {
  #wrapper {
    padding-top: 64px;
  }
}

#middle {
  position: relative;
  *zoom: 1;
}
#middle:after {
  content: "";
  display: table;
  clear: both;
}

#preview {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/logo-jobken-2804c788e8ec295f13c48cbf926e84a7ae6c3229bd026b6c25fa79d95394a715.svg);
  background-size: 800px;
  transform: rotate(-8deg);
  opacity: 0.03;
  z-index: 1000;
}

#navigationBar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px;
  box-sizing: border-box;
}
@media screen and (max-width: 979px) {
  #navigationBar {
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: -100%;
    overflow: auto;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #navigationBar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
  }
  #navigationBar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  #navigationBar.is-show {
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}

#centerColumn {
  margin: 0 10px 0 221px;
  padding-top: 0.016px;
}
@media screen and (min-width: 1060px) {
  #centerColumn {
    margin: 0 0 0 221px;
  }
}
@media screen and (max-width: 979px) {
  #centerColumn {
    margin: 0;
  }
}

#rightBar {
  display: none;
  position: static;
  width: auto;
  margin: 10px 10px 0 190px;
}
@media screen and (min-width: 1060px) {
  #rightBar {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 220px;
    margin: 0;
  }
}
@media screen and (max-width: 979px) {
  #rightBar {
    margin: 10px 10px 0;
  }
}

.mode-distractionFree #middle {
  margin-bottom: 0;
}
.mode-distractionFree #centerColumn {
  min-height: 300px;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mode-distractionFree #centerColumn::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
.mode-distractionFree #centerColumn::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.mode-distractionFree .distractionFreeContents {
  padding: 20px;
}

.mode-chat #rightBar {
  display: none;
}
@media screen and (min-width: 1060px) {
  .mode-chat #rightBar {
    display: block;
    position: fixed;
    top: 62px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    width: 220px;
    margin: 0;
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .mode-chat #rightBar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
  }
  .mode-chat #rightBar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
}

.contentSection {
  padding: 20px 40px;
}
.contentSection.bo-top {
  border-top: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .contentSection {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1060px) {
  .is-beforeLogin #centerColumn, .is-noSidebar #centerColumn {
    margin: 0 0 0 221px;
  }
}
@media screen and (max-width: 979px) {
  .is-beforeLogin #centerColumn, .is-noSidebar #centerColumn {
    margin: 0;
  }
}

@media screen and (min-width: 1060px) {
  .btn-modalRightBar {
    display: none !important;
  }
}

body.home:before,
body.single-layout:before {
  display: none;
}
body.home #navigationBar,
body.single-layout #navigationBar {
  display: none;
}
@media screen and (max-width: 767px) {
  body.home #navigationBar,
  body.single-layout #navigationBar {
    display: initial;
  }
}
body.home #centerColumn,
body.single-layout #centerColumn {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 979px) {
  body.home #centerColumn,
  body.single-layout #centerColumn {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  body.home #centerColumn,
  body.single-layout #centerColumn {
    width: 100%;
  }
}

.spNavBg {
  background-color: #EBE8E2;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  padding: 0;
  width: 90%;
  height: 100%;
  display: block;
  box-sizing: border-box;
}

.spNavHeader {
  background-color: #FFCE00;
  padding: 60px 20px 15px;
  border-bottom: 1px solid #000;
}
.spNavHeader .spNavHeaderLogo {
  margin-bottom: 20px;
}
.spNavHeader .spNavHeaderAccount {
  font-size: 1.2rem;
}

.spNavList ul {
  border-bottom: 1px solid #ccc;
}
.spNavList ul li {
  border-top: 1px solid #ccc;
}
.spNavList ul li a {
  display: block;
  background-color: white;
  padding: 15px;
  font-size: 1.3rem;
  color: #000;
  text-decoration: none;
}

/* ----------------------------------------
 * module styles
 * ---------------------------------------- */
/* Module::typography */
.font-mincho {
  font-family: "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.bold {
  font-weight: bold !important;
}

.underline {
  text-decoration: underline !important;
}

.breakAll {
  word-break: break-all;
}

.ui-dragArea .ui-dragAreaTitle {
  font-size: 1.9rem;
  line-height: 1.2em;
  font-weight: bold;
}

.ui-dragArea.ui-dragArea-thin .fileUploadTitle, .estimateInformation .outline .total .title {
  font-size: 1.6rem;
  line-height: 1.2em;
  font-weight: bold;
}

.formContent .formContentHead .formContentTitle, .listItem .listItemName, .tileListItem .tileListItemName, .card .cardHeader, .modal .modalBox .modalTitle {
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: bold;
}

.errorBox li, .fileListItem .fileListItemName, .beginerQuest li .quest .title, .estimateTable th, .estimateTable .tableFooter .total .title, .estimateTable .tableFooter .totalCost .title, .estimateTable .tableFooter .grossProfitMarginAverage .title {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: bold;
}

.title {
  word-break: break-all;
}
.title:not(:first-child) {
  margin-top: 1em;
}
.title:not(:last-child) {
  margin-bottom: 0.5em;
}
.title.title-1 {
  font-size: 3.4rem !important;
  line-height: 1.2em !important;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .title.title-1 {
    font-size: 2.4rem !important;
    line-height: 1.2em !important;
  }
}
.title.title-2 {
  font-size: 2.4rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-3 {
  font-size: 1.9rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-4 {
  font-size: 1.6rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-5 {
  font-size: 1.5rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-6 {
  font-size: 1.4rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-7 {
  font-size: 1.2rem !important;
  line-height: 1.2em !important;
  font-weight: bold;
}
.title.title-underBorder {
  padding-bottom: 5px;
  border-bottom: solid 1px #DEDDD9;
}
.title + .caption {
  margin-top: 0.5em;
}
.title small {
  margin-left: 0.3em;
}

small {
  font-size: 0.8em;
}

/* contentsTitle */
.contentsTitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.contentsTitle .icon-circle {
  margin-right: 5px;
}
.contentsTitle .icon-circle i {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .spTitle {
    background-color: #FAFAFA;
    padding: 20px 10px;
    margin-bottom: 0 !important;
  }
}

/* titleBoader */
.titleBoader {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.titleBoader .contentsTitle {
  margin-bottom: 0;
}
.titleBoader .titleBoaderRead {
  margin-left: 38px;
  font-size: 1.4rem;
  font-weight: bold;
}

label {
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: normal;
}

table td, .breadcrumb li, .listItem .listItemDescription, .noItem .message, .listItem-project + .projectChats li, .listItem-offer + .projectChats li, .tileListItem .tileListItemDescription, .helpTooltip .helpTooltipBody, .constructionInfo dd span, .showLargeMap, #centerColumn.estimate .errorMessageAll, .estimateTable td, .estimateTable .tableFooter .total .value, .estimateTable .tableFooter .totalCost .value, .estimateTable .tableFooter .grossProfitMarginAverage .value, .messagesCompanyInfo dd span {
  font-size: 1.3rem;
  line-height: 1.6em;
  font-weight: normal;
}

.fileListItem .fileListItemDescription {
  font-size: 1.2rem;
  line-height: 1.35em;
  font-weight: normal;
}

.read {
  word-break: break-all;
}
.read:not(:first-child) {
  margin-top: 0.75em;
}
.read.read-1 {
  font-size: 1.5rem !important;
  line-height: 1.5em !important;
  font-weight: normal;
}
.read.read-2 {
  font-size: 1.3rem !important;
  line-height: 1.6em !important;
  font-weight: normal;
}
.read.read-3 {
  font-size: 1.2rem !important;
  line-height: 1.35em !important;
  font-weight: normal;
}
.read + .caption {
  margin-top: 0.5em;
}

@media screen and (min-width: 980px) {
  #rightBar .read.read-1 {
    font-size: 1.2rem !important;
    line-height: 1.35em !important;
    font-weight: normal;
  }
  #rightBar .read.read-2 {
    font-size: 1.2rem !important;
    line-height: 1.35em !important;
    font-weight: normal;
  }
  #rightBar .read.read-3 {
    font-size: 1.2rem !important;
    line-height: 1.35em !important;
    font-weight: normal;
  }
}
.listItem .listItemCaption, .cartItem .itemCaption {
  font-size: 1.2rem;
  line-height: 1.5em;
  font-weight: normal;
}

.ui-dragArea .ui-dragAreaDescription {
  font-size: 1.1rem;
  line-height: 1.25em;
  font-weight: normal;
}

.caption {
  word-break: break-all;
  color: #7A7E80;
}
.caption.caption-1 {
  font-size: 1.3rem !important;
  line-height: 1.25em !important;
  font-weight: normal;
}
.caption.caption-2 {
  font-size: 1.2rem !important;
  line-height: 1.5em !important;
  font-weight: normal;
}
.caption.caption-3 {
  font-size: 1.1rem !important;
  line-height: 1.25em !important;
  font-weight: normal;
}

@media screen and (min-width: 980px) {
  #rightBar .caption.caption-1 {
    font-size: 1.1rem !important;
    line-height: 1.25em !important;
    font-weight: normal;
  }
  #rightBar .caption.caption-2 {
    font-size: 1.1rem !important;
    line-height: 1.25em !important;
    font-weight: normal;
  }
  #rightBar .caption.caption-3 {
    font-size: 1.1rem !important;
    line-height: 1.25em !important;
    font-weight: normal;
  }
}
dl:not(:first-child) {
  margin-top: 20px;
}
dl:not(:last-child) {
  margin-bottom: 20px;
}

dd:not(:first-child) {
  margin-top: 5px;
}

ul.list-space-5 li:not(:first-child), ol.list-space-5 li:not(:first-child) {
  margin-top: 5px;
}
ul.list-space-10 li:not(:first-child), ol.list-space-10 li:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  ul.list-space-10 li, ol.list-space-10 li {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
  }
}
ul.list-space-15 li:not(:first-child), ol.list-space-15 li:not(:first-child) {
  margin-top: 15px;
}
ul.list-space-20 li:not(:first-child), ol.list-space-20 li:not(:first-child) {
  margin-top: 20px;
}

ul.textList:not(:first-child) {
  margin-top: 10px;
}
ul.textList:not(:last-child) {
  margin-bottom: 10px;
}
ul.textList li {
  font-size: 1.3rem;
  line-height: 1.6em;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}
ul.textList li * {
  text-indent: 0;
}
ul.textList li:before {
  content: "・";
  text-indent: 0;
}
ul.textList li:not(:first-child) {
  margin-top: 5px;
}

ol.textList {
  counter-reset: count;
}
ol.textList:not(:first-child) {
  margin-top: 10px;
}
ol.textList:not(:last-child) {
  margin-bottom: 10px;
}
ol.textList li {
  font-size: 1.3rem;
  line-height: 1.6em;
  font-weight: normal;
  padding-left: 2em;
  text-indent: -2em;
  counter-increment: count;
}
ol.textList li * {
  text-indent: 0;
}
ol.textList li:before {
  display: inline-block;
  width: 1.5em;
  margin-right: 0.5em;
  content: counter(count) ".";
  text-indent: 0;
  text-align: right;
  white-space: nowrap;
}
ol.textList li:not(:first-child) {
  margin-top: 5px;
}
ol.textList ol.textList {
  counter-reset: countSub;
}
ol.textList ol.textList li {
  padding-left: 2em;
  text-indent: -2em;
  counter-increment: countSub;
}
ol.textList ol.textList li:before {
  content: "(" counter(countSub) ")";
}

@media screen and (min-width: 980px) {
  #rightBar ul.list li {
    font-size: 1.2rem;
    line-height: 1.35em;
    font-weight: normal;
  }
}
pre.code {
  position: relative;
  display: block;
  padding: 20px 15px 8px;
  font-size: 1.2rem;
  line-height: 1.33333em;
  color: #494B4C;
  background-color: #EEEEEE;
  white-space: pre-wrap;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  border: solid 1px #D1D5D8;
}
pre.code:not(:first-child) {
  margin-top: 5px;
}
pre.code:not(:last-child) {
  margin-bottom: 20px;
}
pre.code:before {
  content: "CODE";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #494B4C;
  color: #D1D5D8;
  padding: 0 5px;
  font-size: 1.1rem;
  line-height: 15px;
}

/* Module::color_class */
.color-black {
  color: #000000 !important;
}

.color-white {
  color: #ffffff !important;
}

.color-gray-05 {
  color: #F2F2EF !important;
}

.color-gray-10 {
  color: #EEEEEE !important;
}

.color-gray-20 {
  color: #D1D5D8 !important;
}

.color-gray-30 {
  color: #9FA2A7 !important;
}

.color-gray-40 {
  color: #8F9395 !important;
}

.color-gray-50 {
  color: #7A7E80 !important;
}

.color-gray-60 {
  color: #636668 !important;
}

.color-gray-70 {
  color: #494B4C !important;
}

.color-gray-80 {
  color: #2F333B !important;
}

.color-gray-90 {
  color: #2D2F31 !important;
}

.color-yellow-05 {
  color: #fef7e7 !important;
}

.color-yellow-15 {
  color: #fdf0ce !important;
}

.color-yellow-30 {
  color: #FCE09B !important;
}

.color-yellow-90 {
  color: #FFCE00 !important;
}

.color-beige-05 {
  color: #FCFBFA !important;
}

.color-beige-20 {
  color: #EBE8E2 !important;
}

.color-beige-30 {
  color: #E2DAD0 !important;
}

.color-beige-90 {
  color: #5C5548 !important;
}

.color-brown-50 {
  color: #968368 !important;
}

.color-brown-70 {
  color: #806950 !important;
}

.color-brown-90 {
  color: #5D4905 !important;
}

.color-gold {
  color: #D0A000 !important;
}

.color-grayshbeige-10 {
  color: #DEDDD9 !important;
}

.color-aqua-05 {
  color: #EDF5FA !important;
}

.color-aqua-20 {
  color: #B2E1F8 !important;
}

.color-aqua-60 {
  color: #7AC0E3 !important;
}

.color-aqua-80 {
  color: #005DDB !important;
}

.color-red-15 {
  color: #F4CCCC !important;
}

.color-red-50 {
  color: #E40000 !important;
}

.color-link {
  color: #1786D5 !important;
}

.color-notification {
  color: #FF0000 !important;
}

.color-danger {
  color: #DA4040 !important;
}

.color-order {
  color: #238E3A !important;
}

.color-orderPossible {
  color: #E94F60 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-gray-05 {
  background-color: #F2F2EF !important;
}

.bg-gray-10 {
  background-color: #EEEEEE !important;
}

.bg-gray-20 {
  background-color: #D1D5D8 !important;
}

.bg-gray-30 {
  background-color: #9FA2A7 !important;
}

.bg-gray-40 {
  background-color: #8F9395 !important;
}

.bg-gray-50 {
  background-color: #7A7E80 !important;
}

.bg-gray-60 {
  background-color: #636668 !important;
}

.bg-gray-70 {
  background-color: #494B4C !important;
}

.bg-gray-80 {
  background-color: #2F333B !important;
}

.bg-gray-90 {
  background-color: #2D2F31 !important;
}

.bg-yellow-05 {
  background-color: #fef7e7 !important;
}

.bg-yellow-15 {
  background-color: #fdf0ce !important;
}

.bg-yellow-30 {
  background-color: #FCE09B !important;
}

.bg-yellow-90 {
  background-color: #FFCE00 !important;
}

.bg-beige-05 {
  background-color: #FCFBFA !important;
}

.bg-beige-20 {
  background-color: #EBE8E2 !important;
}

.bg-beige-30 {
  background-color: #E2DAD0 !important;
}

.bg-beige-90 {
  background-color: #5C5548 !important;
}

.bg-brown-50 {
  background-color: #968368 !important;
}

.bg-brown-70 {
  background-color: #806950 !important;
}

.bg-brown-90 {
  background-color: #5D4905 !important;
}

.bg-grayshbeige-10 {
  background-color: #DEDDD9 !important;
}

.bg-aqua-05 {
  background-color: #EDF5FA !important;
}

.bg-aqua-20 {
  background-color: #B2E1F8 !important;
}

.bg-aqua-60 {
  background-color: #7AC0E3 !important;
}

.bg-aqua-80 {
  background-color: #005DDB !important;
}

.bg-red-15 {
  background-color: #F4CCCC !important;
}

.bg-red-50 {
  background-color: #E40000 !important;
}

.bg-link {
  background-color: #1786D5 !important;
}

.bg-notification {
  background-color: #FF0000 !important;
}

.bg-danger {
  background-color: #DA4040 !important;
}

.bg-order {
  background-color: #238E3A !important;
}

.bg-orderPossible {
  background-color: #E94F60 !important;
}

/* Module::link */
.link, .errorBox a, .flashMessage a, .nav-footer a {
  text-decoration: none;
}
.is-hover.link, .errorBox a.is-hover, .flashMessage a.is-hover, .nav-footer a.is-hover {
  text-decoration: underline;
}

/* Module::button */
.btn, .listBottomBtn, .card .cardBottomBtn, #navigationBar .nav-global a {
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  padding: 10px 20px;
  cursor: pointer;
  max-width: 100%;
  font-size: 1.6rem;
  line-height: 1.25em;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  vertical-align: middle;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn i, .listBottomBtn i, .card .cardBottomBtn i, #navigationBar .nav-global a i {
  text-decoration: none;
  vertical-align: middle;
}
.btn i.fa, .listBottomBtn i.fa, .card .cardBottomBtn i.fa, #navigationBar .nav-global a i.fa {
  vertical-align: 0px;
}
.btn:disabled, .listBottomBtn:disabled, .card .cardBottomBtn:disabled, #navigationBar .nav-global a:disabled, [disabled="disabled"].btn, [disabled="disabled"].listBottomBtn, .card [disabled="disabled"].cardBottomBtn, #navigationBar .nav-global a[disabled="disabled"] {
  background-color: #D1D5D8 !important;
  border-color: #9FA2A7 !important;
  color: #8F9395 !important;
  cursor: default;
  text-shadow: none !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06) !important;
}
@media screen and (max-width: 767px) {
  .btn, .listBottomBtn, .card .cardBottomBtn, #navigationBar .nav-global a {
    padding: 7px 1.8em;
    font-size: 1.4rem;
  }
}

.btn.btn-block, .listBottomBtn {
  display: block;
}
.btn.btn-large, .btn-large.listBottomBtn {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.8rem;
}
.btn.btn-small, .btn-small.listBottomBtn {
  padding: 8px 20px;
  font-size: 1.2rem;
  font-weight: normal;
}
.btn.btn-micro, .btn-micro.listBottomBtn {
  padding: 5px 8px;
  font-size: 1.2rem;
}
.btn.btn-icon, .btn-icon.listBottomBtn {
  padding: 5px 10px;
  font-size: 2.4rem;
}
.btn.btn-icon i, .btn-icon.listBottomBtn i {
  vertical-align: -0.1em;
}
.btn.btn-icon.btn-small, .btn-icon.btn-small.listBottomBtn {
  padding: 1px 6px;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .btn.btn-icon, .btn-icon.listBottomBtn {
    padding: 3px 10px;
    font-size: 2.1rem;
    line-height: 1.2em;
  }
  .btn.btn-icon.btn-small, .btn-icon.btn-small.listBottomBtn {
    padding: 1px 6px;
    font-size: 2.1rem;
  }
}
.btn.btn-default, .btn-default.listBottomBtn {
  border-radius: 4px;
  background-color: #FAFAFA;
  border-color: #000;
  color: #000;
  font-weight: normal;
}
.btn.btn-default.is-hover, .btn-default.is-hover.listBottomBtn {
  border-color: #1786D5;
  color: #1786D5;
  box-shadow: none;
}
.btn.btn-yellow, .btn-yellow.listBottomBtn {
  border: solid 1px #000;
  background-color: #FFCE00;
  border-radius: 3px;
  color: #000;
  font-weight: bold;
}
.btn.btn-yellow.is-hover, .btn-yellow.is-hover.listBottomBtn {
  color: #806950;
  border-color: #ffd31a;
  background-color: #ffdd4d;
  box-shadow: none;
}
.btn.btn-yellow-light, .btn-yellow-light.listBottomBtn {
  border: solid 1px #000;
  background-color: #FFE26A;
  border-radius: 3px;
  color: #000;
  font-weight: normal;
}
.btn.btn-yellow-light.is-hover, .btn-yellow-light.is-hover.listBottomBtn {
  color: #806950;
  border-color: #ffe784;
  background-color: #fff1b7;
  box-shadow: none;
}
.btn.btn-yellow-white, .btn-yellow-white.listBottomBtn {
  border: solid 1px #000;
  background-color: #FFF8DD;
  border-radius: 3px;
  color: #000;
  font-weight: normal;
}
.btn.btn-yellow-white.is-hover, .btn-yellow-white.is-hover.listBottomBtn {
  color: #806950;
  border-color: #fffdf7;
  background-color: white;
  box-shadow: none;
}
.btn.btn-brown, .btn-brown.listBottomBtn {
  border: solid 1px #806950;
  background-color: #806950;
  border-radius: 3px;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-brown.is-hover, .btn-brown.is-hover.listBottomBtn {
  border-color: #9e8365;
  background-color: #a88f74;
  box-shadow: none;
}
.btn.btn-blue, .btn-blue.listBottomBtn {
  border: solid 1px #005DDB;
  background-color: #005DDB;
  border-radius: 3px;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-blue.is-hover, .btn-blue.is-hover.listBottomBtn {
  border-color: #0f75ff;
  background-color: #2984ff;
  box-shadow: none;
}
.btn.btn-facebook, .btn-facebook.listBottomBtn {
  border: solid 1px #33589d;
  background-color: #33589d;
  border-radius: 3px;
  color: #ffffff;
}
.btn.btn-facebook.is-hover, .btn-facebook.is-hover.listBottomBtn {
  border-color: #426ec1;
  background-color: #557dc8;
  box-shadow: none;
}
.btn.btn-gray, .btn-gray.listBottomBtn {
  border: solid 1px #555555;
  background-color: #555555;
  border-radius: 3px;
  color: #ffffff;
  font-weight: normal;
}
.btn.btn-gray.is-hover, .btn-gray.is-hover.listBottomBtn {
  border-color: #a9acae;
  background-color: #b6b9ba;
  box-shadow: none;
}
.btn.btn-danger, .btn-danger.listBottomBtn {
  border: solid 1px #DA4040;
  background-color: #DA4040;
  border-radius: 3px;
  color: #ffffff;
}
.btn.btn-danger.is-hover, .btn-danger.is-hover.listBottomBtn {
  border-color: #e26b6b;
  background-color: #e68080;
  box-shadow: none;
}
.btn.btn-orange, .btn-orange.listBottomBtn {
  border: solid 1px #FF6200;
  background-color: #FF6200;
  border-radius: 3px;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-orange.is-hover, .btn-orange.is-hover.listBottomBtn {
  border-color: #ff8133;
  background-color: #ff914d;
  box-shadow: none;
}
.btn.btn-transparent, .listBottomBtn {
  font-weight: normal;
  border: none;
  border-radius: 3px;
}
.btn.btn-transparent.is-hover, .is-hover.listBottomBtn {
  background-color: #EDF5FA;
}
.btn.btn-transparent:disabled, .listBottomBtn:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #8F9395 !important;
}
.btn.btn-ghost, .btn-ghost.listBottomBtn {
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
  color: #ffffff;
}
.btn.btn-ghost.is-hover, .btn-ghost.is-hover.listBottomBtn {
  background-color: #ffffff;
  color: #1786D5;
}
.btn.btn-ghost.btn-ghost-blue, .btn-ghost.btn-ghost-blue.listBottomBtn {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #1786D5;
  color: #1786D5;
}
.btn.btn-ghost.btn-ghost-blue.is-hover, .btn-ghost.btn-ghost-blue.is-hover.listBottomBtn, .btn.btn-ghost.btn-ghost-blue.is-checked, .btn-ghost.btn-ghost-blue.is-checked.listBottomBtn {
  background-color: #1786D5;
  color: #ffffff;
}
.btn.btn-ghost:disabled, .btn-ghost.listBottomBtn:disabled {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-color: #9FA2A7 !important;
  color: #8F9395 !important;
}
.btn.btn-bold, .btn-bold.listBottomBtn {
  font-weight: bold !important;
}
.btn.btn-fileUpload, .btn-fileUpload.listBottomBtn {
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: #1786D5;
  color: #1786D5;
}
.btn.btn-fileUpload.is-hover, .btn-fileUpload.is-hover.listBottomBtn {
  background-color: #1786D5;
  color: #ffffff;
}
.btn.btn-fileUpload input[type="file"], .btn-fileUpload.listBottomBtn input[type="file"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
}
.btn.btn-headerItem, .btn-headerItem.listBottomBtn {
  position: relative;
  border: none;
  padding: 6px 10px;
  background-color: transparent;
  color: #5D4905;
  font-size: 1.4rem;
  display: block;
  font-weight: normal;
  border-radius: 3px;
  height: 44px;
  box-sizing: border-box;
}
.btn.btn-headerItem i, .btn-headerItem.listBottomBtn i {
  font-size: 1.8rem;
  color: #EA7F02;
}
.btn.btn-headerItem .notifications, .btn-headerItem.listBottomBtn .notifications {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -5px;
  right: 12px;
  background-color: #DA4040;
  border: 1px solid white;
  border-radius: 50%;
  padding: 2px 2px;
  font-size: 1.2rem;
  line-height: 18px;
  color: #ffffff;
  min-width: 24px;
  text-align: center;
}
.btn.btn-headerItem .notifications:empty, .btn-headerItem.listBottomBtn .notifications:empty {
  display: none;
}
.btn.btn-headerItem .txt, .btn-headerItem.listBottomBtn .txt {
  position: absolute;
  top: 60%;
  right: 0px;
  bottom: 0px;
  left: 0px;
  text-align: center;
  font-size: 1rem;
  color: #000;
}
.btn.btn-headerItem.is-hover, .btn-headerItem.is-hover.listBottomBtn {
  background-color: rgba(255, 255, 255, 0.3);
}
.btn.btn-headerMypage, .btn-headerMypage.listBottomBtn {
  position: relative;
  padding: 0 13px 0 50px;
  height: 44px;
  border-radius: 3px;
}
.btn.btn-headerMypage .thumb, .btn-headerMypage.listBottomBtn .thumb {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 13px;
  margin: auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
}
.btn.btn-headerMypage .name, .btn-headerMypage.listBottomBtn .name {
  font-size: 1.5rem;
  line-height: 44px;
  color: #ffffff;
  font-weight: bold;
  width: 8em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn.btn-headerMypage.is-hover, .btn-headerMypage.is-hover.listBottomBtn {
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 979px) {
  .btn.btn-headerMypage, .btn-headerMypage.listBottomBtn {
    padding: 0 0 0 58px;
  }
  .btn.btn-headerMypage .thumb, .btn-headerMypage.listBottomBtn .thumb {
    right: 0;
    left: 0;
  }
  .btn.btn-headerMypage .name, .btn-headerMypage.listBottomBtn .name {
    display: none;
  }
}
.btn.btn-changePlan, .btn-changePlan.listBottomBtn {
  position: relative;
  display: block;
  text-align: left;
  color: #ffffff;
  border: 0;
  padding: 0 0 0 13px;
  font-size: 1.4rem;
  line-height: 2.42857em;
}
.btn.btn-changePlan:after, .btn-changePlan.listBottomBtn:after {
  content: "chevron_right";
  font-size: 1.8rem;
  position: absolute;
  top: 0px;
  right: 2px;
  bottom: 0px;
  margin: auto;
}
.btn.btn-changePlan.is-hover, .btn-changePlan.is-hover.listBottomBtn {
  background-color: rgba(255, 255, 255, 0.3);
}
.btn.btn-toggleFavorite, .btn-toggleFavorite.listBottomBtn {
  color: #636668;
}
.btn.btn-toggleFavorite.is-active, .btn-toggleFavorite.is-active.listBottomBtn {
  color: #FFCE00;
}
.btn.btn-showChat, .btn-showChat.listBottomBtn {
  color: #636668;
}
.btn.btn-showChat.is-hover, .btn-showChat.is-hover.listBottomBtn {
  color: #1786D5;
}

button.btn.btn-block, button.listBottomBtn {
  width: 100%;
}

.btnComposite {
  display: inline-block;
}
.btnComposite .btn:not(:first-child), .btnComposite .listBottomBtn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.3);
}
.btnComposite .btn:not(:last-child), .btnComposite .listBottomBtn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: rgba(0, 0, 0, 0.1);
}

/* Module::icon */
.icon-user {
  overflow: hidden;
  border-radius: 50%;
  background-color: #ffffff;
  background-size: cover;
  background-position: center center;
}

.icon-circle {
  background-color: #FFCE00;
  border-radius: 50%;
  border: 1px solid #000;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
}

/* Module::tab */
.tab {
  cursor: pointer;
}

.tabContents {
  display: block;
  overflow: hidden;
  height: 0px;
}
.tabContents.is-current {
  height: auto;
}

/* Module::accordion */
.accordionBtn {
  cursor: pointer;
}
.accordionBtn .openIcon {
  display: none;
}
.accordionBtn .closeIcon {
  display: inherit;
}
.accordionBtn.is-open .openIcon {
  display: inherit;
}
.accordionBtn.is-open .closeIcon {
  display: none;
}

.accordionContents {
  display: none;
}

/* Module::form */
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], input[type="url"], input[type="password"], textarea {
  display: inline-block;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FAFAFA;
  border: solid 1px #aaa;
  border-radius: 3px;
  height: 30px;
  padding: 5px;
  font-size: 1.3rem;
  line-height: 1.53846em;
}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled, input[type="date"]:disabled, input[type="url"]:disabled, input[type="password"]:disabled, textarea:disabled {
  background-color: #D1D5D8;
}
input.is-smallText[type="text"], input.is-smallText[type="number"], input.is-smallText[type="email"], input.is-smallText[type="tel"], input.is-smallText[type="date"], input.is-smallText[type="url"], input.is-smallText[type="password"], textarea.is-smallText {
  font-size: 1.2rem;
  line-height: 1.66667em;
}
input.noOutline[type="text"], input.noOutline[type="number"], input.noOutline[type="email"], input.noOutline[type="tel"], input.noOutline[type="date"], input.noOutline[type="url"], input.noOutline[type="password"], textarea.noOutline {
  outline: none;
}

input, textarea, .selectbox {
  width: 360px;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  input, textarea, .selectbox {
    width: 100%;
  }
}
input.is-thin, textarea.is-thin, .is-thin.selectbox {
  width: 90px;
}
input.is-short, textarea.is-short, .is-short.selectbox {
  width: 160px;
}
input.is-long, textarea.is-long, .is-long.selectbox {
  width: 100%;
}

input[type="checkbox"], input[type="radio"] {
  position: absolute;
  left: -9999px;
  visibility: hidden;
}

.alert_unload {
  overflow: hidden;
}

.formContent {
  display: table;
  width: 100%;
}
.formContent .formContentHead {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 170px;
  padding: 10px 10px 10px 0;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .formContent .formContentHead {
    width: 100%;
    display: block;
    background-color: #EEEEEE;
    padding-left: 10px;
    padding-top: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.formContent .formContentHead .formContentTitle {
  line-height: 20px;
  padding-top: 10px;
}
.formContent .formContentHead .optional, .formContent .formContentHead .required {
  vertical-align: top;
}
.formContent .formContentHead .optional:first-child, .formContent .formContentHead .required:first-child {
  margin-right: 5px;
}
.formContent .formContentHead .optional:last-child, .formContent .formContentHead .required:last-child {
  margin-left: 5px;
}
.formContent .formContentHead .optional {
  border-color: #005DDB;
  color: #005DDB;
}
.formContent .formContentHead .required {
  border-color: #E40000;
  color: #E40000;
}
.formContent .formContentBody {
  display: table-cell;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 10px 0 10px 0;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .formContent .formContentBody {
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.formContent.formContent-vartical {
  display: block;
}
.formContent.formContent-vartical .formContentHead {
  display: block;
  padding-bottom: 0;
  padding-right: 0;
  width: auto;
}
.formContent.formContent-vartical .formContentHead .formContentTitle {
  padding-top: 0;
}
.formContent.formContent-vartical .formContentBody {
  display: block;
}

input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
input:placeholder-shown {
  color: #9FA2A7;
}
input::-webkit-input-placeholder {
  color: #9FA2A7;
}
input:-ms-input-placeholder {
  color: #9FA2A7;
}
input:-moz-placeholder {
  color: #9FA2A7;
}
input::-moz-placeholder {
  color: #9FA2A7;
}
input[type="checkbox"] + .ui-checkbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: -0.1em;
  cursor: pointer;
  margin-right: 0.5em;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 2px;
  background-color: #EEEEEE;
  position: relative;
}
input[type="checkbox"]:checked + .ui-checkbox {
  background-color: #FFCE00;
}
input[type="checkbox"]:checked + .ui-checkbox::before {
  content: "check";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  font-size: 1.6rem;
  color: #000;
}
input[type="radio"] + .ui-radio {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: -0.1em;
  cursor: pointer;
  border-radius: 50%;
  margin-right: 0.5em;
  width: 15px;
  height: 15px;
  border: 1px solid #aaa;
}
input[type="radio"]:checked + .ui-radio {
  background-color: #FFCE00;
}
input[type="radio"]:checked + .ui-radio:after {
  content: "check";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  font-size: 1.2rem;
  color: #000;
}
input[type="submit"] {
  cursor: pointer;
}

textarea {
  margin: 0;
  font-size: 1.6rem;
  height: 150px;
}
textarea:placeholder-shown {
  color: #9FA2A7;
}
textarea::-webkit-input-placeholder {
  color: #9FA2A7;
}
textarea:-ms-input-placeholder {
  color: #9FA2A7;
}
textarea:-moz-placeholder {
  color: #9FA2A7;
}
textarea::-moz-placeholder {
  color: #9FA2A7;
}

button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  cursor: pointer;
}

label {
  display: block;
}
label.has-checkbox, label.has-radio {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  line-height: 20px;
  margin: 6px 0;
}
label.has-checkbox:not(:last-child), label.has-radio:not(:last-child) {
  margin-right: 2em;
}
label.has-checkbox.is-hover, label.has-radio.is-hover {
  color: #005DDB;
}

.inputLabelGroup {
  font-size: 0rem;
  margin: 4px 0;
}

select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 0;
  font-size: 1.3rem;
}

.selectbox {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FAFAFA;
  height: 30px;
  padding: 0 30px 0 0.5em;
}
.selectbox:after {
  content: "arrow_drop_down";
  position: absolute;
  top: 0px;
  right: 5px;
  bottom: 0px;
  margin: auto 0;
  font-size: 2rem;
  color: #9FA2A7;
  pointer-events: none;
}
.selectbox .selectboxText {
  font-size: 1.3rem;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
}
.selectbox select {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  opacity: 1;
  border: solid 1px #D1D5D8;
  border-radius: 3px;
}
.selectbox select.noBorder {
  border: none;
}

.errorMessage {
  color: #E40000;
}

.errorBox {
  position: relative;
  overflow: hidden;
  background-color: #DA4040;
  color: #ffffff;
  border-radius: 4px;
  padding: 10px 10px;
  margin: 5px;
}
.errorBox:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.errorBox li {
  padding-left: 20px;
  text-indent: -20px;
}
.errorBox li:before {
  content: "";
  font-size: 1.6rem;
  margin-right: 4px;
  text-indent: 0;
  vertical-align: -0.25em;
}
.errorBox li:not(:first-child) {
  margin-top: 0.5em;
}
.errorBox a {
  color: #ffffff;
}

#navigationBar .errorBox {
  margin-left: 10px;
  margin-right: 0;
}

#uploadedFiles {
  border: none;
}
#uploadedFiles:not(:first-child) {
  margin-top: 15px;
}
#uploadedFiles:not(:last-child) {
  margin-bottom: 15px;
}
#uploadedFiles th, #uploadedFiles td {
  border: none;
  padding: 0;
  word-break: break-all;
  vertical-align: middle;
}
#uploadedFiles:empty {
  display: none;
}
#uploadedFiles tr.uploadedFile:not(:first-child) th, #uploadedFiles tr.uploadedFile:not(:first-child) td {
  padding-top: 5px;
}
#uploadedFiles .uploadedFileThumb {
  width: 32px;
  padding-right: 0.5em;
}
#uploadedFiles .uploadedFileThumb i {
  border: solid 1px #EEEEEE;
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#uploadedFiles .uploadedFileName {
  padding-right: 1em;
  font-size: 1.4rem;
  line-height: 1.5em;
}
#uploadedFiles .uploadedFileSize {
  padding-right: 1em;
  font-size: 1.4rem;
  line-height: 1.5em;
  width: 5em;
}
#uploadedFiles .uploadedFileUnset {
  width: 100px;
}
#uploadedFiles label {
  font-size: 1.4rem;
  line-height: 2.28571em;
  margin: 0;
}

.ui-dragArea {
  position: relative;
  background-color: #ffffff;
  border: solid 6px #EEEEEE;
  border-radius: 16px;
  padding: 34px;
}
.ui-dragArea:before {
  content: "cloud_upload";
  position: absolute;
  right: 20px;
  bottom: 0px;
  z-index: 0;
  font-size: 14rem;
  color: #EEEEEE;
  pointer-events: none;
}
.ui-dragArea .ui-dragAreaTitle {
  position: relative;
  color: #D1D5D8;
  pointer-events: none;
}
.ui-dragArea .ui-dragAreaDescription {
  position: relative;
  color: #7A7E80;
  margin-top: 10px;
  pointer-events: none;
}
.ui-dragArea .btn, .ui-dragArea .listBottomBtn {
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  border-color: #1786D5;
  color: #1786D5;
  width: 200px;
}
@media screen and (max-width: 979px) {
  .ui-dragArea {
    border: none;
    background: none;
    padding: 0;
  }
  .ui-dragArea:before {
    display: none;
  }
  .ui-dragArea .ui-dragAreaTitle {
    display: none;
  }
  .ui-dragArea .ui-dragAreaDescription {
    display: none;
  }
  .ui-dragArea .btn, .ui-dragArea .listBottomBtn {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
.ui-dragArea.ui-dragArea-thin {
  position: relative;
  height: auto;
  padding: 15px 240px 13px 20px;
}
.ui-dragArea.ui-dragArea-thin:before {
  font-size: 7.2rem;
  right: 240px;
}
.ui-dragArea.ui-dragArea-thin .fileUploadDescription {
  margin-top: 5px;
}
.ui-dragArea.ui-dragArea-thin .btn, .ui-dragArea.ui-dragArea-thin .listBottomBtn {
  position: absolute;
  top: 0px;
  right: 20px;
  bottom: 0px;
  margin: auto;
  height: 42px;
}
@media screen and (max-width: 979px) {
  .ui-dragArea.ui-dragArea-thin {
    border: none;
    background: none;
    padding: 0;
  }
  .ui-dragArea.ui-dragArea-thin .btn, .ui-dragArea.ui-dragArea-thin .listBottomBtn {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}

/* Module::flashMessage */
.flashMessage {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-height: 0;
}
.flashMessage.noAnimation {
  -moz-transition: none 1s;
  -o-transition: none 1s;
  -webkit-transition: none 1s;
  transition: none 1s;
}
.flashMessage.is-show {
  max-height: 200px;
}
.flashMessage ul {
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  display: block;
  padding: 5px 0;
}
.flashMessage ul li {
  display: block;
  margin: 5px 30px;
  font-weight: bold;
}
.flashMessage .removeFlashMessage {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  width: 16px;
  height: 16px;
  font-size: 1.6rem;
  margin: auto 7px auto auto;
  border-radius: 50%;
  text-decoration: none;
}
.flashMessage .removeFlashMessage i {
  display: block;
  width: 1em;
  height: 1em;
}
.flashMessage .removeFlashMessage.is-hover {
  background-color: #ffffff;
  color: #7A7E80;
}
.flashMessage.flashMessage-success {
  background-color: #005DDB;
  color: #ffffff;
}
.flashMessage.flashMessage-success a {
  color: #ffffff;
}
.flashMessage.flashMessage-info {
  background-color: #FCE09B;
  color: #494B4C;
}
.flashMessage.flashMessage-info a {
  color: #494B4C;
}
.flashMessage.flashMessage-alert {
  background-color: #DA4040;
  color: #ffffff;
}
.flashMessage.flashMessage-alert a {
  color: #ffffff;
}

.mode-distractionFree .flashMessage {
  top: 0;
}

/* Module::table */
table {
  border-collapse: collapse;
  border: solid 1px #999;
  background-color: #ffffff;
  width: 100%;
}
@media screen and (max-width: 767px) {
  table {
    border: none;
  }
}
table caption {
  background-color: #FFCE00;
  font-weight: bold;
  padding: 10px;
  border: solid 1px #ccc;
  border-bottom: none;
  text-align: left;
  color: #000;
}
table th, table td {
  border: solid 1px #ccc;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1.3rem;
  color: #000;
  vertical-align: middle;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  table th, table td {
    padding: 6px;
    border: none;
  }
}
table th.vAlign-top, table td.vAlign-top {
  vertical-align: top;
}
table th.vAlign-bottom, table td.vAlign-bottom {
  vertical-align: bottom;
}
table th.vAlign-middle, table td.vAlign-middle {
  vertical-align: middle;
}
table th {
  font-weight: normal;
  text-align: left;
  background-color: #FFF8DD;
  width: 33%;
}
table th .is-right {
  float: right;
}
@media screen and (max-width: 767px) {
  table th .is-right {
    float: none;
    margin-left: 10px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  table th {
    font-size: 12px;
    width: 100%;
    display: block;
    background-color: #FAFAFA;
    border-bottom: 1px solid #C8C8CD;
  }
}
@media screen and (max-width: 767px) {
  table td {
    width: 100%;
    display: block;
    border-bottom: 1px solid #C8C8CD;
  }
}
table.is-fullWidth {
  width: 100%;
}
table.table-alternate tr:nth-child(even) {
  background-color: #FCFBFA;
}
table.table-plane th, table.table-plane td {
  padding: 0;
}
table.table-noBorder {
  border: none;
}
table.table-noBorder th, table.table-noBorder td {
  border: none;
}
table.table-layout-info th {
  width: 160px;
}
@media screen and (max-width: 767px) {
  table.th-wide .head {
    width: 30% !important;
  }
}
@media screen and (max-width: 767px) {
  table .sp-mypage-td-top {
    display: block;
    padding-bottom: 10px !important;
    width: 100% !important;
  }
  table .sp-mypage-td-under {
    display: block;
    width: 100% !important;
  }
  table .sp-mypage-td-under.layout-align-right {
    text-align: center;
  }
}

.keySpace {
  position: relative;
  padding-left: 34px;
}
.keySpace:before {
  position: absolute;
  top: 16px;
  left: 10px;
  font-family: "icomoon";
  content: "";
  font-size: 1.6rem;
  color: #666;
  margin-right: 5px;
}
.keySpace.no-key:before {
  content: "";
}

/* Module::tag */
.tag.tag-scope.tag-scope-company {
  background-color: #304B72;
  color: #ffffff;
}
.tag.tag-scope.tag-scope-soleproprietor {
  background-color: #279A9F;
  color: #ffffff;
}
.tag.tag-scope.tag-scope-license {
  background-color: #A83122;
  color: #ffffff;
}
.tag.tag-constructionType {
  background-color: #B2D9DB;
  border-color: #B2D9DB;
  color: #494B4C;
}
.tag.tag-default {
  border-color: #9FA2A7;
}
.tag.tag-workType {
  border-color: #9FA2A7;
}
.tag.tag-status.tag-status-inProgress {
  color: #D9655A;
  border-color: #D9655A;
}
.tag.tag-important {
  border-color: #E94F60;
  background-color: #E94F60;
  color: #ffffff;
}
.tag.tag-active {
  border-color: #005DDB;
  background-color: #005DDB;
  color: #ffffff;
}
.tag.tag-inactive {
  border-color: #FF0000;
  background-color: #FF0000;
  color: #ffffff;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-done {
  border-color: #E94F60;
  background-color: #E94F60;
  color: #ffffff;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-still {
  border-color: #7A7E80;
  background-color: #7A7E80;
  color: #ffffff;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-normal {
  border-color: #9FA2A7;
  color: #636668;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-default {
  border-color: #005DDB;
  color: #005DDB;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-danger {
  border-color: #DA4040;
  background-color: #DA4040;
  color: #ffffff;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-warning {
  border-color: #E94F60;
  background-color: #E94F60;
  color: #ffffff;
}
.tag.tag-shopsHistoryStatus.tag-shopsHistoryStatus-info {
  border-color: #005DDB;
  background-color: #005DDB;
  color: #ffffff;
}
.tag.tag-yellow {
  border-color: #FFCE00;
  background-color: #FFCE00;
  color: #ffffff;
}
.tag.tag-brown {
  border-color: #806950;
  background-color: #806950;
  color: #ffffff;
}
.tag.tag-blue {
  border-color: #005DDB;
  background-color: #005DDB;
  color: #ffffff;
}
.tag.tag-gray {
  border-color: #9FA2A7;
  background-color: #9FA2A7;
  color: #ffffff;
}
.tag.tag-danger {
  border-color: #DA4040;
  background-color: #DA4040;
  color: #ffffff;
}
.tag.tag-orange {
  border-color: #FF6200;
  background-color: #FF6200;
  color: #ffffff;
}
.tag.tag-hellowork {
  border-color: #8bc34a;
  background-color: #8bc34a;
  color: #ffffff;
}
.tag.tag-overlay {
  position: absolute;
  top: 5px;
  left: 5px;
}

.tagList .tag {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-right: 3px;
}

/* Module::label */
.label {
  display: inline-block;
  vertical-align: top;
  padding: 0 1.5em;
  font-size: 1.5rem;
  line-height: 1.5em;
  border-radius: 2px;
}
.label.label-block {
  display: block;
  text-align: center;
}
.label.label-large {
  font-size: 2rem;
}
.label.label-small {
  font-size: 1.2rem;
}
.label.label-micro {
  font-size: 1rem;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 2px;
}
.label.label-round {
  border-radius: 30px;
}
.label.label-default {
  color: #000;
  border: solid 1px #000;
  background-color: #ffffff;
}
.label.label-yellow {
  color: #000;
  background-color: #FFCE00;
}
.label.label-yellow-border {
  color: #FFCE00;
  border: solid 1px #FFCE00;
}
.label.label-brown {
  color: #ffffff;
  background-color: #806950;
}
.label.label-brown-border {
  color: #806950;
  border: solid 1px #806950;
}
.label.label-blue {
  color: #ffffff;
  background-color: #005DDB;
}
.label.label-blue-border {
  color: #005DDB;
  border: solid 1px #005DDB;
  background-color: #ffffff;
}
.label.label-gray {
  color: #ffffff;
  background-color: #9FA2A7;
}
.label.label-gray-border {
  color: #9FA2A7;
  border: solid 1px #9FA2A7;
}
.label.label-red {
  color: #ffffff;
  background-color: #DA4040;
}
.label.label-red-border {
  color: #DA4040;
  border: solid 1px #DA4040;
}
.label.label-danger {
  color: #ffffff;
  background-color: #DA4040;
}
.label.label-danger-border {
  color: #DA4040;
  border: solid 1px #DA4040;
}
.label.label-orange {
  color: #ffffff;
  background-color: #FF6200;
}
.label.label-orange-border {
  color: #FF6200;
  border: solid 1px #FF6200;
}
.label.label-ghost {
  background-color: rgba(255, 255, 255, 0.1);
  border: solid 1px #ffffff;
  color: #ffffff;
}
.label.label-ghost.label-ghost-blue {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #1786D5;
  color: #1786D5;
}
.label.label-bo-red {
  border: 1px solid red;
  color: red;
}
.label.label-bo-blue {
  border: 1px solid #005DDB;
  color: #005DDB;
}
.label.label-order {
  color: #ffffff;
  background-color: #238E3A;
}
.label.label-orderPossible {
  color: #ffffff;
  background-color: #E94F60;
}
.label.label-offerPartner {
  color: #ffffff;
  background-color: #005DDB;
}
.label.label-offerEmployee {
  color: #ffffff;
  background-color: #005DDB;
}
.label:empty {
  display: none;
}

@media screen and (min-width: 980px) {
  #rightBar .label {
    font-size: 1.3rem;
    font-weight: bold;
  }
}
/* Module::banner */
.banner:not(:first-child) {
  margin-top: 10px;
}
.banner a {
  display: inline-block;
  vertical-align: top;
}
.banner a img {
  display: block;
}
.banner a.is-hover {
  opacity: 0.8;
}

.snsTimeline {
  width: 100%;
}
.snsTimeline:not(:first-child) {
  margin-top: 10px;
}
.snsTimeline.snsTimeline-facebook {
  height: 214px;
}
.snsTimeline.snsTimeline-twitter {
  height: 400px;
}

/* Module::breadcrumb */
.breadcrumb {
  background-color: #F7F7F7;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb:not(:first-child) {
  margin-top: 10px;
}
.breadcrumb li {
  display: inline;
  position: relative;
  font-size: 1.1rem;
}
.breadcrumb li:not(:first-child):before, .breadcrumb li:not(:first-child):after {
  position: absolute;
  left: 0px;
  display: block;
  content: "";
  background-color: #f7f7f7;
  border-left: 2px solid #ccc;
  width: 0;
  height: 12px;
}
.breadcrumb li:not(:first-child):after {
  top: 6px;
  -moz-transform: skew(-35deg);
  -ms-transform: skew(-35deg);
  -webkit-transform: skew(-35deg);
  transform: skew(-35deg);
}
.breadcrumb li:not(:first-child):before {
  bottom: 5px;
  -moz-transform: skew(35deg);
  -ms-transform: skew(35deg);
  -webkit-transform: skew(35deg);
  transform: skew(35deg);
}
.breadcrumb a {
  display: inline-block;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  color: #000;
}
.breadcrumb a:hover {
  background-color: #FFF8DD;
  color: #1786D5;
}
.breadcrumb a.is-current {
  pointer-events: none;
}

/* Module::paginate */
.paginate {
  margin: 30px 0 60px;
  font-size: 0rem;
  text-align: center;
}
.paginate a, .paginate span {
  font-size: 1.2rem;
  line-height: 20px;
  color: #636668;
  font-weight: bold;
  text-decoration: none;
}
.paginate .page, .paginate .ellipsis {
  display: inline-block;
  width: 20px;
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  margin: 0 3px;
}
.paginate .page {
  background-color: #F0F0F0;
  white-space: nowrap;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.paginate .page.is-hover {
  border-color: #1786D5;
  color: #1786D5;
  box-shadow: none;
  background-color: #fdf0ce;
}
.paginate .page.page-first, .paginate .page.page-last {
  padding: 5px 20px;
  border-radius: 16px;
  color: #000;
  font-weight: bold;
  background-color: #FFCE00;
}
.paginate .page.page-first.is-hover, .paginate .page.page-last.is-hover {
  background-color: #fdf0ce;
  color: #1786D5;
}
.paginate .page.page-first.page-disabled, .paginate .page.page-last.page-disabled {
  pointer-events: none;
  background-color: #F0F0F0;
  color: #ccc;
}
.paginate .page.page-first {
  margin-right: 30px;
}
.paginate .page.page-last {
  margin-left: 30px;
}
.paginate .page.page-current {
  background-color: #FFCE00;
  border-color: #FFCE00;
  color: #5D4905;
}

/* Module::searchBox */
.searchBox {
  position: relative;
  padding: 0 30px 0 0;
}
.searchBox input {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FAFAFA;
  border: solid 1px #D1D5D8;
  border-right: none;
  padding: 0 10px;
  border-radius: 4px 0 0 4px;
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
  line-height: 30px;
  box-shadow: none;
}
.searchBox button {
  position: relative;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  background-color: #555555;
  border: 1px solid #999;
  width: 30px;
  height: 30px;
  border-radius: 0 4px 4px 0;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.searchBox button i {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: white;
}
.searchBox button.is-hover {
  background-color: #1786D5;
}
.searchBox button.is-hover i {
  color: #ffffff;
}

/* Module::searchSection */
.searchSection {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px 0;
  background-color: #ffffff;
}
.searchSection .searchSectionBody {
  border-top: 1px solid #ccc;
  padding: 10px 0 0;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.searchSection .searchSectionBody .searchBox {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody .searchBox {
    padding-right: 0;
  }
}
.searchSection .searchSectionBody .searchBox .selectbox {
  float: left;
  width: 18%;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody .searchBox .selectbox {
    width: 38%;
    margin-bottom: 5px;
  }
}
.searchSection .searchSectionBody .searchBox input {
  width: 61%;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody .searchBox input {
    clear: both;
    float: left;
    width: 83%;
  }
}
.searchSection .searchSectionBody .searchBox button {
  width: 51px;
  background-color: #555;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody .searchBox button {
    float: left;
    position: inherit;
  }
}
.searchSection .searchSectionBody .searchBox button i {
  color: #ffffff;
}
.searchSection .searchSectionBody .searchKeyword {
  overflow: hidden;
  font-size: 1.3rem;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBody .searchKeyword {
    clear: both;
  }
}
.searchSection .searchSectionBody .searchKeyword dt {
  float: left;
  font-weight: bold;
  margin-right: 15px;
}
.searchSection .searchSectionBody .searchKeyword dd {
  float: left;
  margin-top: 0;
}
.searchSection .searchSectionBody .searchKeyword dd ul li {
  margin-right: 0;
}
.searchSection .searchSectionBody .searchKeyword dd ul li a {
  text-decoration: none;
}
.searchSection .searchSectionBottom {
  margin-top: 10px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .searchSection .searchSectionBottom {
    display: block;
  }
}
.searchSection .searchSectionBottom a {
  display: block;
  text-align: center;
  padding: 10px 0 0;
  text-decoration: none;
  font-size: 1.2rem;
}

.searchSection + .btn-list {
  display: none;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .searchSection + .btn-list {
    display: block !important;
  }
}
.searchSection + .btn-list li {
  margin-top: 5px;
}
.searchSection + .btn-list li .btn, .searchSection + .btn-list li .listBottomBtn {
  width: 100%;
}

.bnrSection {
  width: 100%;
  margin-top: 30px;
}
.bnrSection.archive-carousel .prevControl, .bnrSection.archive-carousel .nextControl {
  top: 20px;
}
.bnrSection .bnrSectionItems {
  overflow: hidden;
  margin-left: -1%;
}
.bnrSection .bnrSectionItems li {
  float: left;
  width: 19%;
  margin-left: 1%;
}
.bnrSection .bnrSectionItems li a {
  width: 100%;
}
.bnrSection .bnrSectionItems li a img {
  width: 100%;
  height: auto;
}

.searchSectionHeader {
  overflow: hidden;
  padding: 5px 15px 0;
}
.searchSectionHeader .txt-list {
  float: left;
}
.searchSectionHeader .txt-list li {
  display: inline;
  margin-right: 20px;
  font-size: 1.4rem;
}
.searchSectionHeader .txt-list li em {
  font-size: 2.1rem;
  font-weight: bold;
  margin-right: 5px;
  font-style: normal;
}
.searchSectionHeader .txt-link {
  float: right;
  font-size: 1.2rem;
}
.searchSectionHeader .txt-link p {
  margin-top: 5px;
}
.searchSectionHeader .txt-link a {
  text-decoration: none;
}
.searchSectionHeader .txt-link .searchBox {
  padding-right: 0;
  top: -5px;
}
.searchSectionHeader .txt-link .selectbox {
  width: 96px;
}
@media screen and (max-width: 767px) {
  .searchSectionHeader {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .searchSectionHeader .txt-list li {
    display: block;
  }
  .searchSectionHeader .txt-link {
    margin-top: 15px;
  }
}

/* Module::searchBlockVertical */
.searchBlockVertical {
  overflow: hidden;
}
.searchBlockVertical .searchBlockItems {
  width: 25%;
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .searchBlockVertical .searchBlockItems {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .searchBlockVertical .searchBlockItems dl {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.searchBlockVertical .searchBlockItems dl dt {
  border-left: 3px solid #999;
  padding-left: 8px;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .searchBlockVertical .searchBlockItems dl dt:before {
    content: "expand_more";
    position: absolute;
    top: 10px;
    right: 5px;
    bottom: 0px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .searchBlockVertical .searchBlockItems dl dt {
    border: 1px solid #999;
    background-color: #FAFAFA;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
  }
}
.searchBlockVertical .searchBlockItems dl dd {
  margin-left: 1em;
  margin-bottom: 20px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .searchBlockVertical .searchBlockItems dl dd {
    display: none;
  }
}
.searchBlockVertical .searchBlockItems dl dd ul li a {
  text-decoration: none;
}

/* Module::searchBlockList */
.searchBlockList dl {
  overflow: hidden;
}
.searchBlockList dl dt {
  clear: both;
  float: left;
  width: 20%;
  font-size: 1.4rem;
  border-left: 3px solid #999;
  padding-left: 8px;
  margin-bottom: 20px;
  box-sizing: border-box;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .searchBlockList dl dt {
    float: none;
    width: auto;
  }
}
.searchBlockList dl dd {
  float: left;
  width: 70%;
  margin-top: 0;
  font-size: 1.3rem;
  margin-bottom: 20px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .searchBlockList dl dd {
    float: none;
    width: auto;
  }
}
.searchBlockList dl dd ul li {
  display: inline;
}
.searchBlockList dl dd ul li a {
  text-decoration: none;
}

/* Module::searchBlockBtnGroup */
.searchBlockBtnGroup ul {
  overflow: hidden;
  margin-left: -1%;
}
@media screen and (max-width: 767px) {
  .searchBlockBtnGroup ul {
    margin-left: -2%;
  }
}
.searchBlockBtnGroup ul li {
  width: 19%;
  margin-left: 1%;
  margin-bottom: 1%;
  float: left;
}
@media screen and (max-width: 767px) {
  .searchBlockBtnGroup ul li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
}
.searchBlockBtnGroup ul li a.btn.btn-default, .searchBlockBtnGroup ul li a.btn-default.listBottomBtn {
  width: 100%;
  font-size: 1.3rem;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: normal;
  background-color: #FAFAFA !important;
}

/* Module::searchResultList */
.searchResultList {
  border-top: none !important;
}
.searchResultList > li {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .searchResultList > li {
    margin-top: 15px;
  }
}
.searchResultList .listItem .listItemInner {
  text-decoration: none;
  padding: 0 0 10px;
}
@media screen and (max-width: 767px) {
  .searchResultList .listItem .listItemInner {
    padding-bottom: 15px;
  }
}
.searchResultList .listItem .listItemInner:hover .listItemThumb {
  opacity: 0.7;
}
.searchResultList .listItem .listItemInner .listItemThumb {
  width: 24%;
  height: 10vw;
  border: none;
}
@media screen and (max-width: 767px) {
  .searchResultList .listItem .listItemInner .listItemThumb {
    width: 100%;
    float: none;
    height: 40vw;
  }
}
.searchResultList .listItem .listItemInner .listItemContents {
  margin-left: 25.5%;
  padding: 4px 15px 0 0;
}
@media screen and (max-width: 767px) {
  .searchResultList .listItem .listItemInner .listItemContents {
    margin-left: 0;
    padding-left: 15px;
    padding-top: 10px;
  }
}
.searchResultList .listItem .listItemInner .listItemContents .searchResultListHead {
  overflow: hidden;
  margin-bottom: 10px;
}
.searchResultList .listItem .listItemInner .listItemContents .searchResultListHead ul {
  float: left;
  margin-right: 10px;
}
.searchResultList .listItem .listItemInner .listItemContents .listItemName {
  margin: 10px 0 0;
  font-size: 1.5rem;
}
.searchResultList .listItem .listItemInner .listItemContents .listItemCaption {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #005DDB;
}
.searchResultList .listItem .listItemInner .listItemContents .listItemCaption .label {
  margin-left: 10px;
  font-weight: normal;
}
.searchResultList .listItem .listItemInner .listItemContents .listItemDescription {
  font-size: 1.1rem;
  line-height: 1.5em;
  height: 105px;
  overflow-y: hidden;
}
.searchResultList.searchResult-wide > li {
  margin-bottom: 30px;
}
.searchResultList.searchResult-wide .listItem .listItemInner {
  border-bottom-width: 4px;
  border-radius: 4px;
}
.searchResultList.searchResult-wide .listItem .listItemInner .listItemThumbList ul {
  display: -webkit-flex;
  display: flex;
}
.searchResultList.searchResult-wide .listItem .listItemInner .listItemThumbList ul li.listItemThumbListImg {
  width: 33.3333%;
  height: 17vw;
  background-size: cover;
}
.searchResultList.searchResult-wide .listItem .listItemInner .listItemThumb {
  width: 100%;
}
.searchResultList.searchResult-wide .listItem .listItemInner .listItemContents {
  margin-left: 0;
  padding: 15px 20px;
}

.inline-list-status {
  margin-bottom: 5px;
}
.inline-list-status li {
  font-size: 1.2rem;
  color: #D0A000;
  font-weight: bold;
  line-height: 1;
  border-bottom: none;
}
.inline-list-status li i {
  margin-right: 2px;
  font-size: 1.2rem;
}

.inline-list-label li {
  margin-right: 2px;
}
.inline-list-label li .label {
  font-weight: normal;
}

.searchResultConpact {
  border-bottom: 1px solid #DEDDD9;
}
.searchResultConpact .searchResultListHead {
  overflow: hidden;
  margin-bottom: 10px;
}
.searchResultConpact .searchResultListHead .is-left {
  float: left;
}
.searchResultConpact .searchResultListHead .is-right {
  float: right;
}
.searchResultConpact .listItem .listItemInner {
  padding-left: 10px;
  padding-right: 10px;
}
.searchResultConpact .listItem .listItemInner .listItemThumb {
  width: 105px;
  height: 70px;
}
.searchResultConpact .listItem .listItemInner .listItemContents {
  margin-left: 115px;
}
.searchResultConpact .listItem .listItemInner .listItemContents .listItemCaption {
  color: #005DDB;
}

/* Module::list */
.listItem {
  position: relative;
  display: block;
}
.listItem .listItemThumb {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 96px;
  height: 96px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px #EEEEEE;
}
.listItem .listItemThumb + .listItemContents {
  margin-left: 106px;
}
.listItem .listItemName {
  color: #2F333B;
  word-break: break-all;
}
.listItem .listItemName + .listItemDescription {
  margin-top: 3px;
}
.listItem .listItemName + .listItemCaption {
  margin-top: 3px;
}
.listItem .listItemDescription {
  color: #494B4C;
  word-break: break-all;
}
.listItem .listItemDescription + .listItemCaption {
  margin-top: 3px;
}
.listItem .listItemCaption {
  color: #8F9395;
  word-break: break-all;
}
.listItem .listItemCaption + .listItemDescription {
  margin-top: 3px;
}
.listItem .listItemInner {
  display: block;
  position: relative;
  padding: 10px 0;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  *zoom: 1;
  cursor: pointer;
}
.listItem .listItemInner:after {
  content: "";
  display: table;
  clear: both;
}
.listItem .listItemInner:hover {
  background-color: #EDF5FA;
  opacity: 0.6;
}
.listItem .listItemInner:hover.active {
  opacity: 1;
}
.listItem .listItemInner:hover .listItemName {
  color: #1786D5;
}
.listItem .listItemInner:hover .listItemDescription {
  color: #1786D5;
}
.listItem .listItemTools {
  font-size: 0rem;
  line-height: 1em;
}

.jobDetailHeader .listItem .listItemInner {
  cursor: auto;
}
.jobDetailHeader .listItem .listItemInner .listItemContents .listItemCaption {
  color: #2F333B;
}
.jobDetailHeader .listItem .listItemInner:hover {
  background-color: transparent;
  opacity: 1;
}
.jobDetailHeader .listItem .listItemInner:hover .listItemThumb {
  opacity: 1;
}
.jobDetailHeader .listItem .listItemInner:hover .listItemName {
  color: #2F333B;
}

@media screen and (min-width: 980px) {
  #rightBar .listItem .listItemName {
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: bold;
  }
  #rightBar .listItem .listItemDescription {
    font-size: 1.2rem;
    line-height: 1.35em;
    font-weight: normal;
  }
}
.noItem {
  background-color: #EDF5FA;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
}
.noItem .action {
  margin-top: 10px;
}

.list.list-col-2, .list.list-col-3, .list.list-col-4 {
  margin-left: -10px;
  margin-right: -10px;
}
.list.list-col-2:not(:first-child), .list.list-col-3:not(:first-child), .list.list-col-4:not(:first-child) {
  margin-top: 0;
  margin-bottom: 0;
  border-top: solid 1px #DEDDD9;
}
.list.list-col-2 li, .list.list-col-3 li, .list.list-col-4 li {
  padding-left: 10px;
  padding-right: 10px;
}
.list.list-col-2 li:after, .list.list-col-3 li:after, .list.list-col-4 li:after {
  content: "";
  display: block;
  border-bottom: solid 1px #DEDDD9;
  margin: 0;
}
.list.list-col-2 li:not(:last-child), .list.list-col-3 li:not(:last-child), .list.list-col-4 li:not(:last-child) {
  border-bottom: none;
}

.list {
  margin: -10px 0;
  font-size: 0rem;
  line-height: 1em;
}
.list:not(:first-child) {
  margin: 0;
  border-top: solid 1px #DEDDD9;
}
.list > li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.list > li:not(:last-child) {
  border-bottom: solid 1px #DEDDD9;
}
.list.list-col-2 li {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .list.list-col-2 li {
    width: 100%;
  }
}
.list.list-col-2 li:last-child:after, .list.list-col-2 li:nth-child(odd):nth-last-child(2):after {
  border-bottom: none;
}
.list.list-col-3 li {
  width: 33.333%;
}
@media screen and (max-width: 767px) {
  .list.list-col-3 li {
    width: 50%;
    margin-top: 10px;
  }
}
.list.list-col-3 li:last-child:after, .list.list-col-3 li:nth-child(3n+1):nth-last-child(3):after, .list.list-col-3 li:nth-child(3n+1):nth-last-child(2):after, .list.list-col-3 li:nth-child(3n+2):nth-last-child(2):after {
  border-bottom: none;
}
.list.list-col-4 li {
  width: 25%;
}
@media screen and (max-width: 767px) {
  .list.list-col-4 li {
    width: 50%;
  }
}
.list.list-col-4 li:last-child:after, .list.list-col-4 li:nth-child(4n+1):nth-last-child(4):after, .list.list-col-4 li:nth-child(4n+1):nth-last-child(3):after, .list.list-col-4 li:nth-child(4n+1):nth-last-child(2):after, .list.list-col-4 li:nth-child(4n+2):nth-last-child(3):after, .list.list-col-4 li:nth-child(4n+2):nth-last-child(2):after, .list.list-col-4 li:nth-child(4n+3):nth-last-child(2):after {
  border-bottom: none;
}
.list.list-fullWidth {
  margin-left: -20px;
  margin-right: -20px;
}
.list.list-fullWidth .listItem .listItemInner {
  padding-left: 20px;
  padding-right: 20px;
}

.appHeaderItem .list {
  max-height: 450px;
  overflow: auto;
}
.appHeaderItem .list .listItemName {
  font-weight: normal;
  font-size: 1.1rem;
}

@media screen and (min-width: 980px) {
  #rightBar .list.list-col-2 li, #rightBar .list.list-col-3 li, #rightBar .list.list-col-4 li {
    width: 100%;
  }
  #rightBar .list.list-fullWidth {
    margin-left: -10px;
    margin-right: -10px;
  }
  #rightBar .list.list-fullWidth .listItem .listItemInner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.listBottomBtn {
  border-top: solid 1px #DEDDD9;
  border-radius: 0;
  font-size: 1.4rem;
}

.listFilter {
  position: relative;
  margin-bottom: 5px;
}
.listFilter:after {
  position: absolute;
  top: 0px;
  right: 6px;
  bottom: 0px;
  margin: auto;
  content: "filter_list";
  font-size: 1.8rem;
}
.listFilter input {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #EEEEEE;
  border: none;
  padding: 0 30px 0 10px;
  max-width: 100%;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
  line-height: 30px;
  box-shadow: none;
}

.inline-list li {
  display: inline;
  margin-right: 5px;
  margin-bottom: 5px;
}

.inline-block-list li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
}

/* Module::dlList */
.dlList {
  overflow: hidden;
}
.dlList dt, .dlList dd {
  border-top: 1px solid #ccc;
  padding: 7px 10px 5px;
  box-sizing: border-box;
  margin: 0 !important;
  min-height: 1em;
}
.dlList dt.borderNone, .dlList dd.borderNone {
  border-top: none;
}
@media screen and (max-width: 767px) {
  .dlList dt.borderNone, .dlList dd.borderNone {
    border-top: 1px solid #ccc;
  }
}
.dlList dt {
  float: left;
  clear: both;
  width: 20%;
}
@media screen and (max-width: 767px) {
  .dlList dt {
    width: 100%;
    background: #FAFAFA;
  }
}
.dlList dd {
  float: left;
  width: 80%;
}
@media screen and (max-width: 767px) {
  .dlList dd {
    width: 100%;
  }
}

.list.list-tight li .listItem .listItemInner .listItemName {
  color: #000 !important;
  position: relative;
  padding-left: 10px;
  font-weight: normal;
}
.list.list-tight li .listItem .listItemInner .listItemName:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  font-family: FontAwesome;
  font-size: 120%;
}
.list.list-tight li .listItem .listItemInner.is-current {
  background-color: #FFF8DD;
  border-bottom: 1px solid #ccc;
}
.list.list-tight li .listItem .listItemInner.is-current .listItemName:before {
  content: "";
}

.listInner {
  margin-left: 15px;
}
.listInner li:not(:first-child) {
  border-top: 1px solid #ccc;
}
.listInner li label {
  font-size: 1.2rem;
}

.top-pickup .title {
  background-color: #eee;
  color: #555;
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 0;
}
.top-pickup ul.list {
  margin: 20px 0;
  padding: 0 10px;
  border-top: none;
  border-bottom: 1px solid #DEDDD9;
}

/* Module::listItem-searchHistory */
.card-searchHistoryList {
  margin: -8px 10px 0 !important;
}

.listItem-searchHistory .listItemThumb {
  width: 68px;
  height: 68px;
}
.listItem-searchHistory .listItemThumb + .listItemContents {
  margin-left: 78px;
}

.list-searchHistory.list-fullWidth {
  margin-left: -10px;
  margin-right: -10px;
}
.list-searchHistory.list-fullWidth .listItem .listItemInner {
  padding-left: 10px;
  padding-right: 10px;
}

/* Module::list-suggest */
.card-suggestList {
  margin: -8px 10px 0 !important;
}

.listItem-suggest .listItemThumb {
  width: 68px;
  height: 68px;
}
.listItem-suggest .listItemThumb + .listItemContents {
  margin-left: 78px;
}

.list-suggest.list-fullWidth {
  margin-left: -10px;
  margin-right: -10px;
}
.list-suggest.list-fullWidth .listItem .listItemInner {
  padding-left: 10px;
  padding-right: 10px;
}

/* Module::list-notice */
.listItem-notice .listItemThumb {
  width: 54px;
  height: 54px;
}
.listItem-notice .listItemThumb + .listItemContents {
  margin-left: 64px;
}
.listItem-notice.is-unread {
  background-color: #fef7e7;
}

.list-notice.list-fullWidth {
  margin-left: -10px;
  margin-right: -10px;
}
.list-notice.list-fullWidth .listItem.is-unread.is-hover {
  background-color: #fdf0ce;
}
.list-notice.list-fullWidth .listItem .listItemInner {
  padding-left: 10px;
  padding-right: 10px;
}

/* Module::list-chat */
.listItem-chat {
  background-color: #ffffff;
  overflow: hidden;
}
.listItem-chat .listItemThumb {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.listItem-chat .listItemThumb + .listItemContents {
  margin-left: 40px;
}
.listItem-chat.is-new {
  background-color: #fef7e7;
}
.listItem-chat.is-new:before {
  content: "";
  top: -6px;
  left: -6px;
  position: absolute;
  z-index: 100;
  display: block;
  transform: rotate(-45deg);
  width: 12px;
  height: 12px;
  background-color: #DA4040;
}
.listItem-chat.is-hover {
  background-color: #fef7e7;
}
.listItem-chat.is-hover .listItemInner {
  background-color: #fef7e7;
  opacity: 1;
}
.listItem-chat.is-hover .listItemInner .listItemName {
  color: #2F333B;
}
.listItem-chat.is-selected .listItemInner {
  background-color: #FFE26A;
  pointer-events: none;
}
.listItem-chat.is-disabled {
  background-color: white;
}
.listItem-chat.is-disabled .listItemThumb {
  opacity: 0.5;
}
.listItem-chat.is-disabled .listItemName {
  color: #BBBBBB;
}

.list-chat.list-fullWidth {
  margin-left: -10px;
  margin-right: -10px;
}
.list-chat.list-fullWidth .listItem.is-new.is-hover {
  background-color: #fdf0ce;
}
.list-chat.list-fullWidth .listItem .listItemInner {
  padding-left: 10px;
  padding-right: 10px;
}
.list-chat.list-fullWidth .listItem .listItemName {
  font-size: 1.2rem;
}
.list-chat.list-fullWidth .listItem .listItemCaption {
  font-size: 1rem;
}

/* Module::list-estimate */
.listItem-estimate .listItemInner {
  padding: 10px 0 27px;
}
.listItem-estimate .listItemName {
  margin-right: 72px;
}
.listItem-estimate .estimateStatus {
  display: block;
  padding: 0 13px;
  position: absolute;
  top: 7px;
  right: 0px;
  font-size: 1.2rem;
  line-height: 21px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.listItem-estimate .estimateStatus.estimateStatus-fixed {
  background-color: #1786D5;
}
.listItem-estimate .estimateStatus.estimateStatus-inProgress {
  background-color: #DA4040;
}
.listItem-estimate .listItemTools {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
  white-space: nowrap;
}
.listItem-estimate .listItemTools a {
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 979px) {
  .listItem-estimate .listItemTools a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.listItem-research .listItemTools {
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: right;
  white-space: nowrap;
}
.listItem-research .listItemTools a {
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 979px) {
  .listItem-research .listItemTools a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* Module::list-project */
.listItem-project .projectScope, .listItem-project .projectWorkType {
  font-size: 0rem;
}
.listItem-project .projectScope .tag, .listItem-project .projectWorkType .tag {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 5px;
}
.listItem-project .projectScope {
  margin-top: 4px;
}
.listItem-project .projectWorkType {
  margin-top: 2px;
}
.listItem-project .projectDate, .listItem-project .projectPref, .listItem-project .projectFavoriteCount, .listItem-project .projectChatCount {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 5px;
  font-size: 1.1rem;
  line-height: 1.81818em;
  color: #636668;
  font-weight: bold;
}
.listItem-project .projectDate:not(:last-child), .listItem-project .projectPref:not(:last-child), .listItem-project .projectFavoriteCount:not(:last-child), .listItem-project .projectChatCount:not(:last-child) {
  margin-right: 20px;
}
.listItem-project .projectDate i, .listItem-project .projectPref i, .listItem-project .projectFavoriteCount i, .listItem-project .projectChatCount i {
  font-size: 1.6rem;
  color: #8F9395;
  margin-right: 3px;
}
.listItem-project .listItemTools {
  position: absolute;
  top: 0px;
  right: 10px;
}
.listItem-project .btn-toggleFavorite.is-hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.listItem-project + .projectChats i {
  font-size: 1.6rem;
  margin-right: 0.3em;
}
.listItem-project + .projectChats a {
  border-top: solid 1px #EEEEEE;
  display: block;
  padding: 8px 20px 8px 126px;
  background-color: #ffffff;
  text-decoration: none;
}
.listItem-project + .projectChats a.btn-sendMessage {
  color: #1786D5;
}
.listItem-project + .projectChats li {
  border: none;
}
.listItem-project.listItem-project-order .listItemName {
  color: #238E3A;
}
.listItem-project.listItem-project-order + .projectChats a {
  color: #238E3A;
}
.listItem-project.listItem-project-order + .projectChats a.is-hover {
  background-color: #E7F2E9;
}
.listItem-project.listItem-project-orderPossible .listItemName {
  color: #E94F60;
}
.listItem-project.listItem-project-orderPossible + .projectChats a {
  color: #E94F60;
}
.listItem-project.listItem-project-orderPossible + .projectChats a.btn-sendMessage {
  color: #1786D5;
}
.listItem-project.listItem-project-orderPossible + .projectChats a.is-hover {
  background-color: #FFEAEC;
}
.listItem-project.listItem-project-orderPossible + .projectChats a.is-hover.btn-sendMessage {
  color: #1786D5;
  background-color: #EDF5FA;
}

.list.list-project-order .listItem-project-order.is-hover {
  background-color: #E7F2E9;
}
.list.list-project-order .listItem-project-order a.is-hover .listItemName {
  color: #238E3A;
}
.list.list-project-order .listItem-project-order + .projectChats a.is-hover {
  color: #238E3A;
}

.list.list-project-orderPossible .listItem-project-orderPossible.is-hover {
  background-color: #FFEAEC;
}
.list.list-project-orderPossible .listItem-project-orderPossible a.is-hover .listItemName {
  color: #E94F60;
}
.list.list-project-orderPossible .listItem-project-orderPossible + .projectChats a.is-hover {
  color: #E94F60;
}
.list.list-project-orderPossible .listItem-project-orderPossible + .projectChats a.is-hover.btn-sendMessage {
  color: #1786D5;
}

@media screen and (max-width: 767px) {
  .projectPref.layout-ml-20 {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .projectPref.layout-ml-20 {
    margin-left: 0 !important;
  }
}
/* Module::list-offer */
.listItem-offer .offerWorkType {
  margin-top: 2px;
  font-size: 0rem;
}
.listItem-offer .offerWorkType .tag {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 5px;
}
.listItem-offer .offerProp {
  display: inline-block;
  vertical-align: bottom;
  margin-top: 5px;
  font-size: 1.1rem;
  line-height: 1.81818em;
  color: #636668;
  font-weight: bold;
}
.listItem-offer .offerProp:not(:last-child) {
  margin-right: 20px;
}
.listItem-offer .offerProp i {
  font-size: 1.6rem;
  color: #8F9395;
  margin-right: 3px;
}
.listItem-offer .listItemTools {
  position: absolute;
  top: 0px;
  right: 10px;
}
.listItem-offer .btn-toggleFavorite.is-hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.listItem-offer + .projectChats i {
  font-size: 1.6rem;
  margin-right: 0.3em;
}
.listItem-offer + .projectChats a {
  border-top: solid 1px #EEEEEE;
  display: block;
  padding: 8px 20px 8px 126px;
  background-color: #ffffff;
  text-decoration: none;
}
.listItem-offer + .projectChats a.btn-sendMessage {
  color: #1786D5;
}
.listItem-offer + .projectChats li {
  border: none;
}
.listItem-offer.listItem-offer-employee .listItemName {
  color: #005DDB;
}
.listItem-offer.listItem-offer-partner .listItemName {
  color: #005DDB;
}

.list.list-offer-employee .listItem-offer-employee.is-hover {
  background-color: #EDF5FA;
}
.list.list-offer-employee .listItem-offer-employee a.is-hover .listItemName {
  color: #005DDB;
}

.list.list-offer-partner .listItem-offer-partner.is-hover {
  background-color: #EDF5FA;
}
.list.list-offer-partner .listItem-offer-partner a.is-hover .listItemName {
  color: #005DDB;
}

/* Module::list-menu */
.listItem-menu .listItemInner.is-hover .listItemName {
  color: #494B4C;
}
.listItem-menu.is-current {
  background-color: #FCE09B;
}
.listItem-menu.listItem-menu-order .listItemInner .listItemName {
  color: #238E3A;
}
.listItem-menu.listItem-menu-order .listItemInner.is-hover .listItemName {
  background-color: #E7F2E9;
}
.listItem-menu.listItem-menu-order.is-current {
  background-color: #E7F2E9;
}
.listItem-menu.listItem-menu-orderPossible .listItemInner .listItemName {
  color: #E94F60;
}
.listItem-menu.listItem-menu-orderPossible .listItemInner.is-hover .listItemName {
  background-color: #FFEAEC;
}
.listItem-menu.listItem-menu-orderPossible.is-current {
  background-color: #FFEAEC;
}

@media screen and (min-width: 980px) {
  #rightBar .listItem-menu .listItemName {
    font-size: 1.4rem;
    line-height: 1.2em;
    font-weight: bold;
  }
}
.list-menu.list-fullWidth .listItem.is-hover {
  background-color: #FCE09B;
}
.list-menu.list-fullWidth .listItem.is-current {
  background-color: #FCE09B;
}
.list-menu.list-fullWidth .listItem.listItem-menu-order.is-hover {
  background-color: #E7F2E9;
}
.list-menu.list-fullWidth .listItem.listItem-menu-order.is-current {
  background-color: #E7F2E9;
}
.list-menu.list-fullWidth .listItem.listItem-menu-orderPossible.is-hover {
  background-color: #FFEAEC;
}
.list-menu.list-fullWidth .listItem.listItem-menu-orderPossible.is-current {
  background-color: #FFEAEC;
}

/* Module::list-shopItem */
.listItem-shopItem .listItemThumb {
  float: none;
  border: solid 1px #EEEEEE;
  width: 146px;
  height: 146px;
  max-width: 100%;
  background-size: contain;
}
.listItem-shopItem .listItemThumb + .listItemContents {
  margin-left: 0;
}
.listItem-shopItem .listItemContents {
  margin-top: 10px;
}
.listItem-shopItem .listItemDescription {
  margin-top: 5px;
}
.listItem-shopItem .listItemCaption {
  margin-top: 5px;
}
.listItem-shopItem .price {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: bold;
  color: #E40000;
}
.listItem-shopItem .listItemInner {
  padding: 20px 0;
}

@media screen and (min-width: 980px) {
  #rightBar .listItem-shopItem .listItemThumb {
    width: 50px;
    height: 50px;
    float: left;
  }
  #rightBar .listItem-shopItem .listItemThumb + .listItemContents {
    margin-left: 60px;
  }
  #rightBar .listItem-shopItem .listItemContents {
    margin-top: 0;
  }
  #rightBar .listItem-shopItem .listItemInner {
    padding: 10px 0;
  }
}
/* Module::tileList */
.tileListItem {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  border: solid 1px #EEEEEE;
}
.tileListItem .tileListItemName {
  color: #2F333B;
}
.tileListItem .tileListItemDescription {
  color: #494B4C;
}
.tileListItem .tileListItemThumbImage {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 120px;
  padding-top: 36%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.tileListItem .tileListItemThumb {
  overflow: hidden;
}
.tileListItem .tileListItemContents {
  border-top: solid 1px #EEEEEE;
  padding: 10px;
}
.tileListItem .tileListItemInner {
  display: block;
  position: relative;
  text-decoration: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  *zoom: 1;
}
.tileListItem .tileListItemInner:after {
  content: "";
  display: table;
  clear: both;
}
.tileListItem .tileListItemInner.is-hover {
  background-color: #EDF5FA;
}
.tileListItem .tileListItemInner.is-hover .tileListItemName {
  color: #1786D5;
}
.tileListItem .tileListItemInner.is-hover .tileListItemDescription {
  color: #1786D5;
}
.tileListItem .tileListItemTool {
  display: table-cell;
}
.tileListItem .tileListItemTools {
  border-top: solid 1px #EFF1F2;
  display: table;
  table-layout: fixed;
  width: 100.3%;
  margin: 0 auto;
}

.tileList.tileList-largeThumbnail .tileListItem .tileListItemThumbImage {
  min-height: 180px;
  padding-top: 45%;
}

.tileList {
  font-size: 0rem;
  margin: -10px;
}
.tileList li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  width: 33.33333%;
}
@media screen and (max-width: 767px) {
  .tileList li {
    width: 100%;
  }
}
.tileList.tileList-2column li {
  width: 50%;
}
.tileList.tileList-3column li {
  width: 33.33333%;
}
@media screen and (max-width: 767px) {
  .tileList.tileList-3column li {
    width: 50%;
  }
}
.tileList.tileList-4column li {
  width: 25%;
}
.tileList.tileList-5column li {
  width: 20%;
}

/* Module::tileList-construction */
.tileListItem-construction .tileListItemThumbImage {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tileListItem-construction .tileListItemName {
  margin-bottom: 3px;
}
.tileListItem-construction .tileListItemName:empty {
  display: none;
}
.tileListItem-construction .constructionStatus {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0 5px;
  background-color: #ffffff;
  font-size: 1.2rem;
  line-height: 24px;
  color: #494B4C;
}
.tileListItem-construction .constructionStatus:empty {
  display: none;
}
.tileListItem-construction .constructionCustomerName:empty {
  display: none;
}
.tileListItem-construction .constructionType .tag, .tileListItem-construction .constructionWorkType .tag {
  margin-top: 3px;
  vertical-align: top;
  margin-right: 5px;
}
.tileListItem-construction .constructionType .ellipsis, .tileListItem-construction .constructionWorkType .ellipsis {
  margin-top: 3px;
  display: inline-block;
  vertical-align: top;
  border: solid 1px transparent;
  font-size: 1.1rem;
  line-height: 1.45455em;
  font-weight: bold;
  color: #7A7E80;
}
.tileListItem-construction .constructionType:empty, .tileListItem-construction .constructionWorkType:empty {
  display: none;
}
.tileListItem-construction .constructionType {
  margin-top: 2px;
}
.tileListItem-construction .constructionWorkType {
  margin-top: 1px;
}
.tileListItem-construction .constructionWorkType + .constructionDate, .tileListItem-construction .constructionWorkType + .constructionPref, .tileListItem-construction .constructionWorkType + .constructionPref {
  margin-top: 5px;
}
.tileListItem-construction .constructionDate, .tileListItem-construction .constructionPref {
  margin-top: 1px;
  display: inline-block;
  vertical-align: bottom;
  font-size: 1.1rem;
  line-height: 1.81818em;
  color: #636668;
  font-weight: bold;
}
.tileListItem-construction .constructionDate:not(:last-child), .tileListItem-construction .constructionPref:not(:last-child) {
  margin-right: 15px;
}
.tileListItem-construction .constructionDate:before, .tileListItem-construction .constructionPref:before {
  content: "";
  font-size: 1.6rem;
  color: #8F9395;
  vertical-align: -0.2em;
  margin-right: 3px;
}
.tileListItem-construction .constructionDate:empty, .tileListItem-construction .constructionPref:empty {
  display: none;
}
.tileListItem-construction .constructionPref {
  margin-top: 1px;
}
.tileListItem-construction .constructionPref:before {
  content: "";
}
.tileListItem-construction .tileListItemInner.is-hover .tileListItemThumbImage {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.tileListItem-construction .tileListItemTools {
  table-layout: auto;
}
.tileListItem-construction .tileListItemTools .btn, .tileListItem-construction .tileListItemTools .listBottomBtn {
  border-radius: 0;
  padding: 5px 0px;
}
.tileListItem-construction .tileListItemTools .btn-toggleFavorite, .tileListItem-construction .tileListItemTools .btn-showChat {
  width: 40px;
}
.tileListItem-construction .tileListItemTools .btn-showReport, .tileListItem-construction .tileListItemTools .btn-showEstimate {
  font-size: 1.3rem;
  padding: 5px 0;
}

/* Module::fileList */
.fileListItem {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}
.fileListItem .fileListItemThumbnail {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 100%;
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.fileListItem .fileListItemThumbnail a {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: solid 1px #EEEEEE;
}
.fileListItem .fileListItemThumbnail a.is-hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.fileListItem .fileListItemContents {
  margin-top: 3px;
  padding-bottom: 30px;
}
.fileListItem .fileListItemName {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fileListItem .fileListItemDescription {
  margin-top: 3px;
}
.fileListItem .fileListItemTools {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 0 5px 5px;
}
.fileListItem .btn + .btn, .fileListItem .listBottomBtn + .btn, .fileListItem .btn + .listBottomBtn, .fileListItem .listBottomBtn + .listBottomBtn {
  margin-left: 5px;
}
.fileListItem.is-hover {
  background-color: #EDF5FA;
}

.fileList-inline .fileListItem {
  padding-bottom: 0;
}
.fileList-inline .fileListItem .fileListItemThumbnail {
  font-size: 1.6rem;
  width: 1em;
  height: 1em;
  padding: 0;
  display: inline-block;
  vertical-align: -0.2em;
}
.fileList-inline .fileListItem .fileListItemContents {
  display: inline;
  padding-bottom: 0;
}
.fileList-inline .fileListItem .fileListItemName {
  display: inline;
  margin-left: 3px;
}
.fileList-inline .fileListItem .fileListItemName a {
  color: #494B4C;
  text-decoration: none;
}
.fileList-inline .fileListItem .fileListItemName a.is-hover {
  color: #1786D5;
}
.fileList-inline .fileListItem .fileListItemDescription {
  display: inline;
  margin-left: 10px;
}
.fileList-inline .fileListItem .fileListItemTools {
  position: static;
  display: inline;
}
.fileList-inline .fileListItem .btn, .fileList-inline .fileListItem .listBottomBtn {
  padding: 1px;
  border: none;
  background: none;
  color: #636668;
  display: inline-block;
  vertical-align: -0.2em;
  width: 14px;
  height: 14px;
  font-size: 1.4rem;
  box-shadow: none;
  margin-left: 10px;
}
.fileList-inline .fileListItem .btn span, .fileList-inline .fileListItem .listBottomBtn span {
  display: none;
}
.fileList-inline .fileListItem .btn.is-hover, .fileList-inline .fileListItem .is-hover.listBottomBtn {
  background-color: #ffffff;
  color: #1786D5;
}
.fileList-inline .fileListItem .btn-file-download:before {
  content: "";
}
.fileList-inline .fileListItem .btn-file-delete:before {
  content: "";
}
.fileList-inline .fileListItem.is-hover {
  background-color: none;
}

.fileList {
  margin: -10px;
  font-size: 0rem;
  line-height: 1em;
}
.fileList li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding: 5px;
  width: 160px;
}
.fileList.fileList-inline li {
  width: auto;
}
.fileList.fileList-inline.fileList-inline-vertical li {
  display: block;
  padding: 5px 10px;
}

@media screen and (min-width: 980px) {
  #rightBar .fileList {
    margin: -5px;
  }
  #rightBar .fileList li {
    padding: 1px;
    width: 66px;
  }
  #rightBar .fileListItem {
    padding: 2px;
  }
}
/* Module::uploadFiles */
/* Module::card */
.card {
  background-color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #d4d4d4;
  border-radius: 4px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  position: relative;
}
.card:hover {
  background-color: #EDF5FA;
}
.card:hover .cardThumb {
  opacity: 0.6;
}
.card:not(:first-child) {
  margin-top: 10px;
}
.card .cardHeader {
  position: relative;
  padding: 15px 20px;
  font-weight: bold;
  color: #636668;
  border-bottom: solid 1px #E2DAD0;
}
.card .cardHeaderTools {
  position: absolute;
  top: 6px;
  right: 12px;
}
.card .cardHeaderTools .btn, .card .cardHeaderTools .listBottomBtn {
  font-size: 1.4rem;
  line-height: 1.71429em;
  padding: 5px 8px;
}
.card .cardHeaderTools .btn i, .card .cardHeaderTools .listBottomBtn i {
  font-size: 1.8rem;
  vertical-align: -0.2em;
}
.card .cardHeaderTool {
  float: left;
}
.card .cardHeaderTool:not(:first-child) {
  margin-left: 5px;
}
.card .cardTab {
  border-bottom: solid 1px #E2DAD0;
}
.card .cardTab .tabGroup {
  *zoom: 1;
}
.card .cardTab .tabGroup:after {
  content: "";
  display: table;
  clear: both;
}
.card .cardTab .tabGroupItem {
  float: left;
  position: relative;
}
.card .cardTab .tabGroupItem:not(:last-child) {
  margin-right: 1px;
}
.card .cardTab .tabGroupItem:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: -1px;
  width: 1px;
  height: 20px;
  background-color: #E2DAD0;
}
.card .cardTab .tabGroupItem .tab {
  position: relative;
  display: block;
  padding: 10px 25px;
  font-size: 1.4rem;
  line-height: 20px;
  text-decoration: none;
  color: #494B4C;
}
.card .cardTab .tabGroupItem .tab.is-hover {
  background-color: #EDF5FA;
}
.card .cardTab .tabGroupItem .tab.is-current {
  font-weight: bold;
}
.card .cardTab .tabGroupItem .tab.is-current:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: #FFCE00;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.card .cardTab .tabGroupItem .tab.is-current.tab-orderPossible:after {
  background-color: #E94F60;
}
.card .cardTab .tabGroupItem .tab.is-current.tab-order:after {
  background-color: #238E3A;
}
.card .cardTab .tabGroupItem .tab.is-current.tab-recruitEmployee:after {
  background-color: #005DDB;
}
.card .cardTab .tabGroupItem .tab.is-current.tab-recruitPartner:after {
  background-color: #005DDB;
}
.card .cardThumb {
  width: 100%;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.card .cardThumb img {
  width: 100%;
  height: 10vw;
  object-fit: cover;
  vertical-align: top;
  border-radius: 4px 4px 0 0;
}
.card .cardBody {
  padding: 10px;
}
.card .cardBody .cardTitle {
  font-size: 1.4rem;
  line-height: 1.28571em;
  font-weight: bold;
  margin-bottom: 5px;
}
.card .cardBody .cardTxt {
  font-size: 1.2rem;
}
.card .cardBody .cardTxt a {
  text-decoration: none;
}
.card .cardBodyBottom {
  border-top: 1px solid #d4d4d4;
  padding: 7px 10px;
  font-size: 1.2rem;
}
.card .cardBodyBottom a {
  text-decoration: none;
}
.card .cardBodyBottom a:hover {
  text-decoration: underline;
}
.card .cardBottomBtn {
  position: relative;
  background-color: #F0F0F0;
  color: #000;
  display: block;
  padding: 9px 0;
  font-size: 1.3rem;
  font-weight: normal;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #d4d4d4;
}
.card .cardBottomBtn.is-hover {
  background-color: #EDF5FA;
}
.card .cardOutTxt {
  position: absolute;
  bottom: -15px;
  right: 0;
  font-size: 1.2rem;
}

.card .card, #pageHeader .card {
  border-color: #EEEEEE;
  border-radius: 0;
  box-shadow: none;
}
.card .card .cardHeader, #pageHeader .card .cardHeader {
  border-color: #EEEEEE;
}
.card .card .cardBottomBtn, #pageHeader .card .cardBottomBtn {
  border-color: #EEEEEE;
}
.card .card .cardTab, #pageHeader .card .cardTab {
  border-color: #EEEEEE;
}
.card .card .cardTab .tabGroupItem:not(:last-child):after, #pageHeader .card .cardTab .tabGroupItem:not(:last-child):after {
  background-color: #EEEEEE;
}

@media screen and (min-width: 980px) {
  #rightBar .card .cardHeader {
    padding: 10px 10px;
    font-size: 1.2rem;
    line-height: 22px;
  }
  #rightBar .card .cardHeaderTools {
    position: absolute;
    top: 6px;
    right: 4px;
  }
  #rightBar .card .cardHeaderTools .btn, #rightBar .card .cardHeaderTools .listBottomBtn {
    font-size: 1.2rem;
    line-height: 1.83333em;
    padding: 5px 6px;
  }
  #rightBar .card .cardHeaderTools .btn i, #rightBar .card .cardHeaderTools .listBottomBtn i {
    font-size: 1.8rem;
  }
  #rightBar .card .cardBody {
    padding: 10px;
  }
  #rightBar .card .cardBottomBtn {
    font-size: 1.3rem;
  }
  #rightBar .card .cardBottomBtn:before {
    right: 10px;
    left: 10px;
  }
}
#navigationBar .card .cardHeader {
  padding: 10px 10px;
  font-size: 1.2rem;
  line-height: 22px;
}
#navigationBar .card .cardHeaderTools {
  position: absolute;
  top: 6px;
  right: 4px;
}
#navigationBar .card .cardHeaderTools .btn, #navigationBar .card .cardHeaderTools .listBottomBtn {
  font-size: 1.2rem;
  line-height: 1.83333em;
  padding: 5px 6px;
}
#navigationBar .card .cardHeaderTools .btn i, #navigationBar .card .cardHeaderTools .listBottomBtn i {
  font-size: 1.8rem;
}
#navigationBar .card .cardBody {
  padding: 10px;
}
#navigationBar .card .cardBottomBtn {
  font-size: 1.3rem;
}
#navigationBar .card .cardBottomBtn:before {
  right: 10px;
  left: 10px;
}

/* Module::scrollbox */
.scrollbox {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  padding: 15px;
  max-height: 200px;
  background-color: #F2F2EF;
  border: solid 1px #EEEEEE;
}
.scrollbox.scrollbox-h100 {
  max-height: 100px;
}
.scrollbox.scrollbox-h200 {
  max-height: 200px;
}
.scrollbox.scrollbox-h300 {
  max-height: 300px;
}
.scrollbox.scrollbox-h400 {
  max-height: 400px;
}
.scrollbox.scrollbox-h500 {
  max-height: 500px;
}
.scrollbox.scrollbox-h600 {
  max-height: 600px;
}
.scrollbox.scrollbox-h700 {
  max-height: 700px;
}

/* Module::helpTooltip */
.helpTooltip {
  position: relative;
}
.helpTooltip:not(.helpTooltip-inherit) {
  color: #7A7E80;
}
.helpTooltip .helpTooltipBody, .helpTooltip .helpTooltipBody.helpTooltipBody-topLeft, .helpTooltip .helpTooltipBody.helpTooltipBody-topRight {
  bottom: 100%;
  margin-bottom: 5px;
}
.helpTooltip .helpTooltipBody:before, .helpTooltip .helpTooltipBody.helpTooltipBody-topLeft:before, .helpTooltip .helpTooltipBody.helpTooltipBody-topRight:before {
  top: 100%;
  border-color: #FFCE00 transparent transparent transparent;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-bottomLeft, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomRight, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomCenter {
  top: 100%;
  bottom: auto;
  margin-top: 7px;
  margin-bottom: 0;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-bottomLeft:before, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomRight:before, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomCenter:before {
  top: auto;
  bottom: 100%;
  border-color: transparent transparent #FFCE00 transparent;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-topLeft, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomLeft {
  margin-left: -215px;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-topLeft:before, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomLeft:before {
  left: auto;
  right: 0;
  margin-right: 20px;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-topRight, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomRight {
  margin-left: -25px;
}
.helpTooltip .helpTooltipBody.helpTooltipBody-topRight:before, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomRight:before {
  left: 0;
  margin-left: 20px;
}
.helpTooltip .helpTooltipBody, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomCenter {
  margin-left: -120px;
}
.helpTooltip .helpTooltipBody:before, .helpTooltip .helpTooltipBody.helpTooltipBody-bottomCenter:before {
  left: 50%;
}
.helpTooltip .helpTooltipBody {
  display: block;
  position: absolute;
  left: 50%;
  z-index: 1;
  width: 220px;
  color: #5D4905;
  padding: 10px;
  opacity: 0;
  pointer-events: none;
  background-color: #FFCE00;
  border-radius: 5px;
  word-break: break-all;
  white-space: normal;
}
.helpTooltip .helpTooltipBody:before {
  pointer-events: none;
  position: absolute;
  margin-left: -5px;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px;
}
.helpTooltip.is-hover:not(.helpTooltip-inherit), .helpTooltip.is-show:not(.helpTooltip-inherit) {
  color: #FFCE00;
}
.helpTooltip.is-hover .helpTooltipBody, .helpTooltip.is-show .helpTooltipBody {
  opacity: 1;
  pointer-events: all;
}

/* Module::shop parts */
.shopItemDetail {
  *zoom: 1;
}
.shopItemDetail:after {
  content: "";
  display: table;
  clear: both;
}
.shopItemDetail .shopItemThumbWrap {
  width: 260px;
  border: solid 1px #EEEEEE;
  float: left;
}
@media screen and (max-width: 1280px) {
  .shopItemDetail .shopItemThumbWrap {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemThumbWrap {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}
.shopItemDetail .shopItemThumb {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.shopItemDetail .shopItemContents {
  margin-left: 280px;
}
@media screen and (max-width: 1280px) {
  .shopItemDetail .shopItemContents {
    margin-left: 22.5%;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents {
    margin-left: 0 !important;
  }
}
.shopItemDetail .shopItemContents th, .shopItemDetail .shopItemContents td {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice thead {
    display: block;
    width: 50%;
    float: left;
    text-align: left;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice thead tbody {
  display: block;
  width: 50%;
  float: right;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice tbody {
    display: block;
    width: 50%;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice tr {
    display: block;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice th, .shopItemDetail .shopItemContents .shopItemPrice td {
  text-align: center;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice th, .shopItemDetail .shopItemContents .shopItemPrice td {
    width: 100%;
    box-sizing: border-box;
    height: 70px;
    display: block;
    border-top: 1px solid #e5e5e5;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice th {
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice th {
    padding-bottom: 0;
    padding-top: 25px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td {
    text-align: right;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice td .title.title-6 {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td .title.title-6 {
    font-size: 2rem !important;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice td .title.title-2 {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td .title.title-2 {
    font-size: 2.4rem !important;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td .title.title-1 {
    font-size: 2.4rem !important;
    font-size: 2rem !important;
  }
}
.shopItemDetail .shopItemContents .shopItemPrice td .title.title-2 {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td .title.title-2 {
    font-size: 2.4rem !important;
  }
}
@media screen and (max-width: 767px) {
  .shopItemDetail .shopItemContents .shopItemPrice td .title.title-1 {
    font-size: 2.4rem !important;
    padding-top: 20px;
  }
}
.shopItemDetail .shopItemContents .shopItemInfo {
  margin: -5px 0;
}
.shopItemDetail .shopItemContents .shopItemInfo th, .shopItemDetail .shopItemContents .shopItemInfo td {
  vertical-align: top;
  padding: 5px 0;
}
.shopItemDetail .shopItemContents .shopItemInfo th {
  width: 90px;
}

.rightBarCart table {
  width: 100%;
  border: none;
}
.rightBarCart th, .rightBarCart td {
  padding: 3px 0;
  border: none;
  vertical-align: middle;
}
.rightBarCart th {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: normal;
}
.rightBarCart td {
  font-size: 1.8rem;
  line-height: 1.4em;
  text-align: right;
}

.shopStep {
  width: 706px;
  max-width: 100%;
  margin: -30px auto 5px;
}
.shopStep img {
  display: block;
}

.cartItem:not(:first-child) {
  margin-top: 20px;
}
.cartItem .cartItemInner {
  width: 100%;
  table-layout: fixed;
  border: none;
}
.cartItem .cartItemInner th {
  border: none;
  padding: 20px 10px 20px 20px;
  width: 30px;
  text-align: center;
  vertical-align: middle;
}
.cartItem .cartItemInner td {
  border: none;
  padding: 20px 20px 20px 10px;
  vertical-align: top;
}
.cartItem input[type="checkbox"] + .ui-checkbox {
  margin-right: 0;
}
.cartItem .itemThumb {
  float: left;
  border: solid 1px #EEEEEE;
  background-color: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 146px;
  height: 146px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.cartItem .itemThumb + .itemContents {
  margin-left: 166px;
}
@media screen and (max-width: 767px) {
  .cartItem .itemThumb + .itemContents {
    margin-left: 0;
  }
}
.cartItem .count {
  float: right;
  width: 16%;
  min-width: 70px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .cartItem .count {
    margin-top: 60px;
  }
}
.cartItem .itemName {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .cartItem .itemName {
    clear: both;
    padding-top: 10px;
  }
}
.cartItem .itemDescription table {
  border: none;
}
.cartItem .itemDescription th, .cartItem .itemDescription td {
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.5em;
  font-weight: bold;
  vertical-align: top;
}
.cartItem .itemDescription th {
  white-space: nowrap;
}
.cartItem .itemDescription td {
  word-break: break-all;
}
.cartItem .itemCaption {
  color: #8F9395;
}
.cartItem .price {
  font-size: 2.2rem;
  line-height: 1em;
  font-weight: bold;
  color: #E40000;
}
.cartItem .price span {
  display: inline-block;
  white-space: nowrap;
}
.cartItem .price small {
  display: inline-block;
  white-space: nowrap;
}
.cartItem.cartItem-confirm {
  border-color: #005DDB;
}
.cartItem.cartItem-confirm table {
  background-color: #EDF5FA;
}
.cartItem.cartItem-confirm .itemThumb {
  border-color: #005DDB;
}
@media screen and (max-width: 767px) {
  .cartItem.cartItem-confirm .itemThumb {
    float: none;
    margin-bottom: 10px;
  }
}
.cartItem.cartItem-confirm .tag + .itemName {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .cartItem .layout-align-right {
    text-align: left !important;
    margin-top: 10px;
  }
}

.paymentTotal {
  font-size: 3.4rem;
  line-height: 1.2em;
  font-weight: bold;
}

.shopsExistingAddress {
  color: #636668;
}
.shopsExistingAddress.is-hover .card, .shopsExistingAddress.is-checked .card {
  border-color: #1786D5;
  color: #1786D5;
}
.shopsExistingAddress input[type="radio"] + .ui-radio {
  margin-right: 0;
}
.shopsExistingAddress th.radio {
  padding-right: 0;
  width: 16px;
}
.shopsExistingAddress td {
  font-weight: bold;
}
.shopsExistingAddress td table {
  table-layout: fixed;
}
.shopsExistingAddress td th, .shopsExistingAddress td td {
  padding: 5px 0;
  vertical-align: top;
}
.shopsExistingAddress td th {
  font-size: 1.3rem;
  line-height: 1.53846em;
  width: 68px;
}
.shopsExistingAddress td td {
  font-size: 1.3rem;
  line-height: 1.53846em;
  word-break: break-all;
}

table.table-shopsHistory {
  width: 100%;
  border: none;
}
table.table-shopsHistory .itemCode {
  margin-top: 5px;
  color: #636668;
}
table.table-shopsHistory .totalPrice {
  color: #E40000;
}
table.table-shopsHistory .unitPrice {
  margin-top: 5px;
  color: #636668;
}
table.table-shopsHistory .orderDate {
  margin-top: 5px;
}
table.table-shopsHistory th, table.table-shopsHistory td {
  border: none;
  padding: 0 10px;
}
table.table-shopsHistory th:not(:first-child), table.table-shopsHistory td:not(:first-child) {
  padding-left: 15px;
}
table.table-shopsHistory th:not(:last-child), table.table-shopsHistory td:not(:last-child) {
  padding-right: 15px;
}
table.table-shopsHistory th {
  padding-bottom: 5px;
  white-space: nowrap;
  text-align: center;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory th {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory th.shopsHistoryPrice {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory th.shopsHistoryCount {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory th.shopsHistoryPayment {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory th.shopsHistoryStatus {
    width: 25%;
  }
}
table.table-shopsHistory td {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory td {
    display: block;
    width: 100%;
    float: left;
    box-sizing: border-box;
  }
}
table.table-shopsHistory td.shopsHistoryName {
  text-align: left;
}
table.table-shopsHistory td.shopsHistoryPrice {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory td.shopsHistoryPrice {
    width: 25%;
  }
}
table.table-shopsHistory td.shopsHistoryCount {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory td.shopsHistoryCount {
    width: 20%;
  }
}
table.table-shopsHistory td.shopsHistoryPayment {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory td.shopsHistoryPayment {
    width: 25%;
  }
}
table.table-shopsHistory td.shopsHistoryStatus {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory td.shopsHistoryStatus {
    width: 30%;
  }
}
table.table-shopsHistory thead {
  border-bottom: solid 2px #9FA2A7;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory thead {
    background-color: #eee;
  }
}
table.table-shopsHistory tbody tr:not(:first-child) {
  border-top: solid 1px #D1D5D8;
}
@media screen and (max-width: 767px) {
  table.table-shopsHistory {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .table-x-scroll {
    overflow: auto;
  }

  .col-3.col-s-3.layout-pt-5 {
    margin-top: -15px;
    margin-bottom: 10px;
  }

  .row.layout-align-center.color-gray-60 {
    margin-bottom: 10px;
  }

  .payment-mb-20 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .table-x-scroll {
    overflow: auto;
  }
}

@media screen and (max-width: 767px) {
  .col-3.col-s-3.layout-pt-5 {
    margin-top: -15px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .row.layout-align-center.color-gray-60 {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .payment-mb-20 {
    margin-bottom: 20px;
  }
}

/* Module::plan parts */
table.table-plan {
  width: 100%;
  border: solid 1px #D1D5D8;
}
table.table-plan td {
  border: none;
  text-align: center;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 20px;
}
table.table-plan td.planName {
  padding-top: 25px;
  height: 60px;
  font-size: 2.4rem;
  line-height: 1.2em;
  font-weight: bold;
}
table.table-plan td.planPrice {
  height: 100px;
  font-size: 1.9rem;
  line-height: 1.2em;
  font-weight: bold;
  color: #FF0000;
}
table.table-plan li {
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: normal;
  padding: 10px;
}
table.table-plan li:not(:first-child) {
  border-top: solid 1px #EEEEEE;
}
table.table-plan ul {
  margin: 0 40px;
}
table.table-plan.table-plan-free {
  border-top: solid 4px #1786D5;
}
table.table-plan.table-plan-free td.planName {
  color: #1786D5;
}
table.table-plan.table-plan-standard {
  border-top: solid 4px #6C9352;
}
table.table-plan.table-plan-standard td.planName {
  color: #6C9352;
}

/* Module::company parts */
.workerList th, .workerList td {
  padding: 10px;
}
.workerList th {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: bold;
}
.workerList td {
  width: 5%;
}
.workerList td.user {
  width: auto;
}
.workerList tr.is-hover {
  background-color: #fef7e7 !important;
}
.workerList .name {
  word-break: break-all;
}

/* Module::carousel */
.archive-carousel {
  position: relative;
}
.archive-carousel .prevControl, .archive-carousel .nextControl {
  position: absolute;
  top: 45%;
  font-size: 3.6rem;
  z-index: 10;
}
.archive-carousel .prevControl a, .archive-carousel .nextControl a {
  display: inline-block;
  color: #999;
}
.archive-carousel .prevControl {
  left: -30px;
}
.archive-carousel .nextControl {
  right: -30px;
}
@media screen and (max-width: 767px) {
  .archive-carousel {
    width: 330%;
    overflow-y: scroll;
  }
  .archive-carousel .card .cardThumb img {
    height: 40vw;
  }
}

/* View::box */
.box-border {
  border: 1px solid #ccc;
  padding: 30px;
}

.boxBtnBlock {
  margin-bottom: 25px;
}
.boxBtnBlock ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxBtnBlock ul li {
  width: 20%;
  box-sizing: border-box;
  padding: 5px;
}
@media screen and (max-width: 767px) {
  .boxBtnBlock ul li {
    width: 33%;
  }
}
.boxBtnBlock ul li label.btn input, .boxBtnBlock ul li label.listBottomBtn input {
  display: none;
}

/* paddingBlock */
.paddingBlock {
  padding: 30px 70px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .paddingBlock {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.paddingBlock .paddingBlobkHeader {
  overflow: hidden;
  margin-bottom: 10px;
}
.paddingBlock .paddingBlobkHeader .title {
  float: left;
  margin-bottom: 0 !important;
}
.paddingBlock .paddingBlobkHeader .is-right {
  float: right;
  color: #DA4040;
  font-size: 1.2rem;
}
.paddingBlock .paddingBlobkHeader .is-right .label {
  margin-left: 5px;
  vertical-align: middle;
}

.contentSection .titleBoader + .paddingBlock {
  border-top: none;
  padding-top: 0;
}

a.link-color-black {
  color: #000;
  text-decoration: none;
  font-size: 1.2rem;
}

.squarePlus {
  background-color: #FFCE00;
  border: 1px solid #000;
  color: #000;
  width: 28px;
  height: 28px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 28px;
  text-align: center;
  font-size: 1.8rem;
  margin-right: 5px;
  font-weight: bold;
  vertical-align: middle;
}

/* View::boader */
.border-top-gray {
  border-top: 1px solid #ccc !important;
}

.border-bottom-bk {
  border-bottom: 1px solid #000;
}

.border-top-none {
  border-top: none !important;
}

/* ----------------------------------------
 * view styles
 * ---------------------------------------- */
/* View::header */
.appHeader {
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 1000;
  background: url(/assets/line_header-34283d1b087b4114dae4e6b2a221dca550cbf6058d22f9cbb192e1e6c15a7b38.png) repeat-x #FFCE00;
  min-height: 79px;
  padding-top: 25px;
  box-sizing: border-box;
  border-bottom: 1px solid #000;
  *zoom: 1;
}
.appHeader:after {
  content: "";
  display: table;
  clear: both;
}
.appHeader .seo {
  display: block;
  padding: 1px 10px 1px 205px;
  font-size: 1rem;
  line-height: 1em;
  font-weight: normal;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 979px) {
  .appHeader .seo {
    padding: 1px 6px 1px 135px;
  }
}
.appHeader.appHeader-editor {
  background-color: #ffffff;
  min-height: 75px;
  height: auto;
  display: table;
  width: 100%;
}

.appHeaderItem {
  position: relative;
  float: left;
  padding: 0px;
}
.appHeaderItem.is-right {
  float: right;
  border-left: 1px solid #191F38;
  width: 8%;
  max-width: 88px;
  box-sizing: border-box;
}
.appHeaderItem.logo {
  margin-top: -4px;
  width: 180px;
}
.appHeaderItem.logo a, .appHeaderItem.logo span {
  display: block;
  padding: 11px 0 15px 20px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.appHeaderItem.logo a img, .appHeaderItem.logo span img {
  vertical-align: top;
  width: 144px;
}
.appHeaderItem.logo a {
  border-radius: 3px;
}
.appHeaderItem.logo a.is-hover {
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 979px) {
  .appHeaderItem.logo {
    margin-right: 0;
  }
}

.appHeaderItemPullBox {
  position: absolute;
  top: 100%;
  display: none;
}
.appHeaderItemPullBox.is-baloon {
  right: -50px;
  margin-top: 0;
  top: 53px;
}
.appHeaderItemPullBox.is-baloon:before, .appHeaderItemPullBox.is-baloon:after {
  content: "";
  display: block;
  pointer-events: none;
}
.appHeaderItemPullBox.is-baloon:before {
  position: absolute;
  right: 82px;
  bottom: 100%;
  border: solid 12px transparent;
  border-bottom-color: #000;
}
.appHeaderItemPullBox.is-baloon:after {
  position: absolute;
  right: 84px;
  bottom: 100%;
  border: solid 10px transparent;
  border-bottom-color: #ffffff;
}
.appHeaderItemPullBox.card {
  border-radius: 0;
  border: solid 1px #000;
}
.appHeaderItemPullBox.card .cardHeader {
  padding: 15px 10px;
}
.appHeaderItemPullBox.card .cardHeaderTools {
  right: 2px;
}
.appHeaderItemPullBox.card .cardBody {
  width: 200px;
  padding: 10px;
}
.appHeaderItemPullBox.card .cardTopBtn {
  background-color: white;
  text-align: center;
  border-radius: 3px 3px 0 0;
  font-size: 1.1rem;
  color: #006CC9;
  text-decoration: none;
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #A8A8A8;
}
.appHeaderItemPullBox.card .cardBottomBtn {
  background-color: white;
  font-size: 1.1rem;
  color: #006CC9;
}
.appHeaderItemPullBox.card .cardBottomBtn:before {
  position: absolute;
  top: -1px;
  right: 10px;
  left: 10px;
}
.appHeaderItemPullBox.card.mypage {
  right: 0;
}
.appHeaderItemPullBox.card.mypage:before {
  right: 32px;
}
.appHeaderItemPullBox.card.mypage:after {
  right: 34px;
}
.appHeaderItemPullBox.card.mypage .cardBody {
  width: 140px;
}
.appHeaderItemPullBox.card.mypage .cardBody .listItem-chat {
  background-color: white;
}
.appHeaderItemPullBox.card.mypage .cardBody .listItem-chat .listItemInner.is-hover {
  background-color: #FFF8DD;
}
.appHeaderItemPullBox.card.mypage .cardBody .listItem-chat .listItemInner.is-hover .listItemName {
  color: #2F333B;
}
.appHeaderItemPullBox.card.mypage .cardBody .listItem-chat .listItemInner.is-selected {
  background-color: #FFE26A;
  pointer-events: none;
  cursor: default;
}
.appHeaderItemPullBox .itemList.is-fullWidth {
  margin: -4px 0;
}
.appHeaderItemPullBox .itemList.is-fullWidth .showItem {
  margin: -1px -10px;
}

.appHeaderItem.appHeadSearch {
  width: 40%;
}
@media screen and (max-width: 979px) {
  .appHeaderItem.appHeadSearch {
    display: none;
  }
}
.appHeaderItem .searchBox {
  margin: 7px 0;
  padding: 0 40px 0 10px;
  *zoom: 1;
}
.appHeaderItem .searchBox:after {
  content: "";
  display: table;
  clear: both;
}
.appHeaderItem .searchBox .selectbox {
  background-color: #FAFAFA;
  border: none;
  width: 20%;
  height: 30px;
  float: left;
  padding-right: 20px;
  border-radius: 0;
  border: 1px solid #999;
  border-right: none;
}
.appHeaderItem .searchBox .selectbox:first-child {
  border-radius: 3px 0 0 3px;
}
.appHeaderItem .searchBox .selectbox .selectboxText {
  font-size: 1.3rem;
  line-height: 30px;
  color: #333;
}
.appHeaderItem .searchBox input {
  float: left;
  background-color: #FAFAFA;
  border-radius: 0;
  border: 1px solid #999;
  border-right: none;
  max-width: 100%;
  width: 60%;
  height: 30px;
  font-size: 1.4rem;
  line-height: 30px;
}
.appHeaderItem .searchBox input:focus {
  background-color: #fdf0ce;
}
.appHeaderItem .searchBox input:placeholder-shown {
  color: #ccc;
}
.appHeaderItem .searchBox input::-webkit-input-placeholder {
  color: #ccc;
}
.appHeaderItem .searchBox input:-ms-input-placeholder {
  color: #ccc;
}
.appHeaderItem .searchBox input:-moz-placeholder {
  color: #ccc;
}
.appHeaderItem .searchBox input::-moz-placeholder {
  color: #ccc;
}
.appHeaderItem .searchBox button {
  position: absolute;
  top: 0px;
  right: 10px;
  background-color: #555555;
  border: 1px solid #999;
  border-radius: 0 4px 4px 0;
  width: 30px;
  height: 30px;
}
.appHeaderItem .searchBox button i {
  font-size: 1.5rem;
  color: #ffffff;
}
@media screen and (max-width: 979px) {
  .appHeaderItem .searchBox input {
    width: 60%;
  }
}

.btn-appHeaderReturnHome {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  padding: 0;
  font-size: 3.6rem;
  color: #ffffff;
  border: solid 1px #FFCE00;
  background-color: #FFCE00;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.btn-appHeaderReturnHome i {
  display: block;
  width: 30px;
  margin: auto;
}
.btn-appHeaderReturnHome.is-hover {
  color: #806950;
  border-color: #ffd31a;
  background-color: #ffdd4d;
}

.appHeaderContents {
  display: table-cell;
  vertical-align: middle;
  margin-left: 50px;
  margin-right: 300px;
  padding: 15px 10px 8px 20px;
}
.appHeaderContents .tags {
  display: block;
  width: 100%;
}
.appHeaderContents .tag {
  vertical-align: top;
}

.appHeaderTools {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
  text-align: right;
  white-space: nowrap;
}
.appHeaderTools .btn, .appHeaderTools .listBottomBtn {
  margin: 0 10px;
}

/* View::beforeLogin */
.beforeLogin .appHeaderItem.appHeadSearch {
  width: 23%;
}
@media screen and (min-width: 1060px) {
  .beforeLogin .appHeaderItem.appHeadSearch {
    width: 27%;
  }
}
.beforeLogin .appHeaderItem .searchBox .selectbox {
  width: 35%;
}
.beforeLogin .appHeaderItem .searchBox input {
  width: 65%;
}

/* View::header sp */
@media screen and (max-width: 767px) {
  .appHeader {
    padding-top: 10px;
    background-size: auto 10px;
    min-height: 61px;
  }
}

.sp-menu {
  margin-top: 14px;
}
.sp-menu .btn.btn-headerItem i, .sp-menu .btn-headerItem.listBottomBtn i {
  color: #000;
}

@media screen and (max-width: 767px) {
  .appHeaderItem.logo {
    margin-top: 8px;
    width: 112px;
  }
  .appHeaderItem.logo a {
    padding: 10px 10px 10px 0;
    width: 112px;
    box-sizing: border-box;
  }
  .appHeaderItem.contact {
    margin-top: 12px;
    width: 86px;
    line-height: 0.8em;
  }
  .appHeaderItem.contact span {
    font-size: 10px;
  }
  .appHeaderItem.contact a {
    font-size: 10px;
  }
}
.appHeaderItem.sp-nav {
  float: right;
  width: auto;
  margin-top: 11px;
}
.appHeaderItem.sp-nav a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.appHeaderItem.sp-nav a i {
  font-size: 2.4rem;
}

/* View::footer */
#footer {
  background-color: #FFCE00;
  padding: 15px 13px 10px;
  border-top: 2px solid #000;
  width: 100%;
  box-sizing: border-box;
  *zoom: 1;
}
#footer:after {
  content: "";
  display: table;
  clear: both;
}
#footer a {
  color: #000;
}

.nav-footer ul {
  display: block;
  font-size: 0rem;
  text-align: right;
}
.nav-footer li {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.92308em;
  margin-right: 1em;
}
.nav-footer a {
  font-weight: bold;
}

.copyright {
  margin-top: 20px;
  font-size: 1.3rem;
  line-height: 1.92308em;
  color: #012B5D;
}
.copyright address {
  font-style: normal;
}

.licensed .licensed-iso {
  float: left;
  margin-right: 20px;
  font-size: 0rem;
  line-height: 1em;
}
@media screen and (max-width: 767px) {
  .licensed .licensed-iso {
    float: none;
  }
}
.licensed .licensed-mixpanel {
  margin-bottom: 15px;
  font-size: 0rem;
  line-height: 1em;
}
.licensed .licensed-materialicons {
  font-size: 1.1rem;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .layout-tableCell {
    display: block;
    width: 100%;
    text-align: center;
  }
  .layout-tableCell .logo {
    margin-top: 25px;
  }
  .layout-tableCell .logo a {
    display: block;
  }
  .layout-tableCell .logo a img {
    width: 40%;
    height: auto;
  }
  .layout-tableCell.sp-hide {
    display: none;
  }
}

/* View::indicator */
#indicator {
  position: fixed;
  top: -9999px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
#indicator .indicatorOverlay {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#indicator .indicatorIcon {
  display: block;
  margin: 0 auto;
  font-size: 10rem;
  color: #ffffff;
  -moz-animation: indicator 5s linear infinite;
  -webkit-animation: indicator 5s linear infinite;
  animation: indicator 5s linear infinite;
}
#indicator .indicatorMessage {
  margin-top: 20px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: bold;
  color: #ffffff;
}
#indicator.is-open {
  top: 0;
}
#indicator.is-open .indicatorOverlay {
  opacity: 1;
}

.ui-indicator {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  vertical-align: middle;
}
.ui-indicator:before {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  content: "";
  font-size: 3rem;
  color: #7A7E80;
  -moz-animation: indicator 5s linear infinite;
  -webkit-animation: indicator 5s linear infinite;
  animation: indicator 5s linear infinite;
}

@-moz-keyframes indicator {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes indicator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes indicator {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/* View::dropArea */
#dropArea {
  position: fixed;
  top: -9999px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
#dropArea .dropAreaOverlay {
  pointer-events: none;
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 6px #1786D5;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
#dropArea .dropAreaCircle {
  pointer-events: all;
  display: table;
  width: 100%;
  height: 100%;
  margin: auto;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#dropArea .dropAreaCircle.is-dragover {
  background-color: rgba(23, 134, 213, 0.15);
}
#dropArea .dropAreaCircleInner {
  pointer-events: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#dropArea .dropAreaIcon {
  pointer-events: none;
  display: block;
  margin: 0 auto;
  font-size: 7.2rem;
  color: #ffffff;
}
#dropArea .dropAreaMessage {
  pointer-events: none;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 15px;
}
#dropArea.is-open {
  top: 0;
}
#dropArea.is-open .dropAreaOverlay {
  opacity: 1;
}
#dropArea.is-dragover .dropAreaOverlay {
  background-color: rgba(3, 20, 32, 0.8);
}

/* View::navigationBar */
#navigationBar .currentPlan {
  position: relative;
  overflow: hidden;
  margin: 5px 0;
}
#navigationBar .currentPlan:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
#navigationBar .currentPlan.currentPlan-free {
  background-color: #1786D5;
}
#navigationBar .currentPlan.currentPlan-basic {
  background-color: #6C9352;
}
#navigationBar .currentPlan.currentPlan-standard {
  background-color: #6C9352;
}
#navigationBar .currentPlan.currentPlan-premium {
  background-color: #6C9352;
}
#navigationBar .nav-global {
  margin-bottom: 30px;
}
#navigationBar .nav-global .navCategoryBlock:not(:first-child) {
  border-top: solid 1px #CECECE;
}
#navigationBar .nav-global .navCategoryTitle {
  font-size: 1.2rem;
  line-height: 1em;
  color: #828189;
  font-weight: bold;
  padding: 15px 0 10px 13px;
}
#navigationBar .nav-global .gn-menu {
  margin-left: 20px;
  border-top: 1px solid #ccc;
}
#navigationBar .nav-global .gn-menu li {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
}
#navigationBar .nav-global .gn-menu li a {
  display: block;
  padding: 15px 5px 13px;
  font-weight: bold;
}
#navigationBar .nav-global .gn-menu li a i {
  font-size: 1.8rem;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
#navigationBar .nav-global a {
  border: none;
  display: block;
  padding: 5px 0 5px 13px;
  text-align: left;
  font-weight: normal;
  white-space: normal;
  font-size: 1.3rem;
  line-height: 18px;
  color: #19160e;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#navigationBar .nav-global a.is-hover {
  background-color: #FFF8DD;
}
#navigationBar .nav-global a.is-current {
  font-size: 1.6rem;
  font-weight: bold;
}
#navigationBar .navBarContent {
  background-color: #fff;
}
#navigationBar .navBarContent .title {
  background-color: #eee;
  color: #555;
  font-size: 1.2rem;
  line-height: 1em;
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 0;
}
#navigationBar .navBarContent ul.list {
  border-top: none;
}
#navigationBar .navBarContent ul.list li .has-checkbox {
  width: 100%;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
#navigationBar .navBarContent ul.list li .has-checkbox:hover {
  background-color: #FFF8DD;
  color: #1786D5 !important;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner {
  padding: 10px;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner:hover {
  background-color: #FFF8DD;
  color: #1786D5 !important;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner .listItemThumb {
  width: 76px;
  height: 57px;
  border: 1px solid #ccc;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner .listItemThumb + .listItemContents {
  margin-left: 84px;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner .listItemName {
  color: #1786D5;
  font-size: 1.1rem;
}
#navigationBar .navBarContent ul.list li .listItem .listItemInner .listItemDescription {
  font-size: 1rem;
  line-height: 1.2em;
}
#navigationBar .navBarContent ul.listBanner li .listItem .listItemInner {
  padding: 10px;
}
#navigationBar .listBanner > li:first-child {
  border-top: solid 1px #DEDDD9;
}
#navigationBar .navBtnBlock {
  padding: 20px 20px 15px;
}
#navigationBar .navBtnBlock .btn-list li {
  text-align: center;
  margin-bottom: 5px;
}
#navigationBar .navBtnBlock .btn-list li a.btn, #navigationBar .navBtnBlock .btn-list li a.listBottomBtn {
  width: 100%;
  font-size: 1rem;
}
#navigationBar .navSelectBlock {
  padding: 10px;
}
#navigationBar .navSelectBlock .selectbox {
  width: 80px;
  padding-right: 0;
}
#navigationBar .navSelectBlock .selectbox:after {
  right: 0;
}
#navigationBar .navLoginBlock {
  background-color: #FFFBED;
  border-top: 1px solid #FFD48E;
  border-bottom: 1px solid #FFD48E;
  padding: 10px 20px;
}
#navigationBar .navLoginBlock .navLoginTitle {
  font-size: 1.2rem;
  font-weight: bold;
}
#navigationBar .navLoginBlock dl {
  margin-top: 0;
  margin-bottom: 10px;
}
#navigationBar .navLoginBlock dl dt {
  font-size: 1rem;
  margin-top: 10px;
  overflow: hidden;
  line-height: 1;
  margin-bottom: 5px;
}
#navigationBar .navLoginBlock dl dt .link-right {
  float: right;
}
#navigationBar .navLoginBlock dl dd {
  margin-top: 0;
}
#navigationBar .navLoginBlock dl dd input {
  height: 24px;
  font-size: 1.2rem;
  padding: 5px;
}
#navigationBar .navLoginBlock hr {
  margin: 10px 0;
  border-color: #aaa;
}
#navigationBar .navLoginBlock .btn, #navigationBar .navLoginBlock .listBottomBtn {
  width: 100%;
  font-size: 1.2rem;
  padding-top: 7px;
  padding-bottom: 7px;
}
#navigationBar .navLoginBlock .btn.btn-facebook, #navigationBar .navLoginBlock .btn-facebook.listBottomBtn {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* View::pageHeader */
#pageHeader {
  background-color: #ffffff;
  margin-top: -10px;
  padding-top: 30px;
  border: solid 1px #E2DAD0;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

#pageHeaderBody {
  position: relative;
  padding: 0 20px 20px;
  *zoom: 1;
}
#pageHeaderBody:after {
  content: "";
  display: table;
  clear: both;
}

#pageHeaderTools {
  float: right;
  text-align: right;
  margin-left: 20px;
}

#pageHeaderTitle {
  margin-top: 0;
}

#pageHeaderNav {
  border-top: solid 1px #E2DAD0;
}
#pageHeaderNav a {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.42857em;
  text-decoration: none;
  text-align: center;
  color: #494B4C;
}
#pageHeaderNav a.is-hover {
  background-color: #EDF5FA;
}
#pageHeaderNav li {
  display: table-cell;
}
#pageHeaderNav li:not(:last-child) a {
  margin-right: 1px;
}
#pageHeaderNav li:not(:last-child) a:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: -1px;
  width: 1px;
  height: 20px;
  background-color: #E2DAD0;
}
#pageHeaderNav ul {
  display: table;
  width: 100%;
}
#pageHeaderNav ul:not(:first-child) {
  border-top: solid 1px #EBE8E2;
}

/* View::footerInfo */
#footerInfo {
  background-color: #F0F0F0;
  border-top: 1px solid #95989A;
  padding: 50px 0 100px;
}
#footerInfo .footerInfoContents {
  width: 55%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #footerInfo .footerInfoContents {
    width: 95%;
  }
}
#footerInfo .footerInfoContents .footerInfoTitle {
  text-align: center;
  margin-bottom: 15px;
}
#footerInfo .footerInfoContents .footerInfoTitle .icon-circle {
  width: 57px;
  height: 57px;
  line-height: 71px;
}
#footerInfo .footerInfoContents .footerInfoTitle .icon-circle i {
  font-size: 3rem;
}
#footerInfo .footerInfoContents .footerInfoTitle .icon-txt {
  display: block;
  margin-top: 7px;
  font-size: 1.2rem;
}
#footerInfo .footerInfoContents .footerInfoTextarea {
  margin-bottom: 25px;
}
#footerInfo .footerInfoContents .footerInfoTextarea textarea {
  height: 220px;
}
#footerInfo .footerInfoContents .footerInfoBtn {
  text-align: center;
}
#footerInfo .footerInfoContents .footerInfoBtn .btn, #footerInfo .footerInfoContents .footerInfoBtn .listBottomBtn {
  width: 140px;
  font-size: 1.4rem;
}

/* View::beginerQuest */
.beginerQuest ul {
  *zoom: 1;
  background-color: #EEEEEE;
  padding: 0 1px 1px 0;
}
.beginerQuest ul:after {
  content: "";
  display: table;
  clear: both;
}
.beginerQuest li {
  float: left;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding: 1px 0 0 1px;
}
@media screen and (max-width: 767px) {
  .beginerQuest li {
    width: 33.33333%;
  }
}
.beginerQuest li .quest {
  display: block;
  background-color: #ffffff;
  padding: 20px 10px;
  text-align: center;
  text-decoration: none;
  color: #494B4C;
}
.beginerQuest li .quest .icon {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 4px #005DDB;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  color: #005DDB;
  margin: 0 auto;
}
.beginerQuest li .quest .icon i {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: auto;
  font-size: 3.6rem;
}
.beginerQuest li .quest.is-done {
  background-color: #F2F2EF;
}
.beginerQuest li .quest.is-done .icon {
  border-color: #9FA2A7;
  color: #9FA2A7;
}
.beginerQuest li .quest.is-done .title {
  color: #9FA2A7;
}
.beginerQuest li .quest.is-hover {
  background-color: #EDF5FA;
}
.beginerQuest li .quest.is-hover .icon {
  border-color: #1786D5;
  color: #1786D5;
}
.beginerQuest li .quest.is-hover .title {
  color: #494B4C;
}
.beginerQuest li .quest.is-disable {
  background-color: #F2F2EF;
}
.beginerQuest li .quest.is-disable .icon {
  opacity: 0.5;
}
.beginerQuest li .quest.is-disable .title {
  color: #9FA2A7;
}
.beginerQuest.beginerQuest-column-6 li {
  width: 16.66667%;
}
.beginerQuest.beginerQuest-column-5 li {
  width: 20%;
}
.beginerQuest.beginerQuest-column-4 li {
  width: 25%;
}
.beginerQuest.beginerQuest-column-3 li {
  width: 33.33333%;
}
.beginerQuest.beginerQuest-column-2 li {
  width: 50%;
}
.beginerQuest.beginerQuest-column-1 li {
  width: 100%;
}

/* View::constructions */
.constructionsDateData .fieldSurveyDateTitle {
  display: inline-block;
  width: 100px;
  font-size: 1.2rem;
}
.constructionsDateData .fieldSurveyDateValue {
  display: inline-block;
  width: 140px;
  margin-left: 0.6em;
  font-size: 1.8rem;
}
.constructionsDateData .agreementDate {
  display: inline-block;
  margin-right: 30px;
}
.constructionsDateData .constructionSpan {
  display: inline-block;
}
.constructionsDateData .groundbreakingDate {
  margin-right: 10px;
}
.constructionsDateData .completionDate {
  margin-left: 10px;
}

.constructionsMembers li:not(:first-child) {
  margin-top: 10px;
}
.constructionsMembers .member {
  *zoom: 1;
}
.constructionsMembers .member:after {
  content: "";
  display: table;
  clear: both;
}
.constructionsMembers .member .icon-user {
  float: left;
  display: block;
  font-size: 3.2rem;
  margin-right: 10px;
}
.constructionsMembers .member .name {
  display: block;
  padding: 5px 0;
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: bold;
  word-break: break-all;
}

.constructionImage {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  min-height: 120px;
  padding-top: 36%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.constructionImage + .constructionInfo {
  margin-top: 10px;
}

.constructionInfo dl:not(:first-child) {
  margin-top: 10px;
}
.constructionInfo dl:not(:last-child) {
  margin-bottom: 10px;
}
.constructionInfo dt span {
  background-color: #EBE8E2;
  color: #636668;
}

.googleMap {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-color: #EEEEEE;
}
.googleMap .mapCanvas {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.showLargeMap {
  margin-top: 5px;
  text-align: right;
}

/* View::constructionsMembers */
/* View::estimate */
#centerColumn.estimate {
  margin-bottom: 43px;
}
#centerColumn.estimate .distractionFreeContents {
  padding-bottom: 0;
}
#centerColumn.estimate .errorMessageAll {
  margin-bottom: 24px;
  border: solid 2px #E40000;
  background-color: #ffffff;
  color: #E40000;
  font-weight: bold;
  text-align: center;
  padding: 12px;
}
#centerColumn.estimate .showValue {
  background-color: #F5F2EC;
  border-radius: 3px;
  padding: 7px 10px;
  font-size: 1.3rem;
  line-height: 1.5em;
  font-weight: bold;
  white-space: pre-wrap;
}
#centerColumn.estimate .showValue:empty:before {
  content: "　";
}
#centerColumn.estimate .showValue.showValue-estimateComment {
  min-height: 7.5em;
}
#centerColumn.estimate .showValue.showValue-estimateMemo {
  min-height: 7.5em;
}
#centerColumn.estimate .showValue.showValue-taxRate {
  background-color: #f7fbfd;
}

.estimateInformation {
  display: table;
  max-width: 1220px;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 24px;
}
@media screen and (max-width: 979px) {
  .estimateInformation {
    display: block;
  }
}
.estimateInformation .leftColumn {
  display: table-cell;
  padding-right: 30px;
}
@media screen and (max-width: 979px) {
  .estimateInformation .leftColumn {
    padding-right: 0;
    display: block;
    margin-bottom: 24px;
  }
}
.estimateInformation .rightColumn {
  display: table-cell;
  vertical-align: bottom;
  width: 440px;
}
@media screen and (max-width: 979px) {
  .estimateInformation .rightColumn {
    display: block;
    width: 100%;
  }
}
.estimateInformation input {
  font-size: 1.3rem;
  height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}
.estimateInformation textarea {
  font-size: 1.3rem;
}
.estimateInformation .input-estimateComment {
  height: 7.5em;
}
.estimateInformation .input-estimateMemo {
  height: 7.5em;
}
.estimateInformation .outline {
  border: solid 6px #ffffff;
  background-color: #ffffff;
  border-radius: 14px;
  overflow: hidden;
}
.estimateInformation .outline .selectbox {
  width: auto;
}
.estimateInformation .outline .estimateStatus {
  font-size: 1.3rem;
  line-height: 2.23077em;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
.estimateInformation .outline .estimateStatus.estimateStatus-fixed {
  background-color: #1786D5;
}
.estimateInformation .outline .estimateStatus.estimateStatus-inProgress {
  background-color: #DA4040;
}
.estimateInformation .outline .subtotal {
  table-layout: fixed;
  width: 100%;
  border: none;
  background-color: #EDF5FA;
}
.estimateInformation .outline .subtotal th, .estimateInformation .outline .subtotal td {
  border: none;
}
.estimateInformation .outline .subtotal th {
  padding: 18px 6px 3px;
  font-size: 1.3rem;
}
.estimateInformation .outline .subtotal th.beforeTaxTotal {
  padding-left: 12px;
}
.estimateInformation .outline .subtotal th.tax {
  padding-left: 12px;
}
.estimateInformation .outline .subtotal th.taxRate {
  padding-top: 25px;
  font-size: 1.2rem;
}
.estimateInformation .outline .subtotal th.profitRate {
  padding-right: 12px;
}
.estimateInformation .outline .subtotal td {
  padding: 3px 6px 12px;
  font-size: 1.8rem;
  color: #005DDB;
  font-weight: bold;
  white-space: nowrap;
}
.estimateInformation .outline .subtotal td.beforeTaxTotal {
  padding-left: 12px;
}
.estimateInformation .outline .subtotal td.tax {
  padding-left: 12px;
}
.estimateInformation .outline .subtotal td.taxRate {
  padding-left: 0px;
}
.estimateInformation .outline .subtotal td.profitRate {
  padding-right: 12px;
}
.estimateInformation .outline .subtotal .taxRate {
  width: 80px;
}
.estimateInformation .outline .subtotal .taxRate .selectbox {
  height: 28px;
  padding: 0 20px 0 0.5em;
}
.estimateInformation .outline .subtotal .taxRate .selectbox:after {
  right: 0px;
}
.estimateInformation .outline .subtotal .taxRate .selectbox .selectboxText {
  font-size: 1.3rem;
  line-height: 2em;
}
.estimateInformation .outline .subtotal .profitRate {
  width: 42px;
}
.estimateInformation .outline .total {
  padding: 18px 12px 12px;
  *zoom: 1;
}
.estimateInformation .outline .total:after {
  content: "";
  display: table;
  clear: both;
}
.estimateInformation .outline .total .title {
  float: left;
  line-height: 30px;
  margin-bottom: 0;
}
.estimateInformation .outline .total .value {
  float: right;
  font-size: 2.2rem;
  line-height: 30px;
  color: #005DDB;
  font-weight: bold;
}
.estimateInformation .outline.is-deficit .subtotal {
  background-color: #F4CCCC;
}
.estimateInformation .outline.is-deficit .subtotal td {
  color: #FF0000;
}
.estimateInformation .outline.is-deficit .total .value {
  color: #FF0000;
}
.estimateInformation .uploadFiles {
  float: none;
  margin-bottom: 10px;
}

.estimateTable .tRow-subtotal .tCol-description, .estimateTable .tRow-subtotal .tCol-id, .estimateTable .tRow-subtotal .tCol-count, .estimateTable .tRow-subtotal .tCol-unit, .estimateTable .tRow-subtotal .tCol-unitPrice, .estimateTable .tRow-subtotal .tCol-comment, .estimateTable .tRow-subtotal .tCol-cost, .estimateTable .tRow-subtotal .tCol-grossProfitMargin, .estimateTable .tRow-subtotal .tCol-supplier, .estimateTable .tRow-discount .tCol-description, .estimateTable .tRow-discount .tCol-id, .estimateTable .tRow-discount .tCol-count, .estimateTable .tRow-discount .tCol-unit, .estimateTable .tRow-discount .tCol-cost, .estimateTable .tRow-discount .tCol-grossProfitMargin, .estimateTable .tRow-discount .tCol-supplier {
  background-color: #EEEEEE;
}

.estimateTable {
  margin-left: 0px;
  margin-right: -40px;
}
.estimateTable input {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.estimateTable .tableWrapper {
  position: relative;
}
.estimateTable table {
  table-layout: fixed;
  width: 1260px;
  border-color: #D1D5D8;
}
.estimateTable tr {
  counter-increment: rowNumber;
}
.estimateTable th, .estimateTable td {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #D1D5D8;
  padding: 0 5px;
  height: 25px;
}
.estimateTable th {
  background-color: #FCFBFA;
  color: #8F9395;
}
.estimateTable th.is-selected {
  background-color: #EBE8E2;
  color: #636668;
}
.estimateTable td {
  background-color: #ffffff;
}
.estimateTable td.tCol-no:before {
  content: counter(rowNumber);
}
.estimateTable td.tCol-count {
  text-align: right;
}
.estimateTable td.tCol-unitPrice {
  text-align: right;
}
.estimateTable td.tCol-price {
  text-align: right;
}
.estimateTable td.tCol-cost {
  text-align: right;
}
.estimateTable td.tCol-grossProfitMargin {
  text-align: right;
}
.estimateTable td.is-error {
  position: relative;
  background-color: #F4CCCC;
}
.estimateTable td.is-error .cellErrorMessage {
  position: absolute;
  top: -1px;
  left: 100%;
  z-index: 100;
  border: solid 1px #D1D5D8;
  border-left: solid 4px #FF0000;
  background-color: #ffffff;
  font-size: 1.3rem;
  line-height: 1.84615em;
  color: #FF0000;
  padding: 5px;
  white-space: nowrap;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.estimateTable td.is-error .cellErrorMessage.is-show {
  opacity: 1;
  pointer-events: all;
}
.estimateTable thead th {
  height: 24px;
  border-bottom-width: 2px;
}
.estimateTable .tRow-subtotal .tCol-name {
  text-align: right;
}
.estimateTable .tRow-discount .tCol-name {
  text-align: right;
}
.estimateTable .tCol-edit {
  position: relative;
  width: 50px;
  text-align: center;
  border-right-width: 2px;
}
.estimateTable .tCol-edit a {
  font-size: 1.6rem;
  color: #636668;
}
.estimateTable .tCol-edit a.is-hover {
  color: #1786D5;
}
.estimateTable .tCol-edit .rowMenu {
  position: absolute;
  top: -1px;
  left: 100%;
  border: solid 1px #D1D5D8;
  background-color: #ffffff;
  padding: 10px;
  opacity: 0;
  pointer-events: none;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.estimateTable .tCol-edit .rowMenu.is-show {
  opacity: 1;
  pointer-events: all;
}
.estimateTable .tCol-edit .rowMenu a {
  display: block;
  font-size: 1.3rem;
  line-height: 1.84615em;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
}
.estimateTable .tCol-edit .rowMenu a.is-hover {
  color: #1786D5;
}
.estimateTable .tCol-edit .rowMenu a:not(:first-child) {
  margin-top: 5px;
}
.estimateTable .tCol-no {
  width: 34px;
  text-align: right;
}
.estimateTable .tCol-name {
  width: 160px;
}
.estimateTable .tCol-description {
  width: 150px;
}
.estimateTable .tCol-id {
  width: 110px;
}
.estimateTable .tCol-count {
  width: 50px;
}
.estimateTable .tCol-unit {
  width: 50px;
}
.estimateTable .tCol-unitPrice {
  width: 100px;
}
.estimateTable .tCol-price {
  width: 100px;
  background-color: #EDF5FA;
}
.estimateTable .tCol-comment {
  width: 180px;
}
.estimateTable .tCol-cost {
  width: 100px;
  border-left-style: double;
  border-left-width: 4px;
}
.estimateTable .tCol-grossProfitMargin {
  width: 60px;
}
.estimateTable .tCol-supplier {
  width: 100px;
}
.estimateTable .tCol-memo {
  width: 180px;
}
.estimateTable .tableFooter {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top: solid 3px #D1D5D8;
  background-color: #EBE8E2;
  height: 40px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter {
    text-align: right;
  }
}
.estimateTable .tableFooter .addTableRowBlock {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 330px;
  background-color: #FCFBFA;
  text-align: center;
  padding: 4px 0;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .addTableRowBlock {
    position: static;
    display: inline-block;
    margin-right: 10px;
    width: auto;
    padding: 4px 20px;
    float: left;
  }
}
.estimateTable .tableFooter .addTableRowCount {
  width: 64px;
  height: 32px;
  margin-right: 10px;
}
.estimateTable .tableFooter .total .title, .estimateTable .tableFooter .totalCost .title, .estimateTable .tableFooter .grossProfitMarginAverage .title {
  position: absolute;
  top: 0px;
  right: 100%;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 10px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .total .title, .estimateTable .tableFooter .totalCost .title, .estimateTable .tableFooter .grossProfitMarginAverage .title {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}
.estimateTable .tableFooter .total .value, .estimateTable .tableFooter .totalCost .value, .estimateTable .tableFooter .grossProfitMarginAverage .value {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
  height: 32px;
  padding: 0 10px;
  background-color: #FCFBFA;
  border-radius: 3px;
  line-height: 32px;
  color: #005DDB;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .total .value, .estimateTable .tableFooter .totalCost .value, .estimateTable .tableFooter .grossProfitMarginAverage .value {
    display: inline-block;
  }
}
.estimateTable .tableFooter .total {
  position: absolute;
  top: 0px;
  left: 716px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .total {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}
.estimateTable .tableFooter .total .value {
  width: 98px;
}
.estimateTable .tableFooter .totalCost {
  position: absolute;
  top: 0px;
  left: 1000px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .totalCost {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}
.estimateTable .tableFooter .totalCost .value {
  width: 98px;
}
.estimateTable .tableFooter .grossProfitMarginAverage {
  position: absolute;
  top: 0px;
  left: 1100px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .grossProfitMarginAverage {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}
.estimateTable .tableFooter .grossProfitMarginAverage .title {
  left: 100%;
  right: auto;
}
.estimateTable .tableFooter .grossProfitMarginAverage .value {
  width: 58px;
}
.estimateTable .editCell {
  position: absolute;
  display: none;
  pointer-events: none;
  background-color: #ffffff;
}
.estimateTable .editCell textarea {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border: none;
  border-radius: 0;
  background: none;
  background-color: transparent;
  height: auto;
  padding: 0;
  outline: none;
  resize: none;
  -webkit-appearance: none;
}
.estimateTable .editCell.is-active {
  display: block;
  border: solid 2px #005DDB;
}
.estimateTable .editCell.is-inputable {
  pointer-events: all;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.estimateTable .editCell.is-inputable textarea {
  display: block;
}

.estimate-show .estimateTable .tableFooter .total {
  left: 695px;
}
.estimate-show .estimateTable .tableFooter .total .value {
  width: 101px;
}
.estimate-show .estimateTable .tableFooter .totalCost {
  left: 990px;
}
.estimate-show .estimateTable .tableFooter .totalCost .value {
  width: 100px;
}
.estimate-show .estimateTable .tableFooter .grossProfitMarginAverage {
  left: 1094px;
}
.estimate-show .estimateTable .tableFooter .grossProfitMarginAverage .value {
  width: 59px;
}

/* View::company */
.usingBarWrap {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  border: solid 1px #9FA2A7;
  border-radius: 3px;
  overflow: hidden;
}
.usingBarWrap .usingBar {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #FCE09B;
  width: 0%;
  height: 100%;
}
.usingBarWrap .usingBarMessage {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: bold;
  color: #5D4905;
  line-height: 30px;
  margin-left: 8px;
}

.usingMessage {
  font-size: 1.3rem;
  line-height: 1.6em;
  font-weight: normal;
  font-weight: bold;
}

.creditcardInfo {
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: normal;
}
.creditcardInfo li {
  display: inline-block;
}
.creditcardInfo li:not(:last-child):after {
  content: "　／　";
}

/* View::customers */
.propertyHeader {
  margin-bottom: 10px;
  overflow: hidden;
}
.propertyHeader .propertyTitle {
  float: left;
}
.propertyHeader .propertyTitle .propertyName {
  font-size: 18px;
}
.propertyHeader .propertyBtn {
  float: right;
}

.customersList {
  border: none !important;
}
.customersList li {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.customersList li:after {
  border-bottom: none !important;
}

.customerName {
  font-size: 18px;
}

.customersCard {
  margin-bottom: 10px;
}
.customersCard .cardBody {
  padding: 10px;
}
.customersCard .cardBody:hover {
  background: #F2F2EF;
}
.customersCard .cardBottom {
  display: table;
  width: 100%;
  border-top: 1px solid #EFF1F2;
}
.customersCard .cardBottom a {
  display: table-cell;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 2;
}
.customersCard .cardBottom a:hover {
  background: #F2F2EF;
}
.customersCard .listItem .listItemInner {
  padding: 0;
}
.customersCard .listItem .listItemInner .listItemThumb {
  width: 74px;
  height: 74px;
}
.customersCard .listItem .listItemInner .listItemContents {
  margin-left: 86px;
}
.customersCard .listItem .listItemInner .listItemContents .projectWorkType {
  margin-top: 0;
  margin-bottom: 5px;
}
.customersCard .listItem .listItemInner .listItemContents .projectWorkType .tag.tag-workType {
  margin-right: 2px;
}
.customersCard .listItem .listItemInner .listItemContents .projectWorkType .ellipsis {
  display: inline-block;
  vertical-align: top;
  border: solid 1px transparent;
  font-size: 1.1rem;
  line-height: 1.45455em;
  font-weight: bold;
  color: #7A7E80;
}
.customersCard .listItem .listItemInner .listItemContents .listItemName {
  font-size: 20px;
  font-weight: normal;
  color: #4a4b4c;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.customersCard .listItem .listItemInner .listItemContents .projectDate {
  color: #4a4b4c;
}

/* View::messages */
#messageNav {
  width: 37.5%;
  max-width: 390px;
  float: left;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #messageNav {
    display: none;
    float: none;
    width: 100%;
    position: absolute;
    z-index: 1;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
  }
}
#messageNav .messageNavHeader {
  padding: 10px;
  border-bottom: solid 1px #DEDDD9;
  box-sizing: border-box;
}
#messageNav .messageNavHeader .selectbox {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #messageNav .messageNavHeader {
    width: 90%;
    background-color: white;
  }
}
#messageNav .messageNavContents {
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  #messageNav .messageNavContents {
    width: 90%;
    background-color: white;
  }
}
#messageNav .messageNavContents ul.list {
  margin-top: 0;
}
#messageNav .messageNavContents ul.list > li .listItem a {
  color: #000;
  text-decoration: none;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner {
  padding: 0;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner.active {
  background-color: #FFF8DD;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner .listItemThumb {
  width: 100px;
  height: 80px;
  border: none;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner .listItemContents {
  margin-left: 120px;
  padding-top: 12px;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner .listItemContents .read {
  margin-top: 0;
}
#messageNav .messageNavContents ul.list > li .listItem .listItemInner .listItemContents .inline-list {
  margin-top: 5px;
  margin-bottom: 5px;
}

#messageColumn {
  margin-left: 37.5%;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  #messageColumn {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (min-width: 980px) {
  #messageColumn {
    margin-left: 390px;
  }
}

.message-section {
  background-color: #ffffff;
  border-left: solid 1px #E2DAD0;
  border-right: solid 1px #E2DAD0;
}
.message-section .message-head {
  padding: 16px 20px 15px;
  border-bottom: solid 1px #E2DAD0;
  box-sizing: border-box;
}
.message-section .message-body {
  overflow: auto;
}
.message-section .uv-message-new-bar {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  margin-bottom: 10px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.message-section .uv-message-new-bar.is-show {
  opacity: 1;
  pointer-events: all;
}
.message-section .uv-message-new-bar .arrow-box {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #FCE09B;
  color: #5D4905;
  font-size: 1.3rem;
  line-height: 1.5em;
  cursor: pointer;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.message-section .uv-message-new-bar .arrow-box:before {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  margin: auto;
  content: "";
  margin-top: -5px;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #FCE09B;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.message-section .uv-message-new-bar .arrow-box.is-hover {
  background-color: #FFCE00;
  color: #ffffff;
}
.message-section .uv-message-new-bar .arrow-box.is-hover:before {
  background-color: #FFCE00;
}
.message-section .message-send-section {
  position: fixed;
  bottom: 0;
  left: inherit;
  right: 0;
  width: 100%;
  box-sizing: border-box;
}
.message-section .message-send-section .message-send-box {
  background-color: #EEEEEE;
  border-top: solid 1px #E2DAD0;
  border-left: solid 1px #E2DAD0;
  border-right: solid 1px #E2DAD0;
  padding: 10px 20px;
  margin-left: 37.5%;
  box-sizing: border-box;
}
@media screen and (min-width: 980px) {
  .message-section .message-send-section .message-send-box {
    margin-left: 390px;
  }
}
@media screen and (max-width: 979px) {
  .message-section .message-send-section .message-send-box {
    margin-left: 0;
  }
}
.message-section .message-send-section textarea {
  height: auto;
  resize: none;
  font-size: 1.3rem;
}
.message-section .message-send-section .message-send-btn-list {
  margin-top: 10px;
  margin-bottom: 5px;
}
.message-section .message-send-section .message-send-btn-list input {
  width: 100%;
}
.message-section .message-send-section .message-send-btn-list button {
  margin-left: 10px;
}
@media screen and (min-width: 1060px) {
  .message-section .message-send-section {
    left: inherit;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .message-section .message-send-section {
    width: 100%;
    left: 0;
    right: 0;
  }
}
.message-section.message-section-order .message-head a {
  color: #238E3A;
}
.message-section.message-section-orderPossible .message-head a {
  color: #E94F60;
}

.message-body {
  padding-top: 10px;
}
.message-body .message-date-separator {
  position: relative;
  text-align: center;
  margin: 10px 0;
  font-size: 1.2rem;
  line-height: 1.33333em;
  color: #8F9395;
}
.message-body .message-date-separator:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: #DEDDD9;
}
.message-body .message-date-separator span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  padding: 0 15px;
}
.message-body .message-box {
  margin-top: 0px;
  padding: 10px 0;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #E2DAD0;
}
.message-body .message-box .message-box-header {
  border-bottom: 1px solid #E2DAD0;
  padding-bottom: 10px;
  margin: 0 20px;
}
.message-body .message-box .message-box-header .title {
  margin-top: 5px;
}
.message-body .message-box .message-block {
  padding: 10px 0;
  margin: 0 20px;
}
.message-body .message-box img {
  width: auto;
  max-height: 140px;
  vertical-align: middle;
}
.message-body .message-box a {
  text-decoration: none;
}
.message-body .message-box a.is-hover {
  text-decoration: underline;
}
.message-body .message-balloon-list li {
  display: inline;
}
.message-body .message-balloon-list li.list-name {
  font-size: 1.2rem;
  line-height: 1.35em;
  font-weight: normal;
}
.message-body .message-balloon-list li.list-date {
  margin-left: 1em;
  font-size: 1.2rem;
  line-height: 1.35em;
  font-weight: normal;
}

.message-section-order .message-body .message-box .message-balloon {
  background-color: #c2f0cc;
}
.message-section-order .message-body .message-box .message-balloon:before {
  background-color: #c2f0cc;
}
.message-section-order .message-body .message-box.other-company .message-balloon {
  background-color: #EEEEEE;
}
.message-section-order .message-body .message-box.other-company .message-balloon:before {
  background-color: #EEEEEE;
}

.message-section-orderPossible .message-body .message-box .message-balloon {
  background-color: #ffe0e3;
}
.message-section-orderPossible .message-body .message-box .message-balloon:before {
  background-color: #ffe0e3;
}
.message-section-orderPossible .message-body .message-box.other-company .message-balloon {
  background-color: #EEEEEE;
}
.message-section-orderPossible .message-body .message-box.other-company .message-balloon:before {
  background-color: #EEEEEE;
}

.messagesProjectInfo .projectPerson .title {
  display: inline-block;
  border-radius: 3px;
  padding: 0 0.5em;
  font-size: 1.1rem;
  line-height: 1.4em;
  font-weight: bold;
  color: #636668;
}
.messagesProjectInfo.messagesProjectInfo-order .projectPerson .title {
  background-color: #E7F2E9;
}
.messagesProjectInfo.messagesProjectInfo-orderPossible .projectPerson .title {
  background-color: #FFEAEC;
}

.messagesCompanyInfo dl:not(:first-child) {
  margin-top: 10px;
}
.messagesCompanyInfo dl:not(:last-child) {
  margin-bottom: 10px;
}
.messagesCompanyInfo dt span {
  background-color: #EBE8E2;
  color: #636668;
}

/* View::modal */
.modal {
  position: fixed;
  top: -9999px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: table;
  width: 100%;
  height: 100%;
  z-index: 6999;
}
.modal .modalOverlay {
  display: table-cell;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px;
  opacity: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {
  .modal .modalOverlay {
    padding: 40px 20px;
  }
}
.modal .modalBox {
  opacity: 0;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #ffffff;
  width: 640px;
  max-height: 100%;
  margin: 0 auto;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .modal .modalBox {
    width: 100%;
    max-width: 320px;
  }
}
.modal .modalBox .btn-closeModal {
  position: absolute;
  top: -40px;
  right: 0px;
  font-size: 3.2rem;
  line-height: 32px;
  padding: 0;
  color: #ffffff;
  border-radius: 50%;
}
.modal .modalBox .btn-closeModal i {
  vertical-align: top;
}
.modal .modalBox .btn-closeModal:hover {
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background-color: rgba(255, 255, 255, 0.1);
}
.modal .modalBox .modalHeader {
  padding: 15px 20px 0;
}
.modal .modalBox .modalTitle {
  border-bottom: solid 1px #DEDDD9;
  padding-bottom: 10px;
}
.modal .modalBox .modalBody {
  padding: 15px;
}
.modal .modalBox .modalBodyContents {
  padding: 5px;
  max-height: calc(100vh - 162px);
  overflow: auto;
}
.modal.is-open {
  top: 0;
}
.modal.is-open .modalOverlay {
  opacity: 1;
}
.modal.is-open .modalBox {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

/* View::modal-assignMembers */
#modal-assignMembers.modal .modalBox {
  width: 400px;
}
#modal-assignMembers.modal .formContentTitle {
  *zoom: 1;
}
#modal-assignMembers.modal .formContentTitle:after {
  content: "";
  display: table;
  clear: both;
}
#modal-assignMembers.modal .formContentTitle .icon-user {
  float: left;
  display: block;
  font-size: 3.2rem;
  margin-right: 10px;
}
#modal-assignMembers.modal .formContentTitle .name {
  display: block;
  padding: 5px 0;
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: bold;
  word-break: break-all;
}
#modal-assignMembers.modal .formContentHead {
  padding-top: 0;
  padding-bottom: 0;
}
#modal-assignMembers.modal .formContentBody {
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
}
#modal-assignMembers.modal .formContentBody label input[type="checkbox"] + .ui-checkbox {
  cursor: pointer;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #D1D5D8;
  font-size: 0rem;
  vertical-align: top;
  color: #636668;
  font-weight: bold;
  text-align: left;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  width: auto;
  height: auto;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#modal-assignMembers.modal .formContentBody label input[type="checkbox"] + .ui-checkbox:before {
  position: static;
  display: inline-block;
  vertical-align: top;
  content: "";
  font-size: 2.4rem;
  line-height: 1em;
  color: #D1D5D8;
  padding: 8px;
  border-right: solid 1px #D1D5D8;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#modal-assignMembers.modal .formContentBody label input[type="checkbox"] + .ui-checkbox:after {
  position: static;
  display: inline-block;
  vertical-align: top;
  content: "担当者にする";
  font-size: 1.4rem;
  line-height: 1.71429em;
  padding: 8px 10px;
  width: 6em;
  text-align: center;
}
#modal-assignMembers.modal .formContentBody label input[type="checkbox"]:checked + .ui-checkbox:before {
  color: #005DDB;
}
#modal-assignMembers.modal .formContentBody label input[type="checkbox"]:checked + .ui-checkbox:after {
  content: "担当者";
}
#modal-assignMembers.modal .formContentBody label.is-hover input[type="checkbox"] + .ui-checkbox {
  border-color: #1786D5;
  color: #1786D5;
  box-shadow: none;
}
#modal-assignMembers.modal .formContentBody label.is-hover input[type="checkbox"] + .ui-checkbox:before {
  border-color: #1786D5;
  color: #1786D5;
}
#modal-assignMembers.modal .formContentBody label.is-hover input[type="checkbox"]:checked + .ui-checkbox:after {
  content: "担当から外す";
}

/* View::iModal */
.iModal {
  position: fixed;
  top: -9999px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 6999;
}
.iModal .iModalOverlay {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.78);
  padding: 0;
  opacity: 0;
  overflow: auto;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.iModal .iModalAreaWrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.iModal .iModalArea {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.iModal .iModalBox {
  display: inline-block;
  vertical-align: middle;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  opacity: 0;
  -moz-transform: scale(0.7, 0.7);
  -ms-transform: scale(0.7, 0.7);
  -webkit-transform: scale(0.7, 0.7);
  transform: scale(0.7, 0.7);
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding-right: 320px;
  margin: 40px 22px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox {
    padding: 0;
    margin: 0;
  }
}
.iModal .iModalBox:after {
  content: "";
  display: block;
  clear: both;
}
.iModal .iModalBox .btn-closeModal {
  position: absolute;
  top: -37px;
  right: 0px;
  font-size: 3.2rem;
  line-height: 32px;
  padding: 0;
  color: #ffffff;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox .btn-closeModal {
    top: 0;
    z-index: 1;
  }
}
.iModal .iModalBox .btn-closeModal i {
  vertical-align: top;
}
.iModal .iModalBox .btn-closeModal:hover {
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background-color: rgba(255, 255, 255, 0.1);
}
.iModal .iModalBox .btn-prev, .iModal .iModalBox .btn-next, .iModal .iModalBox .btn-rotate-left, .iModal .iModalBox .btn-rotate-right {
  position: absolute;
  top: 50%;
  opacity: 0;
  padding: 0;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 5.4rem;
  line-height: 1rem;
  margin-top: -0.5rem;
  color: #ffffff;
  text-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .iModal .iModalBox .btn-prev, .iModal .iModalBox .btn-next, .iModal .iModalBox .btn-rotate-left, .iModal .iModalBox .btn-rotate-right {
    opacity: 1;
  }
}
.iModal .iModalBox .btn-prev {
  left: 6px;
}
.iModal .iModalBox .btn-next {
  right: 6px;
}
.iModal .iModalBox .btn-rotate-left {
  top: 88%;
  left: 38%;
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox .btn-rotate-left {
    left: 34%;
  }
}
.iModal .iModalBox .btn-rotate-right {
  top: 88%;
  right: 38%;
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox .btn-rotate-right {
    right: 34%;
  }
}
.iModal .iModalBox .iModalImage {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
}
.iModal .iModalBox .iModalImageBlock {
  position: relative;
  background-color: #000000;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.iModal .iModalBox .iModalImageBlock.is-hover .btn, .iModal .iModalBox .iModalImageBlock.is-hover .listBottomBtn {
  opacity: 1;
}
.iModal .iModalBox .iModalImageBlock.is-hover .btn.is-hover, .iModal .iModalBox .iModalImageBlock.is-hover .is-hover.listBottomBtn {
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background-color: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox .iModalImageBlock {
    width: 100%;
  }
}
.iModal .iModalBox .iModalContentBlock {
  background-color: #ffffff;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 320px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .iModal .iModalBox .iModalContentBlock {
    position: inherit;
    width: 100%;
  }
}
.iModal .iModalBox .iModalContentBlockInner {
  padding: 20px 20px 5px;
}
.iModal .iModalBox .iModalFileLabel {
  display: inline-block;
  vertical-align: top;
  padding: 0 1.5em;
  font-size: 1.3rem;
  line-height: 1.5em;
  background-color: rgba(255, 255, 255, 0.1);
  border: solid 1px #1786D5;
  color: #1786D5;
  margin-bottom: 5px;
}
.iModal .iModalBox .iModalFileName {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: bold;
  word-break: break-all;
  margin-bottom: 10px;
}
.iModal .iModalBox .iModalText {
  margin-bottom: 10px;
  outline: none;
  resize: none;
  font-size: 1.3rem;
  line-height: 1.4em;
  border-color: #EEEEEE;
  box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.2) inset;
}
.iModal .iModalBox .caption {
  margin-bottom: 10px;
}
.iModal .iModalBox .btn-upadate {
  float: right;
  margin-bottom: 10px;
}
.iModal .iModalBox .fileUrl {
  clear: both;
}
.iModal .iModalBox .fileUrl .fileUrlTitle {
  font-size: 1.2rem;
  line-height: 1.2em;
  font-weight: bold;
  font-weight: normal;
  color: #636668;
  margin-bottom: 5px;
}
.iModal .iModalBox .fileUrl input {
  display: block;
  width: 100%;
  height: 24px;
  border: none;
  border-radius: 0;
  background-color: #EEEEEE;
  color: #636668;
  font-size: 1.3rem;
  line-height: 24px;
}
.iModal .iModalBox .iModalContentBlockAdBlock {
  border-top: solid 1px #EEEEEE;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px;
}
.iModal .iModalBox .iModalContentBlockAdBlock img {
  display: block;
  margin: auto;
}
.iModal .iModalBox .list.list-fullWidth {
  margin-left: -15px;
  margin-right: -15px;
}
.iModal .iModalBox .listItem .listItemThumb {
  float: left;
  display: block;
  margin-left: 10px;
  width: 28px;
  height: 28px;
}
.iModal .iModalBox .listItem .listItemThumb + .listItemContents {
  margin-left: 50px;
}
.iModal .iModalBox .listItem .listItemCaption {
  text-align: right;
}
.iModal .iModalBox .iModalCommentList pre {
  font-size: 1.2em;
}
.iModal .iModalBox .iModalCommentInput {
  margin-top: 10px;
  margin-bottom: 10px;
}
.iModal .iModalBox .iModalText {
  width: 188px;
  height: 28px;
  min-height: 28px;
  max-height: 100px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 1.2em;
}
.iModal.is-open {
  top: 0;
}
.iModal.is-open .iModalOverlay {
  opacity: 1;
}
.iModal.is-open .iModalBox {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

/* View::signIn */
#centerColumn.centerColumn-signIn {
  width: 840px;
  margin: 0 auto;
}
@media screen and (max-width: 979px) {
  #centerColumn.centerColumn-signIn {
    width: auto;
    margin: 0 10px;
  }
}

.signUpCharacter {
  position: relative;
  width: 390px;
  height: 180px;
  margin: 0 auto;
  background: url(/images/img_login.png) no-repeat;
}
@media screen and (max-width: 767px) {
  .signUpCharacter {
    width: 100%;
    background-size: contain;
  }
}

.signUpCharacterMessage {
  position: absolute;
  top: 44px;
  left: 170px;
  width: 214px;
  font-size: 1.4rem;
  line-height: 1.57143em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .signUpCharacterMessage {
    top: 25px;
    left: 134px;
  }
}

/* View::process */
#processSheetListTableItemsTable input {
  padding-top: 0;
  padding-bottom: 0;
}

.tableItem {
  position: relative;
  float: left;
  width: 400px;
  box-sizing: border-box;
}
.tableItem table {
  width: 100%;
  border-top: 1px solid #ccc;
}
.tableItem table a {
  font-size: 1.6rem;
  color: #636668;
}
.tableItem th, .tableItem td {
  border: none;
  padding: 0;
  height: 26px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.tableItem th {
  font-size: 12px;
  white-space: nowrap;
}
.tableItem th.tBtnGroup {
  height: 70px;
  vertical-align: bottom;
  padding: 0 0 10px 10px;
}
.tableItem th.tBtnGroup a {
  margin-right: 10px;
}
.tableItem td {
  min-width: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tableItem td .is-error {
  background-color: #F4CCCC;
}
.tableItem td.tCol-parent {
  background: #eeeeee;
}
.tableItem td.tCol-edit {
  background: #fcfbfa;
  text-align: center;
}
.tableItem th.tCol-name, .tableItem td.tCol-name {
  max-width: 200px;
}
.tableItem th.tCol-date, .tableItem td.tCol-date {
  max-width: 60px;
}
.tableItem tr.tRow-parent td {
  border-bottom-color: white;
}
.tableItem tr.tRow-parent td.tCol-parent {
  border-bottom-color: #eeeeee;
}
.tableItem tr.tRow-parent td.tCol-edit {
  border-bottom-color: #fcfbfa;
}
.tableItem tr.tRow-parent.tRow-close td {
  border-bottom-color: #ccc !important;
}

.tabeleCalendar {
  position: relative;
  float: left;
  width: 860px;
  box-sizing: border-box;
  overflow-x: scroll;
  overflow-y: hidden;
}
.tabeleCalendar th, .tabeleCalendar td {
  font-size: 11px;
  padding: 0 4px;
  text-align: center;
  width: 22px;
  height: 26px;
  white-space: nowrap;
}
.tabeleCalendar .month {
  text-align: left;
  font-size: 12px;
  background: #eeeeee;
  color: #666666;
}
.tabeleCalendar .saturday {
  background: #e4f4fd;
  color: #3898c8;
}
.tabeleCalendar .holiday {
  background: #fde9e9;
  color: #e94f60;
}
.tabeleCalendar .today {
  background: #fce09b;
  color: #e94f60;
}
.tabeleCalendar .highlight {
  background: #fcfad0;
}

.chart-range {
  position: absolute;
  margin-top: 8px;
  height: 12px;
  background: rgba(250, 183, 40, 0.7);
}
.chart-range:before, .chart-range:after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid rgba(250, 183, 40, 0.7);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.chart-range:before {
  left: 0;
}
.chart-range:after {
  right: 0;
}

.chart-parent-range {
  position: absolute;
  margin-top: 12px;
  height: 4px;
  background: #b2d9db;
  text-align: center;
  font-size: 11px;
}
.chart-parent-range span {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  z-index: 1;
}
.chart-parent-range:before, .chart-parent-range:after {
  content: "";
  position: absolute;
  top: -5px;
  width: 14px;
  height: 14px;
  background: #b2d9db;
  border-radius: 50%;
}
.chart-parent-range:before {
  left: 0;
}
.chart-parent-range:after {
  right: 0;
}
.chart-parent-range.outTxt span {
  left: 0;
  white-space: nowrap;
}

.chart-child-range {
  position: absolute;
  background: #00a9be;
  border-radius: 10px;
  color: black;
  font-size: 11px;
  padding: 5px 10px;
  margin-top: 4px;
  height: 20px;
  box-sizing: border-box;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chart-child-range.outTxt {
  overflow: initial;
  text-overflow: initial;
}
.chart-child-range span {
  position: absolute;
  top: 4px;
  left: 6px;
  color: #000;
  z-index: 1;
}
.chart-child-range:hover {
  background: #0096a9;
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: liner;
}

.tableFooter {
  position: fixed;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-top: solid 3px #D1D5D8;
  background-color: #EBE8E2;
  height: 40px;
  z-index: 1;
}
@media screen and (max-width: 1220px) {
  .tableFooter {
    text-align: right;
  }
}
.tableFooter .addTableRowBlock {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 330px;
  background-color: #FCFBFA;
  text-align: center;
  padding: 4px 0;
}
@media screen and (max-width: 1220px) {
  .tableFooter .addTableRowBlock {
    position: static;
    display: inline-block;
    margin-right: 10px;
    width: auto;
    padding: 4px 20px;
    float: left;
  }
}
.tableFooter .addTableRowCount {
  width: 64px;
  height: 32px;
  margin-right: 10px;
}
.estimateTable .tableFooter .total .title, .estimateTable .tableFooter .totalCost .title, .estimateTable .tableFooter .grossProfitMarginAverage .title {
  position: absolute;
  top: 0px;
  right: 100%;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 10px;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .total .title, .estimateTable .tableFooter .totalCost .title, .estimateTable .tableFooter .grossProfitMarginAverage .title {
    position: static;
    display: inline-block;
    margin-right: 10px;
  }
}
.estimateTable .tableFooter .total .value, .estimateTable .tableFooter .totalCost .value, .estimateTable .tableFooter .grossProfitMarginAverage .value {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
  height: 32px;
  padding: 0 10px;
  background-color: #FCFBFA;
  border-radius: 3px;
  line-height: 32px;
  color: #005DDB;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 1220px) {
  .estimateTable .tableFooter .total .value, .estimateTable .tableFooter .totalCost .value, .estimateTable .tableFooter .grossProfitMarginAverage .value {
    display: inline-block;
  }
}

/* View::newsList */
.newsList {
  border-bottom: solid 1px #DEDDD9;
  margin-bottom: 30px !important;
}
.newsList a.listItemInner {
  padding-top: 15px;
  padding-bottom: 15px;
}
.newsList a.listItemInner:hover {
  background-color: #FFF8DD;
}
.newsList .newsListLabel {
  width: 10%;
  padding-left: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .newsList .newsListLabel {
    width: 20%;
  }
}
.newsList .newsListLabel .label {
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .newsList .listItemName {
    position: relative;
    padding-bottom: 2em;
  }
}
.newsList .newsListBody {
  width: 79%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .newsList .newsListBody {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
.newsList .newsListDate {
  width: 11%;
  font-weight: normal;
  box-sizing: border-box;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .newsList .newsListDate {
    width: 30%;
  }
}

/* View::newsDetail */
.txtContents {
  margin-bottom: 30px;
}
.txtContents .txtContentsHeader {
  border-top: 1px solid #999;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .txtContents .txtContentsHeader {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.txtContents .txtContentsHeader .txtContentsHeaderLabel {
  width: 10%;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .txtContents .txtContentsHeader .txtContentsHeaderLabel {
    width: 30%;
    float: none;
  }
}
.txtContents .txtContentsHeader .txtContentsHeaderTitle {
  float: left;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .txtContents .txtContentsHeader .txtContentsHeaderTitle {
    float: none;
    position: relative;
  }
}
.txtContents .txtContentsHeader .txtContentsHeaderTitle .txtContentsHeaderDate {
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .txtContents .txtContentsHeader .txtContentsHeaderTitle .txtContentsHeaderDate {
    position: absolute;
    top: -23px;
    left: 30%;
  }
}
.txtContents .txtContentsBody {
  border-top: 1px solid #999;
  padding: 30px 10% 0;
}
@media screen and (max-width: 767px) {
  .txtContents .txtContentsBody {
    padding: 15px 15px 0;
  }
}
.txtContents .txtContentsBody p {
  line-height: 1.6;
}
.txtContents .txtContentsBody dl dt {
  margin-top: 30px;
  font-weight: bold;
}
.txtContents .txtContentsBody dl dd {
  line-height: 1.6;
}
.txtContents .txtContentsBody ol > li {
  list-style: decimal;
  margin-left: 1em;
  margin-bottom: 5px;
}

/* View::jobDetail */
.jobDetailBlock .jobDetailHeader .listItem {
  margin-bottom: 20px;
}
.jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemThumb {
  width: 30%;
  height: 18vw;
}
@media screen and (max-width: 767px) {
  .jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemThumb {
    width: 100%;
    height: 40vw;
    float: none;
    margin-bottom: 10px;
  }
}
.jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemContents {
  padding-top: 0;
  margin-left: 32%;
}
@media screen and (max-width: 767px) {
  .jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemContents {
    margin-left: 0;
  }
}
.jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemContents .searchResultListHead {
  margin-bottom: 0;
  overflow: hidden;
}
.jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemContents .searchResultListHead ul {
  float: left;
}
.jobDetailBlock .jobDetailHeader .listItem .listItemInner .listItemContents .searchResultListHead p.cap {
  float: right;
  font-size: 1.2rem;
  margin-top: 5px;
  color: #999;
}
.jobDetailBlock .jobDetailBody {
  border-bottom: 1px solid #aaa;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .jobDetailBlock .jobDetailBody {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.jobDetailBlock .jobDetailBody dl dd {
  font-size: 1.3rem;
  line-height: 1.6em;
  color: #000;
  margin-bottom: 25px;
}
.jobDetailBlock .jobDetailBody dl dd:last-child {
  margin-bottom: 0;
}

/* View::login */
.borderBox {
  border: 1px solid #aaa;
  padding: 20px 30px;
}
@media screen and (max-width: 767px) {
  .borderBox {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.borderBox .layout-align-center button.btn, .borderBox .layout-align-center button.listBottomBtn {
  width: 160px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .borderBox .layout-align-center button.btn, .borderBox .layout-align-center button.listBottomBtn {
    width: 100%;
  }
}
.borderBox .facebookLogin {
  margin-top: 20px;
  padding-top: 20px;
  width: 100%;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .borderBox .facebookLogin .btn, .borderBox .facebookLogin .listBottomBtn {
    width: 100%;
  }
}

.float-dl {
  overflow: hidden;
  width: 468px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .float-dl {
    width: 100%;
    margin-bottom: 10px !important;
  }
}
.float-dl dt {
  clear: both;
  float: left;
  text-align: right;
  width: 30%;
  padding-right: 10px;
  box-sizing: border-box;
  margin-top: 10px;
  font-weight: normal;
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .float-dl dt {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    padding-top: 0;
  }
}
.float-dl dd {
  float: left;
  width: 70%;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .float-dl dd {
    float: none;
    width: 100%;
    margin-top: 0;
  }
}
.float-dl dd input {
  width: 100%;
  height: 30px;
  font-size: 1.4rem;
}
.float-dl dd .caption {
  padding-top: 4px;
  display: inline-block;
}
.float-dl dd .caption a {
  text-decoration: none;
}

.loginTxt {
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 30px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .loginTxt {
    padding: 10px 15px 0;
    text-align: left;
    margin-bottom: 10px;
  }
}
.loginTxt label {
  font-size: 1.3rem;
}
.loginTxt p {
  line-height: 1.6;
}

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

.new-menu__nav .navBarContent .title {
  padding: 10px 10px;
  margin-bottom: 0;
}

/* CSS Document */
/*-------- HTML ---------*/

body,html{
  
  
}
body.home{
  background: #eeeeee;
  font-family: "YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  overflow-x: hidden;
}
body.home:before{
  display: none;
}
body.home img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
body.home ul,
body.home li{
  list-style: none;
}
body.home a{
  opacity: 1;
  transition:all 0.3s ease;
}
body.home a:hover{
  opacity: 0.65;
}
.sp-hide{display:inherit;}
.sp-show{display:none;}
.btn-section__center{
  text-align: center;
}

/*-------- old reset ---------*/
#wrapper{
  padding-top: 0;
}

/*-------- new-header ---------*/
.new-header{
  width: 100%;
  min-width: 1200px;
  box-sizing: border-box;
  padding: 25px 2.5% 20px;
/*  overflow: hidden;*/
  background: #ffeea9; /* Old browsers */
  background: -moz-linear-gradient(top, #ffeea9 0%, #ffce00 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffeea9 0%,#ffce00 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffeea9 0%,#ffce00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeea9', endColorstr='#ffce00',GradientType=0 ); /* IE6-9 */
  position: relative;
  z-index: 1;
}
.new-header:after{
  content: "";
  clear: both;
  display: block;
}
.new-header__logo{
  float: left;
  width: 240px;
  margin-right: 2.5%;
}
.new-header__info{
  float: left;
  margin-right: 2.5%;
}
.new-header__h1{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 12px;
}
.new-header__tel{
  width: 268px;
}
.new-header__btn{
  float: left;
  margin-top: 6px;
}
.new-header__btn ul{
  
}
.new-header__btn ul li{
  
}
.new-header__nav{
  float: right;
}
.new-header__nav > ul:after{
  content: "";
  clear: both;
  display: block;
}
.new-header__nav > ul > li{
  float: left;
  margin-left: 15px;
  position: relative;
  
}
.new-header__nav > ul > li > a{
  display: block;
  width: 53px;
  height: 53px;
  position: relative;
}
.new-header__nav > ul > li > a .num{
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background: #ff0000;
  color: white;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  position: absolute;
  top:0;
  right: 0;
}

.new-header .appHeaderItemPullBox.is-baloon{
  right: -68px;
}
.new-header .appHeaderItemPullBox.card.mypage{
  right: -20px;
}

.new-header__btn-company-login {
  font-size: 14px;
  color: #0023ff;
}

.new-header__menu{
  margin-right: 10px;
  margin-top: 4px;
}
.menu-trigger {
  float: right;
  box-sizing: border-box;
  position: relative;
  width: 30px;
  height: 26px; }

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box; }

.menu-trigger span {
  position: absolute;
  left: 10px;
  width: 30px;
  height: 5px;
  background-color: #000; }

.menu-trigger span:nth-of-type(1) {
  top: 0; }

.menu-trigger span:nth-of-type(2) {
  top: 10px; }

.menu-trigger span:nth-of-type(3) {
  bottom: 0; }

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg); }

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0; }

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg); }

/* new-menu__nav */
.new-menu__nav{
  display: none;
  background: white;
  position: fixed;
  top:51px;
  width: 84%;
  z-index: 1000;
  right: -100%;
  box-sizing: border-box;
  padding: 25px;
  /* box-shadow */
  box-shadow:0px 0px 7px 0px #575757;
/*  transition: all 0.3s ease;*/
  animation: menu-slideOut 0.3s ease;  
}
.new-menu__nav.is-open{
  right: 0;
  display: block;
  animation: menu-slide 0.3s ease;
}

@keyframes menu-slide {
  0% {
    right: -100%;
  }
  100% {
    right: 0;
  }
}
@keyframes menu-slideOut {
  0% {
    right: 0;
  }
  100% {
    right:-100%;
  }
}

.new-menu__btn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  margin-bottom: 20px;
}
.new-menu__btn li{
  
}
.new-menu__list{
  border: 1px solid #ccc;
  border-bottom: none;
}
.new-menu__list li{
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.new-menu__list li a{
  color: #262626;
  display: block;
  padding: 10px;
  text-decoration: none;
  position: relative;
}
.new-menu__list li a:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 7px;
  display: block;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  background: url(/assets/header/arrow-yellow-30eb2917454629c08e36d2e5961a33866cb6861c8f984e0b600bef20ab0e5c9e.png) 0 0 no-repeat;
  background-size: cover;
}
.new-menu__list.alw-g li a:after{
  background: url(/assets/header/arrow-gray-d7213136d73a81005e1903371782b92dae0635b8949889e4c88d0df5f03d6e27.png) 0 0 no-repeat;
  background-size: cover;
}
.new-menu__list li .num{
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FF0000;
  font-size: 10px;
  color: white;
  text-align: center;
  line-height: 16px;
  margin-left: 15px;
}



.new-menu__title{
  margin-top: 25px;
  font-size: 12px;
  color: #989898;
  margin-bottom: 5px;
}



/*-------- new-footer ---------*/
.new-footer{
  width: 100%;
  padding: 30px 0;
  text-align: center;
  background: #ffeea9; /* Old browsers */
  background: -moz-linear-gradient(top, #ffeea9 0%, #ffce00 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffeea9 0%,#ffce00 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffeea9 0%,#ffce00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeea9', endColorstr='#ffce00',GradientType=0 ); /* IE6-9 */
}
.new-footer__logo{
  margin-bottom: 30px;
}
.new-footer__nav{
  text-align: center;
  margin-bottom: 30px;
}
.new-footer__nav li{
  display: inline;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.new-footer__nav li a{
  color: #000;
  text-decoration: none;
}
.new-footer__copyright{
  font-size: 10px;
  font-weight: bold;
}


/*-------- new-top-main ---------*/
.new-top-main{
  margin-bottom: 50px;
}
.new-top-main__inner{
  
}
.new-top-main .bxslider{
  background: #000;
  width: auto;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s linear;
  height: 500px;
  position: relative;
}

.new-top-main .bxslider li img{
  width: 100%;
  height: auto;
  display: block;
}
.new-top-main .bxslider.slick-initialized{
  visibility: visible;
  opacity: 1;
}
.new-top-main .bxslider.slick-initialized li.slick-slide{
  opacity: 0.3;
  transition:all 0.6s ease;
}
.new-top-main .bxslider li.slick-slide.slick-center{
  opacity: 1;
}


/*-------- new-top-contents ---------*/
.new-top-container{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.new-top-contents{
  float: right;
  width: 76%;
}


/*-------- new-top-side ---------*/
.new-top-side{
  float: left;
  width: 270px;
}
.new-top-side__title{
  
}
.new-top-side__contents{
  padding: 12px 20px 10px;
  background: white;
  margin-top: -12px;
  margin-bottom: 30px;
}
.new-top-side__section{
  margin-bottom: 30px;
}

.new-top-side__select{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
}
.new-top-side__select .selectbox {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  height: 28px;
  padding: 0 30px 0 0.5em;
  width: 90px;  
}
.new-top-side__select .selectbox .selectboxText {
  font-size: 12px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: #797979;
}
.new-top-side__select .selectbox select {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  background: white;
  opacity: 1;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  color: #797979;
  font-size: 13px;
  line-height: 28px;
  border: 1px solid #000;
  border-radius: 3px;
}

.new-top-side__select .selectbox:after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 12px;
  font-size: 12px;
  color: #535353;
  margin-top: -6px;
  pointer-events: none;
}



.new-top-side__section .freetitle{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 14px;
}
.new-top-side__input{
  font-size: 13px !important;
  border: 1px solid #444444 !important;
  padding: 8px 10px !important;
  width: 100%;
  height: auto !important;
  box-sizing: border-box;
  border-radius: 2px !important;
  background: white !important;
}
.new-side-title{
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.new-side-title .icon{
  width: 36px;
  height: 26px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.new-side-title .icon.icon-job{
  background-image: url(/assets/top/side_title_job-755400da9bb4a66d9a4463dab446054b68ca7dda7516e421b1693d0deab321de.png);
  background-size: 25px auto;
}
.new-side-title .icon.icon-area{
  background-image: url(/assets/top/side_title_area-fe682a5556a204fc78e4703af3cd3c03d1e7ce9fb51c09ee96d5900f9229117c.png);
  background-size: 15px auto;
}
.new-side-title .icon.icon-income{
  background-image: url(/assets/top/side_title_yen-9dc6e8c3d669d4b79a815d8ccd6510a6c1328361dec601fe0155f3de4b0c33ca.png);
  background-size: 20px auto;
}
.new-side-title .icon.icon-card{
  background-image: url(/assets/top/side_title_card-750b3c5a10e9e1e8b6200ceed6fff67bd83a83ef0d1b245cde0a3a4648f500f6.png);
  background-size: 23px auto;
}

.new-side__list{
  
}
.new-side__list dt{
  font-size: 13px;
  font-weight: bold;
  padding-left: 15px;
  position: relative;
  margin-bottom: 0;
  transition: all 0.4s ease;
}
.new-side__list dt.is-open{
  margin-bottom: 18px;
}
.new-side__list dt:before{
  content: "▼";
  position: absolute;
  left: 0;
  top:1px;
  transform: rotate(-90deg);
  font-size: 11px;
  transition: all 0.4s ease;
}
.new-side__list dt.is-open:before{
  transform: rotate(0);
}
.new-side__list dd{
  font-size: 12px;
  max-height: 0;
  opacity: 0;
  transition: all 0.4s ease;
  margin-bottom: 20px;
  padding-left: 15px;
  overflow: hidden;
/*  visibility: hidden;*/
}
.new-side__list dd.is-open{
  max-height: 300px;
  opacity: 1;
/*  visibility: visible;*/
}
.new-side__ul{
  font-size: 12px;
}
.new-side__ul li{
  margin-bottom: 15px;
}
.new-checkbox{
  font-size: 12px !important;
  line-height: 1 !important;
  margin: 0 !important;
}
.new-checkbox input{
  display: none;
}
.new-checkbox span{
/*
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
*/
}
.new-checkbox .ui-checkbox{
  width: 12px !important;
  height: 12px !important;
  margin-right: 10px !important;
}
.new-checkbox .ui-checkbox:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px !important;
  height: 12px !important;
  border: 1px solid #000;
  background: #eeeeee;
}
.new-checkbox input:checked + .ui-checkbox:before{
  background: #ffce00;
  content: "" !important;
  margin: 0 !important;
  font-size: 0 !important;
}
.new-checkbox .new-checkbox__txt{
  padding-top: 1px !important;
  color: #000 !important;
  font-weight: bold !important;
  
}

/*-------- new-top-side__bnr ---------*/
.new-top-side__bnr{
  margin-bottom: 20px;
}
.new-top-side__bnr a{
  color: #000;
  text-decoration: none;
}
.new-top-side__bnr figure{
  
}
.new-top-side__bnr figure figcaption{
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  padding-left: 22px;
  line-height: 1.4;
  position: relative;
}
.new-top-side__bnr figure figcaption:before{
  content: "▶︎▶︎";
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 10px;
}

/*-------- new-top-search ---------*/
.new-top-search{
  width: 100%;
  background: url(/assets/top/searchbox_bg-810f39023870fa487a79b5d2470e45e7cffae3c1713289ca54759c7049ac3282.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: 15px 4.4% 30px;
  margin-bottom: 10px;
  position: relative;
}
.new-top-search__circle{
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  position: absolute;
}
.new-top-search__circle.c-tl{top:8px;left: 8px;}
.new-top-search__circle.c-tr{top:8px;right: 8px;}
.new-top-search__circle.c-br{bottom:8px;right: 8px;}
.new-top-search__circle.c-bl{bottom:8px;left: 8px;}

.new-top-search__title{
  width: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}
.new-top-search__title:before,
.new-top-search__title:after{
  content: "";
  width: 30%;
  height: 3px;
  background: white;
  position: absolute;
  
  top:48%;
}
.new-top-search__title:before{  left: 0;}
.new-top-search__title:after{  right: 0;}
.new-top-search__select{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  margin-bottom: 15px;
}

.new-top-search__select .selectbox {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  height: 38px;
  padding: 0 30px 0 0.5em;
  width: 210px;
  border-radius: 5px;  
  
}
.new-top-search__select .selectbox .selectboxText {
  font-size: 14px;
  line-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: #797979;
}
.new-top-search__select .selectbox select {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: none;
  background: white;
  opacity: 1;
  box-sizing: border-box;
  padding: 0 16px;
  margin: 0;
  color: #797979;
  font-size: 13px;
  line-height: 38px;
  /* box-shadow */
  box-shadow:1px 2px 6px 3px #f3cb3d;
}

.new-top-search__select .selectbox:after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 12px;
  font-size: 12px;
  color: #535353;
  margin-top: -6px;
  pointer-events: none;
}


.new-top-button{
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  width: 130px;
  box-sizing: border-box;
  margin-top: -3px;
  cursor: pointer;
}

/* new-top-or */
.new-top-or{
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.new-top-or:before,
.new-top-or:after{
  content: '';
  position: absolute;
  top: 50%;
  width: 45%;
  height: 1px;
  border-bottom: 1px dashed white;
/*  background: white;*/
}
.new-top-or:before{
  left: 0;
}
.new-top-or:after{
  right: 0;
}
.new-top-or span{
  font-size: 12px;
  color: white;
}

/* new-top-free */
.new-top-free__title{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.new-top-free{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.new-top-free__input{
  width: 680px;
  height: auto !important;
  box-sizing: border-box;
  padding: 10px !important;
  font-size: 14px !important;
  border: none !important;
  border-radius: 5px !important;
  margin-right: 20px !important;
  background: white !important;
  /* box-shadow */
  box-shadow:1px 2px 6px 3px #f3cb3d;
}



/*-------- new-top-recruit ---------*/
.new-top-recruit{
  
}
.new-top-recruit__head{
  position: relative;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}
.new-top-recruit__head:after{
  content: "";
  position: absolute;
  bottom:0;
  width: 100%;
  height: 11px;
  background: #ffce00;
  z-index: 1;
}
.new-top-recruit__head--title{
  width: 404px;
}
.new-top-recruit__head--title2{
  width: 425px;
}
.new-top-recruit__head--number{
  width: 356px;
  padding-left: 20px;
  padding-bottom: 14px;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
}
.new-top-recruit__head--number em{
  font-size: 200%;
  font-style: normal;
  margin-right: 8px;
}
.new-top-recruit__head--img{
  width: 150px;
  padding-bottom: 11px;
}
.new-top-recruit__head--img2{
  width: 205px;
  padding-bottom: 11px;
}

/*-------- new-top-recruit__item ---------*/
.new-top-recruit__item{
  background: white;
  border-radius: 5px;
  border: 1px solid #000;
  box-shadow:0px 3px 6px 0px #c2c2c2;
  margin-bottom: 30px;
}
.new-top-recruit__item--title{
  margin: 8px 12px 10px;
  padding: 5px 0 3px 18px;
  border-left: 4px solid #ffce00;
  font-size: 21px;
  font-weight: bold;
  color: #535353;
}
.new-top-recruit__item--title.new-mark{
  padding-left: 50px;
  background: url(/assets/top/contents_item_new-adeba3a47f669d724f615daca4504f8ccc57c4a11255195d41a79750b5fbcd44.png) 16px center no-repeat;
  background-size: 24px auto;
}
.new-top-recruit__item--txt{
  width: 100%;
  background: #535353;
  color: white;
  font-size: 17px;
  font-weight: bold;
  padding: 8px 12px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-top-recruit__item--block{
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.new-top-recruit__item--img{
  width: 240px;
  height: 180px;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.new-top-recruit__item--img img{
  width: auto;
  height: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@supports ( object-fit: cover ) {
  .new-top-recruit__item--img img{
    position: static;
    height: 100%;
    width: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
  }
}


.new-top-recruit__item--body{
  width: 610px;
  position: relative;
  overflow: hidden;
}
.new-top-recruit__item--label{
  margin-bottom: 10px;
  overflow: hidden;
  margin-left: -15px;
}
.new-top-recruit__item--label li{
  margin-left: 15px;
  margin-bottom: 8px;
  float: left;
}
.new-top-recruit__item--info{
  font-size: 12px;
  font-weight: bold;
  color: #444444;
  width: 200px;
  float: left;
}
.new-top-recruit__item--other{
  font-size: 12px;
  font-weight: bold;
  color: #444444;
  width: 200px;
  height: 84px;
  line-height: 1.4;
  float: left;
  margin-left: 15px;
  overflow: hidden;
}
.new-top-recruit__item--info li{
  margin-bottom: 10px;
/*
  text-indent: -24px;
  margin-left: 24px;
*/
  line-height: 1.4;
  width: 100%;
  
}
.new-top-recruit__item--info li:not(:last-child){
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  
}
.new-top-recruit__item--info li:last-child {
/*
  text-indent: -24px;
  margin-left: 24px;
*/
  overflow: hidden;
}
.new-top-recruit__item--info li:last-child .icon{
  float: left;
}
.new-top-recruit__item--info li:last-child span{
  width: 160px;
  height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.new-top-recruit__item--info .icon{
  width: 14px;
  height: 15px;
  display: inline-block;
  background-size: auto 15px;
  background-repeat: no-repeat;
  vertical-align: sub;
  margin-right: 10px;
}
.new-top-recruit__item--info .icon.icon-location{
  background-image: url(/assets/top/icon_location-692268cb679a3cdbb75c8f4be5d7d9fc4ce2af39227d48ff8575a79b3bc0fde3.png);
}
.new-top-recruit__item--info .icon.icon-income{
  background-image: url(/assets/top/icon_yen-1e1f62d22c853fdd48685e330b47c290df128d1a4f34a47730949701989b040e.png);
}
.new-top-recruit__item--info .icon.icon-tool{
  background-image: url(/assets/top/icon_tool-fd45818b201b04b6e67092797367351d64845e616be2f421683a0457220398b5.png);
}
.new-top-recruit__item--btn{
  position: absolute;
  bottom:0;
  right: 0;
  width: 180px;
}
.new-top-recruit__item--btn ul{
  overflow: hidden;
}
.new-top-recruit__item--btn ul li{
  float: right;
  margin-top: 10px;
}

.new-top-recruit__item--label .label{
  font-size: 12px;
  font-weight: bold;
  background: #ffce00;
  border-radius: 3px;
  border: 1px solid #000;
  min-width: 74px;
  text-align: center;
  padding: 5px 2px 5px;
  color: #000;
  text-decoration: none;
  display: inline-block;
}
.new-top-recruit__item--label .label.bg-blue{
  background: #3fc2f8;
}

/*-------- new-top-contents-bnr ---------*/
.new-top-contents-bnr{
  margin-bottom: 50px;
}
.new-top-contents-bnr ul{
  overflow: hidden;
  margin-left: -20px;
}
.new-top-contents-bnr ul li{
  float: left;
  margin-left: 20px;
}



/*-------- for mobile ---------*/
@media screen and (max-width: 767px){
  body.home.is-beforeLogin{
    background: white;
    overflow-x: hidden;
    position: relative;
  }
  .sp-hide{display:none;}
  .sp-show{display:inherit;}
  #wrapper{
    padding-top: 33px;
  }
  /*-------- new-header ---------*/
  .new-header{
    min-width: 100%;
    box-sizing: border-box;
    padding: 10px;
    z-index: 1001;
    position: fixed;
    top:0;
    left: 0;
    transition:all 0.4s ease;
  }
  .new-header.is-fixed{
    position: fixed;
    top:0;
  }
  .new-header__logo{
    width: 80px;
    margin-top: 9px;
  }
  .new-header__info{
    margin-right: 0;
  }
  .new-header__h1{
    font-size: 10px;
    margin-bottom: 5px;
  }
  .new-header__tel{
    width: 178px;
  }
  .new-header__btn{
    display: none;
  }
  .new-header__nav{
    display: none;
  }
  .new-header__btn-company-login {
    font-size: 14px;
    color: #0023ff;
  }
  .new-menu__nav.is-menuout{
    display: block;
  }
  /*-------- new-top-main ---------*/
  .new-top-main{
    width: 100%;
    margin-bottom: 10px;
    padding-top: 51px;
    overflow: hidden;
  }
  .new-top-main__inner{

  }
  .new-top-main .bxslider{
    height: 50vw;
  }
  .new-top-main .bxslider li{
  }
  .new-top-main .bxslider img{
    display: block;
  }
  .new-top-main .bxslider.slick-initialized li.slick-slide{
    opacity: 1;
  }
  .new-top-main__update{
    text-align: center;
    font-size: 10px;
    font-weight: bold;
  }
  /*-------- new-top-contents ---------*/
  .new-top-container{
    width: 100%;
  }
  .new-top-contents{
    float: none;
    width: 100%;
  }
  /*-------- new-top-side ---------*/
  .new-top-side{
    display: none;
  }
  /*-------- new-top-search ---------*/
  .new-top-search{
  }
  .new-top-search__circle{
    display: none;
  }
  .new-top-search__title{
  }
  .new-top-search__title img{
    width: 136px;
    height: auto;
  }
  .new-top-search__title:before,
  .new-top-search__title:after{
    height: 2px;
    width: 28%;
  }
  .new-top-search__select{
    display: block;
  }
  .new-top-search__select .selectbox {
    width: 100%;
    margin-bottom: 15px;
  }
  .new-top-button{
    width: 100%;
    text-align: center;
  }
  .new-top-free{
    display: block;
  }
  .new-top-free__input{
    width: 100%;
  }
  .new-top-free .new-top-button{
    margin-top: 10px;
  }
  /*-------- new-top-recruit ---------*/
  .new-top-recruit__head{
    margin-bottom: 0;
  }
  .new-top-recruit__head:after{
    height: 5px;
  }
  .new-top-recruit__head--title{
    width: 404px;
  }
  .new-top-recruit__head--title2{
    width: 425px;
  }
  .new-top-recruit__head--number{
    width: auto;
    padding-top: 20px;
    padding-left: 10px;
    font-size: 10px;
    /**/
    position: absolute;
    top: 0;
    left: 0;
  }
  .new-top-recruit__head--number em{
    font-size: 200%;
    font-style: normal;
    margin-right: 8px;
  }
  .new-top-recruit__head--img{
    width: 150px;
    padding-bottom: 5px;
  }
  .new-top-recruit__head--img2{
    width: 205px;
    padding-bottom: 5px;
  }
  /*-------- new-top-recruit__item ---------*/
  .new-top-recruit{
    padding: 20px 15px;
    background: #fff7c8;
  }
  .new-top-recruit__item{
  }
  .new-top-recruit__item--title{
    font-size: 13px;
    padding: 5px 10px 3px 10px;
  }
  .new-top-recruit__item--txt{
    font-size: 11px;
    line-height: 1.4;
  }
  .new-top-recruit__item--block{
    padding: 10px;
  }

  .new-top-recruit__item--img{
    width: 50%;
    height: 32vw;
  }
  .new-top-recruit__item--body{
    width: 50%;
    box-sizing: border-box;
    padding-left: 10px;
  }
  .new-top-recruit__item--label{
    margin: 10px 10px 0 0;
  }
  .new-top-recruit__item--label li{
    margin-left: 10px;
  }
  .new-top-recruit__item--label .label{
    font-size: 10px;
    min-width: 60px;
  }
  .new-top-recruit__item--info{
    font-size: 12px;
    width: 100%;
  }
  .new-top-recruit__item--other{
    width: 100%;
    margin-left: 0;
  }
  .new-top-recruit__item--info li{
  }
  .new-top-recruit__item--info .icon{
    margin-right: 6px;
  }
  .new-top-recruit__item--info li:last-child span{
    width: 80%;
    height: 34px;
  }
  .new-top-recruit__item--btn{
    position: static;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .new-top-recruit__item--btn ul{
    
  }
  .new-top-recruit__item--btn ul li{
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
  /* bxCarousel */
  .new-top-recruit.bxCarousel{
    padding-left: 5px;
    padding-right: 5px;
  }
  .new-top-recruit.bxCarousel .new-top-recruit__item{
    margin: 0 10px;
  }
  .bxCarousel .slick-prev, 
  .bxCarousel .slick-next{
    z-index: 10;
    
  }
  .bxCarousel .slick-prev{
    left: 0;
  }
  .bxCarousel .slick-next{
    right: 0;
  }
  .bxCarousel .slick-prev:before,
  .bxCarousel .slick-next:before{
    color: #444;
    opacity: 1;
  }
  .bxCarousel .slick-prev:before{
/*    content: "＜";*/
  }
  .bxCarousel .slick-next:before{
/*    content: "＞"*/
  }
  /* new-top-contents-bo__title */
  .new-top-contents-bo__title{
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: 15px 0;
  }
  .new-top-contents-bo__title span{
    background: white;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
  }
  .new-top-contents-bo__title:before,
  .new-top-contents-bo__title:after{
    content: "";
    position: absolute;
    width: 45%;
    height: 3px;
    display: block;
    background: #ffce00;
    top:50%;
    margin-top: -2px;
    z-index: -1;
  }
  .new-top-contents-bo__title:before{
    left: 0;
  }
  .new-top-contents-bo__title:after{
    right: 0;
  }
  /* new-top-contents-bnr */
  .new-top-contents-bnr{
    
  }
  .new-top-contents-bnr ul{
    margin: 0 20px;
  }
  .new-top-contents-bnr ul li{
    margin-bottom: 20px;
    margin-left: 0;
  }
  /* new-top-side__bnr */
  .new-top-side__bnr{
    margin-left: 20px;
    margin-right: 20px;
  }
  /* new-top-fixed__btn */
  .new-top-fixed__btn{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: url(/assets/top/searchbox_bg-810f39023870fa487a79b5d2470e45e7cffae3c1713289ca54759c7049ac3282.png) no-repeat;
    background-size: cover;
    z-index: 100;
    transition:all 0.6s ease;
    box-sizing: border-box;
  }
  .new-top-fixed__btn.is-static{
    bottom:-100px;
  }
  .new-top-fixed__btn p{
    width: 90%;
    margin: 0 auto;
  }
}
/*
 * 下記ファイルの読み込み後に設定するスタイルを記述する。
 * - style.css
 */

/* slick */

.slick-prev:before,
.slick-next:before {
  color: black;
}
.slick-prev:before
{
  font-family: "Material Icons";
  content: "\E5CB";
  color: #999;
}
.slick-next:before
{
  font-family: "Material Icons";
  content: "\E5CC";
  color: #999;
}
.slick {
}
.slick img {
}
.slick img:hover {
  opacity: 0.7;
}

/* style */
.contentSection p {
  line-height: 200%;
}

/*
 * 求人企業募集ページ
 */

.client-intro {
  font-size: 16px;
  margin: 0 auto;
  max-width: 768px;
}

.client-intro h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 40px;
  text-align: center;
}

.client-intro__bar {
  margin: 0 auto;
  width: 140px;
}

.client-intro__under--orange {
  background: linear-gradient(transparent 70%, #ffce00 70%);
}

.client-intro__under--yellow {
  background: linear-gradient(transparent 70%, #ffff00 70%);
}

.client-intro--pc-only {
  display: block;
}

.client-intro--sp-only {
  display: none;
}

@media screen and (max-width: 480px) {
  .client-intro--pc-only {
    display: none;
  }

  .client-intro--sp-only {
    display: block;
  }
}

.client-intro-float-container:after {
  clear: both;
  content: "";
  display: block;
}

.client-intro-section01-content01 dl dt {
  clear: left;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 30px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: right;
  width: 20%;
}

.client-intro-section01-content01 dl dd {
  float: left;
  margin-top: 30px;
  margin-left: 5%;
  margin-right: 5%;
  width: 60%;
}

.client-intro-section01-content01 dl dd strong {
  font-size: 1.2em;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .client-intro-section01-content01 dl dt {
    width: 10%;
  }

  .client-intro-section01-content01 dl dd {
    width: 70%;
  }
}

.client-intro-section01-content02 {
  background-image: url(/images/client/intro/section01_content02_background.png);
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 480px) {
  .client-intro-section01-content02 {
    background-image: url(/images/client/intro/sp/section01_content02_background.png);
  }
}

.client-intro-section01-content02 h2 {
  background-color: #ffce00;
  padding-top: 20px;
  padding-bottom: 20px;
}

.client-intro-section01-content02__item01 {
  top: 40px;
  right: 0;
  position: absolute;
}

.client-intro-section01-content02 dl dt {
  clear: left;
  float: left;
  margin-top: 30px;
  margin-left: 5%;
  margin-right: 2%;
  text-align: right;
  width: 15%;
}

.client-intro-section01-content02 dl dd {
  float: left;
  margin-top: 30px;
  margin-left: 0;
  margin-right: 30%;
  width: 48%;
}

.client-intro-section01-content02 dl dd strong {
  font-size: 1.2em;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .client-intro-section01-content02 dl dt {
    width: 10%;
  }

  .client-intro-section01-content02 dl dd {
    margin-right: 10%;
    width: 73%;
  }
}

.client-intro-section01-content01-point {
  margin: 0 5%;
  text-align: center;
}

.client-intro-button {
  margin-bottom: 40px;
  width: 100%;
}

.client-intro-button p {
  font-size: 1.2em;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.client-intro-button a {
}

.client-intro-button a:hover {
  opacity: 0.7;
}

.client-intro-button img {
  max-width: 90%;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * require_tree .
 * require_self
 *





 */