@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

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

textarea { resize: vertical; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen {
  [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; }
}


/* global */
html {
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, Roboto, 'Droid Sans', sans-serif;
  font-size: 1em;
  color: #000;
  background-color: #fffef7;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  scroll-padding-top: 116px;
}

@media only screen and (min-width: 881px){
  html {
    scroll-padding-top: 130px;
  }
}

body {
  font-size: 14px;
  text-rendering: auto;
}

@media only screen and (min-width: 881px){
  body {
    min-width: 1220px;
  }
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


/* global legacy */
.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: ' ';
  display: table;
}

.clearfix:after {
  clear: both;
}


/* content */
.l-content.l-content-area {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.l-content.l-content-area.is-top {
  width: 100%;
}

.l-content.l-content-area.is-single-column {
  width: 100%;
}

@media (max-width: 880px) {
  .l-content.l-content-area {
    width: 100%;
    min-width: 320px;
    flex-wrap: wrap;
  }
}


/* primary */
.l-primary.l-primary-area {
  width: 880px;
}

.l-primary.l-primary-area.is-top {
  width: 100%;
}

.l-primary.l-primary-area.is-single-column {
  width: 100%;
}

@media (max-width: 880px) {
  .l-primary.l-primary-area {
    width: 100%;
  }
}


/* breadcrumbs */
.breadcrumbs.breadcrumbs-area {
  display: block;
  width: 1200px;
  margin: 0 auto;
}

.breadcrumbs.breadcrumbs-list {
  display: -webkit-box;
  display: flex;
}

.breadcrumbs.breadcrumbs-item {
  list-style: none;
  line-height: 40px;
  font-size: 12px;
}

.breadcrumbs.breadcrumbs-item a {
  text-decoration: underline;
}

.breadcrumbs.breadcrumbs-item a:hover {
  text-decoration: none;
}

.breadcrumbs.breadcrumbs-item::after {
  content: '>';
  margin: 0 5px;
}

.breadcrumbs.breadcrumbs-item:last-child::after {
  display: none;
}

@media (max-width: 880px) {
  .breadcrumbs.breadcrumbs-area {
    width: 100%;
  }

  .breadcrumbs.breadcrumbs-list {
    padding: 10px 10px 0;
    display: block;
  }

  .breadcrumbs.breadcrumbs-item {
    line-height: 1.2em;
    display: inline;
  }
}
