@charset "UTF-8";
/* 基本設定
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Mixin
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 要素の初期化
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*!
 * ress.css • v1.1.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  border: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

body {
  border: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.6;
}

*,
::before,
::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

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

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

hr {
  overflow: visible;
}

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

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

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

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  font-size: 16px;
}

optgroup {
  font-weight: bold;
}

button {
  overflow: visible;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button,
select {
  text-transform: none;
}

button,
input,
textarea {
  border-style: none;
  color: inherit;
}

select {
  height: 1.6em;
  background-color: #fff;
  cursor: pointer;
}

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

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

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

@media screen {
  [hidden~="screen"] {
    display: inherit;
  }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

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

h1 {
  font-size: 2.4rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.5rem;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 3.6rem;
  }

  h2 {
    font-size: 2.8rem;
  }

  h3 {
    font-size: 2.4rem;
  }

  h4 {
    font-size: 2rem;
  }

  h5 {
    font-size: 1.8rem;
  }

  h6 {
    font-size: 1rem;
  }
}
/* writing elements
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.writing div > *:first-child,
.writing th > *:first-child,
.writing td > *:first-child,
.writing dt > *:first-child,
.writing dd > *:first-child,
.writing li > *:first-child,
.writing address > *:first-child,
.writing blockquote > *:first-child {
  margin-top: 0;
}
.writing div > *:last-child,
.writing th > *:last-child,
.writing td > *:last-child,
.writing dt > *:last-child,
.writing dd > *:last-child,
.writing li > *:last-child,
.writing address > *:last-child,
.writing blockquote > *:last-child {
  margin-bottom: 0;
}

.writing h1, .writing h2, .writing h3, .writing h4, .writing h5, .writing h6, .writing p {
  margin-top: 0;
  margin-bottom: 20px;
}
.writing dl, .writing ol, .writing ul,
.writing table, .writing figure,
.writing address, .writing blockquote,
.writing fieldset, .writing form,
.writing pre, .writing code {
  margin-top: 0;
  margin-bottom: 25px;
}
.writing img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.writing hr {
  clear: both;
  margin-top: 30px;
  margin-bottom: 30px;
  height: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ccc;
  border-color: rgba(153, 153, 153, 0.6);
}
.writing address {
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-color: rgba(153, 153, 153, 0.6);
}
.writing blockquote {
  margin-left: 10px;
  padding: 5px 15px;
  border-left: 5px solid #ddd;
  border-color: rgba(153, 153, 153, 0.3);
  font-style: oblique;
}
@media (min-width: 1200px) {
  .writing h1, .writing h2, .writing h3, .writing h4, .writing h5, .writing h6, .writing p {
    margin-bottom: 30px;
  }
  .writing dl, .writing ol, .writing ul,
  .writing table, .writing figure,
  .writing address, .writing blockquote,
  .writing fieldset, .writing form,
  .writing pre, .writing code {
    margin-bottom: 35px;
  }
}

/* heading
........................................................................... */
.writing h1,
.writing h2,
.writing h3,
.writing h4,
.writing h5,
.writing h6 {
  margin-top: 40px;
  line-height: 1.4;
}
.writing h1 + *,
.writing h2 + *,
.writing h3 + *,
.writing h4 + *,
.writing h5 + *,
.writing h6 + * {
  margin-top: 20px;
}

/* ol, ul
........................................................................... */
.writing ul {
  display: table;
  list-style-type: none;
  padding: 0;
}
.writing ol {
  display: table;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 30px;
}
.writing li {
  margin: 8px 0;
  line-height: 1.5;
}
.writing ul ul,
.writing ul ol,
.writing ol ul,
.writing ol ol {
  margin: 0 0 5px 0;
  /*padding-left: 20px;*/
}
.writing ul > li {
  padding-left: 30px;
  background: url(../images/theme/li.png) no-repeat 10px 0.2em transparent;
  background-size: 16px;
}
.writing ul ul > li,
.writing ol ul > li {
  background-image: url(../images/theme/li2.png);
}
.writing ul ul ul > li,
.writing ul ol ul > li,
.writing ol ol ul > li,
.writing ol ul ul > li {
  background-image: url(../images/theme/li3.png);
}
.writing ol ol {
  list-style-type: upper-roman;
}
.writing ol ol ol {
  list-style-type: lower-roman;
}

