/* ==========================================================================
 * GLOBAL LESS
 * ========================================================================== */
/* Variables
 * ========================================================================== */
/* ==========================================================================
 * VARIABLES
 * ========================================================================== */
/* page
 * ========================================================================== */
/* steps
 * ========================================================================== */
/* screen
 * ========================================================================== */
/* Mixins
 * ========================================================================== */
/* ==========================================================================
 * MIXINS
 * ========================================================================== */
/* Clearer
 * ========================================================================== */
/* Micro Clearfix : http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearer:after {
  content: "";
  display: table;
  clear: both;
}
/* Base
 * ========================================================================== */
/* ==========================================================================
 * RESET
 * ========================================================================== */
/* Box sizing enabled
 * ========================================================================== */
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
*::before,
*::after {
  box-sizing: inherit;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/*
 * Browser Upgrade Prompt
 */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* Project specific reset
 * ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
/* Layout
 * ========================================================================== */
/**
 * ==========================================================================
 * WIDTH
 * ========================================================================== */
.width-full {
  width: 100%;
  position: relative;
}
.width-fixed {
  width: 1480px;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width:1599px) {
  .width-fixed {
    width: 1360px;
  }
}
@media screen and (max-width:1439px) {
  .width-fixed {
    width: 1220px;
  }
}
@media screen and (max-width:1279px) {
  .width-fixed {
    width: 920px;
  }
}
@media screen and (max-width:959px) {
  .width-fixed {
    width: 740px;
  }
}
@media screen and (max-width:759px) {
  .width-fixed {
    width: 100%;
  }
}