@charset "UTF-8";


/* Property
====================================================== */

.logo-mark {
  width: 100%;
}

h1 img {
  width: 128px;
}

p {
  color: #4e5562;
}

.logo {
  width: 280px;
}

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

hr {
  border-top: 1px dashed #333;
  border-bottom: 1px dashed #fff;
  margin: 20px 0;
}

.mascot img {
  max-width: 320px;
  margin-top: 30px;
}

ul {
  color: #666;
  list-style: none;
  margin-top: .5rem;
}


/* Hero
--------------------------------- */
.content-wrapper h1,
.content-wrapper p {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .8);
}


/* www/sitemap.html
====================================================== */

.sitemap .main-color {
  background-color: #cdae79;
}

.sitemap .sub-color {
  background-color: #c682ce;
}

.sitemap .heading-text-color {
  background-color: #3a3021;
}

.sitemap .sub-text-color {
  background-color: #50443c;
}

.sitemap .footer-color {
  background-color: #222934;
}


/* 
====================================================== */





/* 
====================================================== */





/* 
====================================================== */





/* Footer
====================================================== */

.footer h6 {
  text-align: left;
}


/* 見出し装飾
====================================================== */

/* テキストの先頭にサークル2個を重ねる
--------------------------------- */

.h-deco-2circles {
  position: relative;
  padding: 0 .5em .5em 2em;
  border-bottom: 1px solid #CCC;
}

.h-deco-2circles::before,
.h-deco-2circles::after {
  position: absolute;
  content: '';
  border-radius: 100%
}

.h-deco-2circles::before {
  top: .2em;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(150, 150, 150, .5);
}

.h-deco-2circles::after {
  top: .7em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(210, 210, 210, .5);
}

/* 背景をブラしたデザイン (Shake)
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */

/* h-deco-shake（yellow color）
--------------------------------- */

.h-deco-shake {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
  margin: 1rem;
}

.h-deco-shake:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 3px solid #444220;
}


/* 
====================================================== */