/* dl
........................................................................... */
.writing .dl dt {
  margin: 0;
  padding: .25em .5em;
  background-color: #eaeaea;
  background-color: rgba(153, 153, 153, 0.2);
  line-height: 1.5;
}
.writing .dl dd {
  padding: .25em .5em;
  line-height: 1.5;
}
.writing .dl dd * {
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1.5;
}
.writing .dl dd > *:last-child {
  margin-bottom: 0;
}

/* table
........................................................................... */
.writing table {
  border: 1px solid #bbb;
  border-color: rgba(153, 153, 153, 0.6);
  border-collapse: collapse;
}
.writing table th,
.writing table td {
  padding: 3px 5px;
  border: 1px solid #bbb;
  border-color: rgba(153, 153, 153, 0.6);
}
.writing table th {
  background-color: #eaeaea;
  background-color: rgba(153, 153, 153, 0.2);
  font-weight: bold;
}

/* form
........................................................................... */
.writing fieldset,
.writing form {
  margin: 0;
  padding: 0;
  border: none;
}
.writing fieldset > *:last-child,
.writing form > *:last-child {
  margin-bottom: 0;
}
.writing input,
.writing textarea {
  border: 1px solid #aaa;
  border-color: rgba(153, 153, 153, 0.8);
}
.writing input[type="file"] {
  border: none;
  width: 300px;
}
.writing button,
.writing input[type="button"],
.writing input[type="reset"],
.writing input[type="submit"] {
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ccc;
  background-color: rgba(153, 153, 153, 0.5);
}
.writing input[type="checkbox"],
.writing input[type="radio"] {
  margin-right: 3px;
}

