@charset "UTF-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
/*----------------------------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  overflow-x: hidden;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
  color: #4d4d4d;
  -webkit-text-size-adjust: 100%; }

@media all and (max-width: 768px) {
  body {
    padding-top: 100px; }

  main, aside, footer {
    position: relative;
    overflow-x: hidden; } }
@media print {
  body {
    -webkit-print-color-adjust: exact;
    width: 1024px; } }
/*----------------------------------------------------------------*/
@media all and (min-width: 768px) {
  body.index main {
    margin: 80px auto 80px; }
    body.index main section {
      position: relative;
      width: 100%;
      max-width: 1280px;
      min-width: 1024px;
      margin: 0 auto;
      zoom: 1; }
      body.index main section:after {
        display: block;
        clear: both;
        content: ""; }

  body.single main {
    width: 100%;
    max-width: 1280px;
    min-width: 1024px;
    margin: 40px auto 80px;
    padding: 0 20px; }
    body.single main section {
      position: relative;
      width: 75%;
      min-width: 800px;
      margin: 0 auto;
      zoom: 1; }
      body.single main section:after {
        display: block;
        clear: both;
        content: ""; }
      body.single main section + section {
        margin-top: 2.8rem; }

  body.two > .wrapper {
    width: 100%;
    max-width: 1280px;
    min-width: 1024px;
    margin: 90px auto 80px;
    zoom: 1; }
    body.two > .wrapper:after {
      display: block;
      clear: both;
      content: ""; }
    body.two > .wrapper main {
      width: 75%;
      padding: 0 20px;
      float: left; }
      body.two > .wrapper main section {
        zoom: 1; }
        body.two > .wrapper main section:after {
          display: block;
          clear: both;
          content: ""; }
        body.two > .wrapper main section + section {
          margin-top: 3.36rem; }
    body.two > .wrapper aside {
      width: 25%;
      padding: 0 20px;
      float: right; } }
@media all and (max-width: 768px) {
  body.index main {
    margin-bottom: 40px; }
    body.index main section {
      padding: 20px; }

  body.single main {
    width: 100%;
    padding: 0 20px;
    margin: 40px 0; }
    body.single main section {
      width: 100%; }
      body.single main section + section {
        margin-top: 3.36rem; }

  body.two main {
    width: 100%;
    padding: 0 20px;
    margin: 40px 0 80px; }
    body.two main section {
      width: 100%; }
      body.two main section + section {
        margin-top: 3.36rem; }
  body.two aside {
    width: 100%;
    padding: 0 20px;
    margin: 40px 0; } }
/*----------------------------------------------------------------*/
body a {
  text-decoration: none;
  color: #4d4d4d; }

body.pc a:hover {
  color: #8ec500; }

@media all and (min-width: 768px) {
  main br.nw {
    display: none; }
  main br.nc {
    display: inline; } }
@media all and (max-width: 768px) {
  main br.nw {
    display: inline; }
  main br.nc {
    display: none; } }
@media all and (min-width: 768px) {
  .pageTop {
    display: block;
    position: fixed;
    bottom: 120px;
    right: -160px;
    z-index: 9999;
    width: 160px;
    height: 60px;
    overflow: hidden;
    background-color: #b3d465;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .pageTop:before {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background-color: white;
      border: 4px solid #b3d465;
      margin-right: 1rem;
      border-radius: 16px;
      /* 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;
      text-align: center;
      line-height: 24px;
      color: #8ec500;
      content: "";
      position: absolute;
      top: 14px;
      left: 14px;
      font-size: 1.6rem; }
    .pageTop span {
      display: inline-block;
      position: absolute;
      top: 14px;
      left: 60px;
      font-size: 1.2rem;
      line-height: 32px;
      white-space: nowrap; }
    .pageTop.in {
      right: -100px; }
    .pageTop:hover {
      right: 0; } }
@media all and (max-width: 768px) {
  .pageTop {
    display: none; } }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?g007tn");
  src: url("../fonts/icomoon.eot?g007tn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?g007tn") format("truetype"), url("../fonts/icomoon.woff?g007tn") format("woff"), url("../fonts/icomoon.svg?g007tn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*.icon-link-top:before {
  content: "\e901"; }
*.icon-link-right:before {
  content: "\e902"; }
*.icon-link-bottom:before {
  content: "\e903"; }
*.icon-link-left:before {
  content: "\e904"; }
*.icon-tri-top:before {
  content: "\e905"; }
*.icon-tri-right:before {
  content: "\e906"; }
*.icon-tri-bottom:before {
  content: "\e907"; }
*.icon-tri-left:before {
  content: "\e908"; }
*.icon-plus:before {
  content: "\e909"; }
*.icon-minus:before {
  content: "\e910"; }
*.icon-multiply:before {
  content: "\e911"; }
*.icon-division:before {
  content: "\e912"; }
*.icon-search:before {
  content: "\e913"; }
*.icon-login:before {
  content: "\e914"; }
*.icon-person:before {
  content: "\e915"; }
*.icon-home:before {
  content: "\e916"; }
*.icon-company:before {
  content: "\e917"; }
*.icon-mail:before {
  content: "\e918"; }
*.icon-phone:before {
  content: "\e919"; }
*.icon-book:before {
  content: "\e920"; }
*.icon-balloon:before {
  content: "\e921"; }
*.icon-mobile:before {
  content: "\e922"; }

.lagacyAlert {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
	width: 100%;
  padding: 20px;
  background-color: red;
	text-align: center;
	font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.6;
  color: white; }