/* pre, code, var, samp, kbd
........................................................................... */
.writing pre,
.writing code,
.writing var,
.writing samp,
.writing kbd {
  font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
  font-size: 1.4rem;
  line-height: 1.2;
}
.writing pre {
  overflow: auto;
  padding: 15px 10px;
  background-color: #eaeaea;
  background-color: rgba(153, 153, 153, 0.2);
  border: 1px solid #bbb;
  border-color: rgba(153, 153, 153, 0.8);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.writing var,
.writing samp,
.writing kbd {
  display: inline-block;
  margin: 0 2px;
  padding: 1px 4px 0 4px;
  border: 1px solid #999;
  border-radius: 3px;
  border-color: #bbb;
  border-color: rgba(153, 153, 153, 0.8);
  vertical-align: text-bottom;
  line-height: 1;
}
.writing var {
  background-color: #eaeaea;
  background-color: rgba(153, 153, 153, 0.2);
}
.writing samp {
  border-style: dotted;
  background-color: #fff;
  color: #444;
}
.writing kbd {
  padding: 1px 4px;
  -webkit-box-shadow: inset 0 -2px 0 0 #ddd;
          box-shadow: inset 0 -2px 0 0 #ddd;
  background-color: #fff;
  color: #444;
  /*border-color: #999;*/
}

/* grid
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin-top: 20px;
  margin-bottom: -20px;
  margin-left: -20px;
}
.writing .grid {
  margin-bottom: 0;
}
@media (min-width: 760px) {
  .grid {
    margin-left: -30px;
  }
}
@media (min-width: 1200px) {
  .grid {
    margin-left: -40px;
  }
}

.grid-item {
  margin: 0 0 20px 0;
  padding-left: 20px;
  width: 100%;
}
.grid-item:last-child {
  margin-bottom: 20px;
}
@media (min-width: 760px) {
  .grid-item {
    margin-bottom: 30px;
    padding-left: 30px;
  }
  .grid-item:last-child {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .grid-item {
    margin-bottom: 40px;
    padding-left: 40px;
  }
  .grid-item:last-child {
    margin-bottom: 40px;
  }
}

.width-1-1 {
  width: 100%;
}

.width-1-2 {
  width: 50%;
}

.width-2-2 {
  width: 100%;
}

.width-1-3 {
  width: 33.3333333333%;
}

.width-2-3 {
  width: 66.6666666666%;
}

.width-3-3 {
  width: 100%;
}

.width-1-4 {
  width: 25%;
}

.width-2-4 {
  width: 50%;
}

.width-3-4 {
  width: 75%;
}

.width-4-4 {
  width: 100%;
}

.width-1-5 {
  width: 20%;
}

.width-2-5 {
  width: 40%;
}

.width-3-5 {
  width: 60%;
}

.width-4-5 {
  width: 80%;
}

.width-5-5 {
  width: 100%;
}

.width-1-6 {
  width: 16.6666666667%;
}

.width-2-6 {
  width: 33.3333333334%;
}

.width-3-6 {
  width: 50.0000000001%;
}

.width-4-6 {
  width: 66.6666666668%;
}

.width-5-6 {
  width: 83.3333333335%;
}

.width-6-6 {
  width: 100%;
}

.width-1-7 {
  width: 14.2857142857%;
}

.width-2-7 {
  width: 28.5714285714%;
}

.width-3-7 {
  width: 42.8571428571%;
}

.width-4-7 {
  width: 57.1428571428%;
}

.width-5-7 {
  width: 71.4285714285%;
}

.width-6-7 {
  width: 85.7142857142%;
}

.width-7-7 {
  width: 100%;
}

.width-1-8 {
  width: 12.5%;
}

.width-2-8 {
  width: 25%;
}

.width-3-8 {
  width: 37.5%;
}

.width-4-8 {
  width: 50%;
}

.width-5-8 {
  width: 62.5%;
}

.width-6-8 {
  width: 75%;
}

.width-7-8 {
  width: 87.5%;
}

.width-8-8 {
  width: 100%;
}

.width-1-9 {
  width: 11.1111111111%;
}

.width-2-9 {
  width: 22.2222222222%;
}

.width-3-9 {
  width: 33.3333333333%;
}

.width-4-9 {
  width: 44.4444444444%;
}

.width-5-9 {
  width: 55.5555555555%;
}

.width-6-9 {
  width: 66.6666666666%;
}

.width-7-9 {
  width: 77.7777777777%;
}

.width-8-9 {
  width: 88.8888888888%;
}

.width-9-9 {
  width: 100%;
}

.width-1-10 {
  width: 10%;
}

.width-2-10 {
  width: 20%;
}

.width-3-10 {
  width: 30%;
}

.width-4-10 {
  width: 40%;
}

.width-5-10 {
  width: 50%;
}

.width-6-10 {
  width: 60%;
}

.width-7-10 {
  width: 70%;
}

.width-8-10 {
  width: 80%;
}

.width-9-10 {
  width: 90%;
}

.width-10-10 {
  width: 100%;
}

.width-1-11 {
  width: 9.0909090909%;
}

.width-2-11 {
  width: 18.1818181818%;
}

.width-3-11 {
  width: 27.2727272727%;
}

.width-4-11 {
  width: 36.3636363636%;
}

.width-5-11 {
  width: 45.4545454546%;
}

.width-6-11 {
  width: 54.5454545455%;
}

.width-7-11 {
  width: 63.6363636364%;
}

.width-8-11 {
  width: 72.7272727273%;
}

.width-9-11 {
  width: 81.8181818182%;
}

.width-10-11 {
  width: 90.9090909091%;
}

.width-11-11 {
  width: 100%;
}

.width-1-12 {
  width: 8.33333333%;
}

.width-2-12 {
  width: 16.66666666%;
}

.width-3-12 {
  width: 24.99999999%;
}

.width-4-12 {
  width: 33.33333332%;
}

.width-5-12 {
  width: 41.66666665%;
}

.width-6-12 {
  width: 49.99999998%;
}

.width-7-12 {
  width: 58.33333331%;
}

.width-8-12 {
  width: 66.66666664%;
}

.width-9-12 {
  width: 74.99999997%;
}

.width-10-12 {
  width: 83.3333333%;
}

.width-11-12 {
  width: 91.66666663%;
}

.width-12-12 {
  width: 100%;
}

@media (min-width: 425px) {
  .width-s-1-1 {
    width: 100%;
  }

  .width-s-1-2 {
    width: 50%;
  }

  .width-s-2-2 {
    width: 100%;
  }

  .width-s-1-3 {
    width: 33.3333333333%;
  }

  .width-s-2-3 {
    width: 66.6666666666%;
  }

  .width-s-3-3 {
    width: 100%;
  }

  .width-s-1-4 {
    width: 25%;
  }

  .width-s-2-4 {
    width: 50%;
  }

  .width-s-3-4 {
    width: 75%;
  }

  .width-s-4-4 {
    width: 100%;
  }

  .width-s-1-5 {
    width: 20%;
  }

  .width-s-2-5 {
    width: 40%;
  }

  .width-s-3-5 {
    width: 60%;
  }

  .width-s-4-5 {
    width: 80%;
  }

  .width-s-5-5 {
    width: 100%;
  }

  .width-s-1-6 {
    width: 16.6666666667%;
  }

  .width-s-2-6 {
    width: 33.3333333334%;
  }

  .width-s-3-6 {
    width: 50.0000000001%;
  }

  .width-s-4-6 {
    width: 66.6666666668%;
  }

  .width-s-5-6 {
    width: 83.3333333335%;
  }

  .width-s-6-6 {
    width: 100%;
  }

  .width-s-1-7 {
    width: 14.2857142857%;
  }

  .width-s-2-7 {
    width: 28.5714285714%;
  }

  .width-s-3-7 {
    width: 42.8571428571%;
  }

  .width-s-4-7 {
    width: 57.1428571428%;
  }

  .width-s-5-7 {
    width: 71.4285714285%;
  }

  .width-s-6-7 {
    width: 85.7142857142%;
  }

  .width-s-7-7 {
    width: 100%;
  }

  .width-s-1-8 {
    width: 12.5%;
  }

  .width-s-2-8 {
    width: 25%;
  }

  .width-s-3-8 {
    width: 37.5%;
  }

  .width-s-4-8 {
    width: 50%;
  }

  .width-s-5-8 {
    width: 62.5%;
  }

  .width-s-6-8 {
    width: 75%;
  }

  .width-s-7-8 {
    width: 87.5%;
  }

  .width-s-8-8 {
    width: 100%;
  }

  .width-s-1-9 {
    width: 11.1111111111%;
  }

  .width-s-2-9 {
    width: 22.2222222222%;
  }

  .width-s-3-9 {
    width: 33.3333333333%;
  }

  .width-s-4-9 {
    width: 44.4444444444%;
  }

  .width-s-5-9 {
    width: 55.5555555555%;
  }

  .width-s-6-9 {
    width: 66.6666666666%;
  }

  .width-s-7-9 {
    width: 77.7777777777%;
  }

  .width-s-8-9 {
    width: 88.8888888888%;
  }

  .width-s-9-9 {
    width: 100%;
  }

  .width-s-1-10 {
    width: 10%;
  }

  .width-s-2-10 {
    width: 20%;
  }

  .width-s-3-10 {
    width: 30%;
  }

  .width-s-4-10 {
    width: 40%;
  }

  .width-s-5-10 {
    width: 50%;
  }

  .width-s-6-10 {
    width: 60%;
  }

  .width-s-7-10 {
    width: 70%;
  }

  .width-s-8-10 {
    width: 80%;
  }

  .width-s-9-10 {
    width: 90%;
  }

  .width-s-10-10 {
    width: 100%;
  }

  .width-s-1-11 {
    width: 9.0909090909%;
  }

  .width-s-2-11 {
    width: 18.1818181818%;
  }

  .width-s-3-11 {
    width: 27.2727272727%;
  }

  .width-s-4-11 {
    width: 36.3636363636%;
  }

  .width-s-5-11 {
    width: 45.4545454546%;
  }

  .width-s-6-11 {
    width: 54.5454545455%;
  }

  .width-s-7-11 {
    width: 63.6363636364%;
  }

  .width-s-8-11 {
    width: 72.7272727273%;
  }

  .width-s-9-11 {
    width: 81.8181818182%;
  }

  .width-s-10-11 {
    width: 90.9090909091%;
  }

  .width-s-11-11 {
    width: 100%;
  }

  .width-s-1-12 {
    width: 8.33333333%;
  }

  .width-s-2-12 {
    width: 16.66666666%;
  }

  .width-s-3-12 {
    width: 24.99999999%;
  }

  .width-s-4-12 {
    width: 33.33333332%;
  }

  .width-s-5-12 {
    width: 41.66666665%;
  }

  .width-s-6-12 {
    width: 49.99999998%;
  }

  .width-s-7-12 {
    width: 58.33333331%;
  }

  .width-s-8-12 {
    width: 66.66666664%;
  }

  .width-s-9-12 {
    width: 74.99999997%;
  }

  .width-s-10-12 {
    width: 83.3333333%;
  }

  .width-s-11-12 {
    width: 91.66666663%;
  }

  .width-s-12-12 {
    width: 100%;
  }
}
@media (min-width: 760px) {
  .width-m-1-1 {
    width: 100%;
  }

  .width-m-1-2 {
    width: 50%;
  }

  .width-m-2-2 {
    width: 100%;
  }

  .width-m-1-3 {
    width: 33.3333333333%;
  }

  .width-m-2-3 {
    width: 66.6666666666%;
  }

  .width-m-3-3 {
    width: 100%;
  }

  .width-m-1-4 {
    width: 25%;
  }

  .width-m-2-4 {
    width: 50%;
  }

  .width-m-3-4 {
    width: 75%;
  }

  .width-m-4-4 {
    width: 100%;
  }

  .width-m-1-5 {
    width: 20%;
  }

  .width-m-2-5 {
    width: 40%;
  }

  .width-m-3-5 {
    width: 60%;
  }

  .width-m-4-5 {
    width: 80%;
  }

  .width-m-5-5 {
    width: 100%;
  }

  .width-m-1-6 {
    width: 16.6666666667%;
  }

  .width-m-2-6 {
    width: 33.3333333334%;
  }

  .width-m-3-6 {
    width: 50.0000000001%;
  }

  .width-m-4-6 {
    width: 66.6666666668%;
  }

  .width-m-5-6 {
    width: 83.3333333335%;
  }

  .width-m-6-6 {
    width: 100%;
  }

  .width-m-1-7 {
    width: 14.2857142857%;
  }

  .width-m-2-7 {
    width: 28.5714285714%;
  }

  .width-m-3-7 {
    width: 42.8571428571%;
  }

  .width-m-4-7 {
    width: 57.1428571428%;
  }

  .width-m-5-7 {
    width: 71.4285714285%;
  }

  .width-m-6-7 {
    width: 85.7142857142%;
  }

  .width-m-7-7 {
    width: 100%;
  }

  .width-m-1-8 {
    width: 12.5%;
  }

  .width-m-2-8 {
    width: 25%;
  }

  .width-m-3-8 {
    width: 37.5%;
  }

  .width-m-4-8 {
    width: 50%;
  }

  .width-m-5-8 {
    width: 62.5%;
  }

  .width-m-6-8 {
    width: 75%;
  }

  .width-m-7-8 {
    width: 87.5%;
  }

  .width-m-8-8 {
    width: 100%;
  }

  .width-m-1-9 {
    width: 11.1111111111%;
  }

  .width-m-2-9 {
    width: 22.2222222222%;
  }

  .width-m-3-9 {
    width: 33.3333333333%;
  }

  .width-m-4-9 {
    width: 44.4444444444%;
  }

  .width-m-5-9 {
    width: 55.5555555555%;
  }

  .width-m-6-9 {
    width: 66.6666666666%;
  }

  .width-m-7-9 {
    width: 77.7777777777%;
  }

  .width-m-8-9 {
    width: 88.8888888888%;
  }

  .width-m-9-9 {
    width: 100%;
  }

  .width-m-1-10 {
    width: 10%;
  }

  .width-m-2-10 {
    width: 20%;
  }

  .width-m-3-10 {
    width: 30%;
  }

  .width-m-4-10 {
    width: 40%;
  }

  .width-m-5-10 {
    width: 50%;
  }

  .width-m-6-10 {
    width: 60%;
  }

  .width-m-7-10 {
    width: 70%;
  }

  .width-m-8-10 {
    width: 80%;
  }

  .width-m-9-10 {
    width: 90%;
  }

  .width-m-10-10 {
    width: 100%;
  }

  .width-m-1-11 {
    width: 9.0909090909%;
  }

  .width-m-2-11 {
    width: 18.1818181818%;
  }

  .width-m-3-11 {
    width: 27.2727272727%;
  }

  .width-m-4-11 {
    width: 36.3636363636%;
  }

  .width-m-5-11 {
    width: 45.4545454546%;
  }

  .width-m-6-11 {
    width: 54.5454545455%;
  }

  .width-m-7-11 {
    width: 63.6363636364%;
  }

  .width-m-8-11 {
    width: 72.7272727273%;
  }

  .width-m-9-11 {
    width: 81.8181818182%;
  }

  .width-m-10-11 {
    width: 90.9090909091%;
  }

  .width-m-11-11 {
    width: 100%;
  }

  .width-m-1-12 {
    width: 8.33333333%;
  }

  .width-m-2-12 {
    width: 16.66666666%;
  }

  .width-m-3-12 {
    width: 24.99999999%;
  }

  .width-m-4-12 {
    width: 33.33333332%;
  }

  .width-m-5-12 {
    width: 41.66666665%;
  }

  .width-m-6-12 {
    width: 49.99999998%;
  }

  .width-m-7-12 {
    width: 58.33333331%;
  }

  .width-m-8-12 {
    width: 66.66666664%;
  }

  .width-m-9-12 {
    width: 74.99999997%;
  }

  .width-m-10-12 {
    width: 83.3333333%;
  }

  .width-m-11-12 {
    width: 91.66666663%;
  }

  .width-m-12-12 {
    width: 100%;
  }
}
@media (min-width: 990px) {
  .width-l-1-1 {
    width: 100%;
  }

  .width-l-1-2 {
    width: 50%;
  }

  .width-l-2-2 {
    width: 100%;
  }

  .width-l-1-3 {
    width: 33.3333333333%;
  }

  .width-l-2-3 {
    width: 66.6666666666%;
  }

  .width-l-3-3 {
    width: 100%;
  }

  .width-l-1-4 {
    width: 25%;
  }

  .width-l-2-4 {
    width: 50%;
  }

  .width-l-3-4 {
    width: 75%;
  }

  .width-l-4-4 {
    width: 100%;
  }

  .width-l-1-5 {
    width: 20%;
  }

  .width-l-2-5 {
    width: 40%;
  }

  .width-l-3-5 {
    width: 60%;
  }

  .width-l-4-5 {
    width: 80%;
  }

  .width-l-5-5 {
    width: 100%;
  }

  .width-l-1-6 {
    width: 16.6666666667%;
  }

  .width-l-2-6 {
    width: 33.3333333334%;
  }

  .width-l-3-6 {
    width: 50.0000000001%;
  }

  .width-l-4-6 {
    width: 66.6666666668%;
  }

  .width-l-5-6 {
    width: 83.3333333335%;
  }

  .width-l-6-6 {
    width: 100%;
  }

  .width-l-1-7 {
    width: 14.2857142857%;
  }

  .width-l-2-7 {
    width: 28.5714285714%;
  }

  .width-l-3-7 {
    width: 42.8571428571%;
  }

  .width-l-4-7 {
    width: 57.1428571428%;
  }

  .width-l-5-7 {
    width: 71.4285714285%;
  }

  .width-l-6-7 {
    width: 85.7142857142%;
  }

  .width-l-7-7 {
    width: 100%;
  }

  .width-l-1-8 {
    width: 12.5%;
  }

  .width-l-2-8 {
    width: 25%;
  }

  .width-l-3-8 {
    width: 37.5%;
  }

  .width-l-4-8 {
    width: 50%;
  }

  .width-l-5-8 {
    width: 62.5%;
  }

  .width-l-6-8 {
    width: 75%;
  }

  .width-l-7-8 {
    width: 87.5%;
  }

  .width-l-8-8 {
    width: 100%;
  }

  .width-l-1-9 {
    width: 11.1111111111%;
  }

  .width-l-2-9 {
    width: 22.2222222222%;
  }

  .width-l-3-9 {
    width: 33.3333333333%;
  }

  .width-l-4-9 {
    width: 44.4444444444%;
  }

  .width-l-5-9 {
    width: 55.5555555555%;
  }

  .width-l-6-9 {
    width: 66.6666666666%;
  }

  .width-l-7-9 {
    width: 77.7777777777%;
  }

  .width-l-8-9 {
    width: 88.8888888888%;
  }

  .width-l-9-9 {
    width: 100%;
  }

  .width-l-1-10 {
    width: 10%;
  }

  .width-l-2-10 {
    width: 20%;
  }

  .width-l-3-10 {
    width: 30%;
  }

  .width-l-4-10 {
    width: 40%;
  }

  .width-l-5-10 {
    width: 50%;
  }

  .width-l-6-10 {
    width: 60%;
  }

  .width-l-7-10 {
    width: 70%;
  }

  .width-l-8-10 {
    width: 80%;
  }

  .width-l-9-10 {
    width: 90%;
  }

  .width-l-10-10 {
    width: 100%;
  }

  .width-l-1-11 {
    width: 9.0909090909%;
  }

  .width-l-2-11 {
    width: 18.1818181818%;
  }

  .width-l-3-11 {
    width: 27.2727272727%;
  }

  .width-l-4-11 {
    width: 36.3636363636%;
  }

  .width-l-5-11 {
    width: 45.4545454546%;
  }

  .width-l-6-11 {
    width: 54.5454545455%;
  }

  .width-l-7-11 {
    width: 63.6363636364%;
  }

  .width-l-8-11 {
    width: 72.7272727273%;
  }

  .width-l-9-11 {
    width: 81.8181818182%;
  }

  .width-l-10-11 {
    width: 90.9090909091%;
  }

  .width-l-11-11 {
    width: 100%;
  }

  .width-l-1-12 {
    width: 8.33333333%;
  }

  .width-l-2-12 {
    width: 16.66666666%;
  }

  .width-l-3-12 {
    width: 24.99999999%;
  }

  .width-l-4-12 {
    width: 33.33333332%;
  }

  .width-l-5-12 {
    width: 41.66666665%;
  }

  .width-l-6-12 {
    width: 49.99999998%;
  }

  .width-l-7-12 {
    width: 58.33333331%;
  }

  .width-l-8-12 {
    width: 66.66666664%;
  }

  .width-l-9-12 {
    width: 74.99999997%;
  }

  .width-l-10-12 {
    width: 83.3333333%;
  }

  .width-l-11-12 {
    width: 91.66666663%;
  }

  .width-l-12-12 {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .width-xl-1-1 {
    width: 100%;
  }

  .width-xl-1-2 {
    width: 50%;
  }

  .width-xl-2-2 {
    width: 100%;
  }

  .width-xl-1-3 {
    width: 33.3333333333%;
  }

  .width-xl-2-3 {
    width: 66.6666666666%;
  }

  .width-xl-3-3 {
    width: 100%;
  }

  .width-xl-1-4 {
    width: 25%;
  }

  .width-xl-2-4 {
    width: 50%;
  }

  .width-xl-3-4 {
    width: 75%;
  }

  .width-xl-4-4 {
    width: 100%;
  }

  .width-xl-1-5 {
    width: 20%;
  }

  .width-xl-2-5 {
    width: 40%;
  }

  .width-xl-3-5 {
    width: 60%;
  }

  .width-xl-4-5 {
    width: 80%;
  }

  .width-xl-5-5 {
    width: 100%;
  }

  .width-xl-1-6 {
    width: 16.6666666667%;
  }

  .width-xl-2-6 {
    width: 33.3333333334%;
  }

  .width-xl-3-6 {
    width: 50.0000000001%;
  }

  .width-xl-4-6 {
    width: 66.6666666668%;
  }

  .width-xl-5-6 {
    width: 83.3333333335%;
  }

  .width-xl-6-6 {
    width: 100%;
  }

  .width-xl-1-7 {
    width: 14.2857142857%;
  }

  .width-xl-2-7 {
    width: 28.5714285714%;
  }

  .width-xl-3-7 {
    width: 42.8571428571%;
  }

  .width-xl-4-7 {
    width: 57.1428571428%;
  }

  .width-xl-5-7 {
    width: 71.4285714285%;
  }

  .width-xl-6-7 {
    width: 85.7142857142%;
  }

  .width-xl-7-7 {
    width: 100%;
  }

  .width-xl-1-8 {
    width: 12.5%;
  }

  .width-xl-2-8 {
    width: 25%;
  }

  .width-xl-3-8 {
    width: 37.5%;
  }

  .width-xl-4-8 {
    width: 50%;
  }

  .width-xl-5-8 {
    width: 62.5%;
  }

  .width-xl-6-8 {
    width: 75%;
  }

  .width-xl-7-8 {
    width: 87.5%;
  }

  .width-xl-8-8 {
    width: 100%;
  }

  .width-xl-1-9 {
    width: 11.1111111111%;
  }

  .width-xl-2-9 {
    width: 22.2222222222%;
  }

  .width-xl-3-9 {
    width: 33.3333333333%;
  }

  .width-xl-4-9 {
    width: 44.4444444444%;
  }

  .width-xl-5-9 {
    width: 55.5555555555%;
  }

  .width-xl-6-9 {
    width: 66.6666666666%;
  }

  .width-xl-7-9 {
    width: 77.7777777777%;
  }

  .width-xl-8-9 {
    width: 88.8888888888%;
  }

  .width-xl-9-9 {
    width: 100%;
  }

  .width-xl-1-10 {
    width: 10%;
  }

  .width-xl-2-10 {
    width: 20%;
  }

  .width-xl-3-10 {
    width: 30%;
  }

  .width-xl-4-10 {
    width: 40%;
  }

  .width-xl-5-10 {
    width: 50%;
  }

  .width-xl-6-10 {
    width: 60%;
  }

  .width-xl-7-10 {
    width: 70%;
  }

  .width-xl-8-10 {
    width: 80%;
  }

  .width-xl-9-10 {
    width: 90%;
  }

  .width-xl-10-10 {
    width: 100%;
  }

  .width-xl-1-11 {
    width: 9.0909090909%;
  }

  .width-xl-2-11 {
    width: 18.1818181818%;
  }

  .width-xl-3-11 {
    width: 27.2727272727%;
  }

  .width-xl-4-11 {
    width: 36.3636363636%;
  }

  .width-xl-5-11 {
    width: 45.4545454546%;
  }

  .width-xl-6-11 {
    width: 54.5454545455%;
  }

  .width-xl-7-11 {
    width: 63.6363636364%;
  }

  .width-xl-8-11 {
    width: 72.7272727273%;
  }

  .width-xl-9-11 {
    width: 81.8181818182%;
  }

  .width-xl-10-11 {
    width: 90.9090909091%;
  }

  .width-xl-11-11 {
    width: 100%;
  }

  .width-xl-1-12 {
    width: 8.33333333%;
  }

  .width-xl-2-12 {
    width: 16.66666666%;
  }

  .width-xl-3-12 {
    width: 24.99999999%;
  }

  .width-xl-4-12 {
    width: 33.33333332%;
  }

  .width-xl-5-12 {
    width: 41.66666665%;
  }

  .width-xl-6-12 {
    width: 49.99999998%;
  }

  .width-xl-7-12 {
    width: 58.33333331%;
  }

  .width-xl-8-12 {
    width: 66.66666664%;
  }

  .width-xl-9-12 {
    width: 74.99999997%;
  }

  .width-xl-10-12 {
    width: 83.3333333%;
  }

  .width-xl-11-12 {
    width: 91.66666663%;
  }

  .width-xl-12-12 {
    width: 100%;
  }
}
.block::after {
  content: '';
  display: block;
  clear: both;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  max-width: 1200px;
}
@media (min-width: 340px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: width_tablet_large) {
  .container {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
    width: 1200px;
  }
}

.video {
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* archive nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* pagination
........................................................................... */
.pagination {
  display: table;
  margin: 30px auto;
  min-height: 40px;
  border-collapse: collapse;
  text-align: center;
}
.pagination .pagination-btn {
  display: none;
  padding: 5px 0;
  vertical-align: middle;
  white-space: nowrap;
}
.pagination a.pagination-btn,
.pagination .current {
  padding: 5px;
  min-width: 40px;
}
.pagination .current,
.pagination .prev,
.pagination .next {
  display: table-cell;
}
.pagination .prev,
.pagination .next {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0;
}
.pagination .current + .pagination-btn,
.pagination .current + .pagination-btn + .pagination-btn {
  display: table-cell;
}

.pagination .prev:before {
  content: '<';
  display: inline-block;
  font-size: 1.5rem;
}

.pagination .next:after {
  content: '>';
  display: inline-block;
  font-size: 1.5rem;
}

@media (min-width: 375px) {
  .pagination .prev,
  .pagination .next {
    font-size: 1.5rem;
  }

  .pagination .prev:before {
    padding-right: .5em;
  }

  .pagination .next:after {
    padding-left: .5em;
  }
}
@media (min-width: 480px) {
  .pagination .current + .pagination-btn,
  .pagination .current + .pagination-btn + .pagination-btn,
  .pagination .current + .pagination-btn + .pagination-btn + .pagination-btn,
  .pagination .current + .pagination-btn + .pagination-btn + .pagination-btn + .pagination-btn {
    display: table-cell;
  }
}
@media (min-width: 870px) {
  .pagination .pagination-btn {
    display: table-cell;
  }
}