@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);.l-breadcrumb__inner::after,
.l-global-nav::after,
.l-global-nav__login::after,
.l-header__inner::after,
.c-button__float::after,
.c-projects::after,
.c-resent__btn::after,
.c-resent__nav::after,
.p-teaser__share-btn::after,
.p-top__head-btn::after,
.p-top__banner::after,
.p-top__nav::after,
.p-category__post::after,
.p-category__post-foot::after,
.p-about__step::after,
.p-about__step-btn::after,
.p-about__member::after,
.p-mypage__state-point-wrap::after,
.p-mypage__state-icon::after,
.p-mypage__state-btn::after,
.p-mypage__share-btn::after,
.p-mypage__nav::after,
.p-post__sns-btn::after,
.p-post__conf-btn::after,
.u-clearfix::after {
  display: table;
  clear: both;

  content: "";
  }

.c-button::after,
.c-form__file-set label::after,
.p-mypage__state-icon-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.l-global-nav__link,
.l-global-nav__under-link,
.l-header__logo-link,
.c-button,
.c-form__file-set label,
.c-link-hover,
.c-modal__head-close,
.c-modal__link-button,
.c-resent__nav-item,
.p-teaser__header a,
.p-teaser__regist a,
.p-teaser__share-btn-item a,
.p-top__nav-link,
.p-category__post-foot-reply,
.p-category__post-foot-fav,
.p-mypage__nav-link {
  transition: opacity .5s;
  }

.l-global-nav__link:hover,
.l-global-nav__under-link:hover,
.l-header__logo-link:hover,
.c-button:hover,
.c-form__file-set label:hover,
.c-link-hover:hover,
.c-modal__head-close:hover,
.c-modal__link-button:hover,
.c-resent__nav-item:hover,
.p-teaser__header a:hover,
.p-teaser__regist a:hover,
.p-teaser__share-btn-item a:hover,
.p-top__nav-link:hover,
.p-category__post-foot-reply:hover,
.p-category__post-foot-fav:hover,
.p-mypage__nav-link:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: .8;
  }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */

html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
      -ms-text-size-adjust: 100%; /* 2 */
  }

/** Remove the margin in all browsers (opinionated). */

body {
  margin: 0;
  }

/* HTML5 display definitions ========================================================================== */

/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */

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

/** Add the correct display in IE 9-. */

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

/** Add the correct display in iOS 4-7. */

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

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {
  vertical-align: baseline;
  }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */

template,
[hidden] {
  display: none;
  }

/* Links ========================================================================== */

/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */

a {
  background-color: transparent; /* 1 */

  -webkit-text-decoration-skip: objects; /* 2 */
  }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */

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

/* Text-level semantics ========================================================================== */

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */

  border-bottom: none; /* 1 */
  }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */

b,
strong {
  font-weight: inherit;
  }

/** Add the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
  font-weight: bolder;
  }

/** Add the correct font style in Android 4.3-. */

dfn {
  font-style: italic;
  }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */

h1 {
  margin: .67em 0;

  font-size: 2em;
  }

/** Add the correct background and color in IE 9-. */

mark {
  color: #000;

  background-color: #ff0;
  }

/** Add the correct font size in all browsers. */

small {
  font-size: 80%;
  }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */

sub,
sup {
  position: relative;

  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  }

sub {
  bottom: -.25em;
  }

sup {
  top: -.5em;
  }

/* Embedded content ========================================================================== */

/** Remove the border on images inside links in IE 10-. */

img {
  border-style: none;
  }

/** Hide the overflow in IE. */

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

/* Grouping content ========================================================================== */

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
  }

/** Add the correct margin in IE 8. */

figure {
  margin: 1em 40px;
  }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */

hr {
  height: 0; /* 1 */

  box-sizing: content-box; /* 1 */
  overflow: visible; /* 2 */
  }

/* Forms ========================================================================== */

/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */

button,
input,
select,
textarea {
  margin: 0; /* 2 */

  font: inherit; /* 1 */
  }

/** Restore the font weight unset by the previous rule. */

optgroup {
  font-weight: bold;
  }

/** Show the overflow in IE. 1. Show the overflow in Edge. */

button,
input { /* 1 */
  overflow: visible;
  }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */

button,
select { /* 1 */
  text-transform: none;
  }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */

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

/** Remove the inner border and padding in Firefox. */

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

  border-style: none;
  }

/** Restore the focus styles unset by the previous rule. */

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

/** Change the border, margin, and padding in all browsers (opinionated). */

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;

  border: 1px solid #c0c0c0;
  }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */

legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */

  box-sizing: border-box; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
  }

/** Remove the default vertical scrollbar in IE. */

textarea {
  overflow: auto;
  }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  }

/** Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
  }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */

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

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */

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

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
  }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
  }

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  vertical-align: top;
  }

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;

  font-size: 62.5%;
  }

body {
  position: relative;
  width: 100%;
  height: 100%;

  font-family: "Sawarabi Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
  line-height: 1;
  color: #000;
  }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: normal;
  line-height: 1.5;
  }

a {
  color: #0a3d9a;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

img {
  width: auto;
  max-width: 100%;
  height: auto;
  }

ul,
ol {
  padding: 0;
  list-style: none;
  }

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

hr {
  margin: 30px 0;

  border-color: #d7dde8;
  border-style: solid;
  border-width: 1px 0 0;
  }

figure {
  margin: 0;
  }

::-moz-selection {
  color: white;
  background: #0a3d9a;
  }

::selection {
  color: white;
  background: #0a3d9a;
  }

::-moz-selection {
  color: white;
  background: #0a3d9a;
  }

.l-breadcrumb {
  border-bottom: 1px solid #d7dde8;
  }

.l-breadcrumb__inner {
  width: 1000px;
  padding: 10px 0;
  margin: 0 auto;
  }

.l-breadcrumb__item {
  float: left;
  }

.l-breadcrumb__item:first-of-type {
  padding-left: 20px;
  }

.l-breadcrumb__item:first-of-type::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  font: "Font Awesome 5 Free";
  font-size: 1.2;
  line-height: 12px;
  color: #808080;
  text-align: center;
  vertical-align: middle;

  content: "\f015";
  }

.l-breadcrumb__item:not(:last-of-type) {
  position: relative;

  padding-right: 32px;
  }

.l-breadcrumb__item:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  font: "Font Awesome 5 Free";
  font-size: 1.2;
  line-height: 12px;
  color: #808080;
  text-align: center;
  vertical-align: middle;

  content: "\f105";
  }

.l-breadcrumb__text {
  display: block;

  font-size: 1.2rem;
  line-height: 1;
  }

.l-global-nav__open {
  position: fixed;
  height: 100%;
  overflow: hidden;
  }

.l-global-nav__open .l-contents__wrap {
  position: absolute;
  right: 240px;

  width: 100%;
  transition: right .5s ease;
  }

.l-contents__base,
.l-contents__bg-img,
.l-contents__bg-blue,
.l-contents__bg-darkblue,
.l-contents__bg-gray {
  padding: 100px 0;
  }

.l-contents__bg-img {
  background: url(../images/top__resent_bg.jpg) repeat-y center top;
  /*background-size: cover;*/
  }

.l-contents__bg-blue {
  background: #0a3d9a;
  }

.l-contents__bg-darkblue {
  background: #0a0e59;
  }

.l-contents__bg-gray {
  background: #f4f8fd;
  }

.l-contents__inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  }

.l-footer {
  padding: 20px;
  color: white;
  text-align: center;

  background: black;
  }

.l-global-nav__item {
  position: relative;
  }

.l-global-nav__link {
  position: relative;
  display: block;

  line-height: 1;
  }

.l-global-nav__bg,
.l-global-nav__btn,
.l-global-nav__btn-close {
  display: none;
  }

.l-global-nav__under-link {
  display: block;
  line-height: 1;
  }

.l-global-nav__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100%;
  height: 100%;
  padding: 10px;
  }

.l-global-nav__close {
  position: absolute;
  top: 0;
  right: 240px;
  z-index: 1500;

  display: none;
  width: 40px;
  height: 40px;
  font-size: 4.0rem;
  line-height: 40px;
  text-align: center;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
  }

.l-global-nav__login-item {
  float: left;

  width: 50%;
  }

.l-global-nav__login-item.is-regist .c-button,
.l-global-nav__login-item.is-regist .c-form__file-set label,
.c-form__file-set .l-global-nav__login-item.is-regist label {
  background: #da063e;
  }

.l-header {
  z-index: 100;

  background: white;
  }

.l-global-nav__open .l-header {
  right: 240px;
  transition: right .5s ease;
  }

.l-header__logo {
  float: left;
  }

.l-header__logo-link {
  display: block;
  font-weight: bold;
  color: #0a3d9a;
  }

.l-header__logo-seething {
  color: #da063e;
  }

.l-header__logo-icon {
  margin-right: 5px;
  }

.l-header__login {
  float: right;
  font-size: 0;
  }

.l-header__login-item {
  position: relative;
  display: inline-block;
  }

.l-header__login-item.is-regist .c-button,
.l-header__login-item.is-regist .c-form__file-set label,
.c-form__file-set .l-header__login-item.is-regist label {
  background: #da063e;
  }

/*!
 * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  }

.fa-lg {
  font-size: 1.3333333333em;
  line-height: .75em;
  vertical-align: -.0667em;
  }

.fa-xs {
  font-size: .75em;
  }

.fa-sm {
  font-size: .875em;
  }

.fa-1x {
  font-size: 1em;
  }

.fa-2x {
  font-size: 2em;
  }

.fa-3x {
  font-size: 3em;
  }

.fa-4x {
  font-size: 4em;
  }

.fa-5x {
  font-size: 5em;
  }

.fa-6x {
  font-size: 6em;
  }

.fa-7x {
  font-size: 7em;
  }

.fa-8x {
  font-size: 8em;
  }

.fa-9x {
  font-size: 9em;
  }

.fa-10x {
  font-size: 10em;
  }

.fa-fw {
  width: 1.25em;

  text-align: center;
  }

.fa-ul {
  padding-left: 0;
  margin-left: 2.5em;

  list-style-type: none;
  }

.fa-ul > li {
  position: relative;
  }

.fa-li {
  position: absolute;

  left: -2em;
  width: 2em;
  line-height: inherit;
  text-align: center;
  }

.fa-border {
  padding: .2em .25em .15em;

  border: solid .08em #eee;
  border-radius: .1em;
  }

.fa-pull-left {
  float: left;
  }

.fa-pull-right {
  float: right;
  }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
  }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
  }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
  }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
  }

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  }

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  }

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  }

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  }

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  }

.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);

  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
          filter: none;

  -webkit-filter: none;
  }

.fa-stack {
  position: relative;

  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;

  left: 0;
  width: 100%;
  text-align: center;
  }

.fa-stack-1x {
  line-height: inherit;
  }

.fa-stack-2x {
  font-size: 2em;
  }

.fa-inverse {
  color: #fff;
  }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-500px:before {
  content: "\f26e";
  }

.fa-accessible-icon:before {
  content: "\f368";
  }

.fa-accusoft:before {
  content: "\f369";
  }

.fa-address-book:before {
  content: "\f2b9";
  }

.fa-address-card:before {
  content: "\f2bb";
  }

.fa-adjust:before {
  content: "\f042";
  }

.fa-adn:before {
  content: "\f170";
  }

.fa-adversal:before {
  content: "\f36a";
  }

.fa-affiliatetheme:before {
  content: "\f36b";
  }

.fa-algolia:before {
  content: "\f36c";
  }

.fa-align-center:before {
  content: "\f037";
  }

.fa-align-justify:before {
  content: "\f039";
  }

.fa-align-left:before {
  content: "\f036";
  }

.fa-align-right:before {
  content: "\f038";
  }

.fa-amazon:before {
  content: "\f270";
  }

.fa-amazon-pay:before {
  content: "\f42c";
  }

.fa-ambulance:before {
  content: "\f0f9";
  }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
  }

.fa-amilia:before {
  content: "\f36d";
  }

.fa-anchor:before {
  content: "\f13d";
  }

.fa-android:before {
  content: "\f17b";
  }

.fa-angellist:before {
  content: "\f209";
  }

.fa-angle-double-down:before {
  content: "\f103";
  }

.fa-angle-double-left:before {
  content: "\f100";
  }

.fa-angle-double-right:before {
  content: "\f101";
  }

.fa-angle-double-up:before {
  content: "\f102";
  }

.fa-angle-down:before {
  content: "\f107";
  }

.fa-angle-left:before {
  content: "\f104";
  }

.fa-angle-right:before {
  content: "\f105";
  }

.fa-angle-up:before {
  content: "\f106";
  }

.fa-angrycreative:before {
  content: "\f36e";
  }

.fa-angular:before {
  content: "\f420";
  }

.fa-app-store:before {
  content: "\f36f";
  }

.fa-app-store-ios:before {
  content: "\f370";
  }

.fa-apper:before {
  content: "\f371";
  }

.fa-apple:before {
  content: "\f179";
  }

.fa-apple-pay:before {
  content: "\f415";
  }

.fa-archive:before {
  content: "\f187";
  }

.fa-arrow-alt-circle-down:before {
  content: "\f358";
  }

.fa-arrow-alt-circle-left:before {
  content: "\f359";
  }

.fa-arrow-alt-circle-right:before {
  content: "\f35a";
  }

.fa-arrow-alt-circle-up:before {
  content: "\f35b";
  }

.fa-arrow-circle-down:before {
  content: "\f0ab";
  }

.fa-arrow-circle-left:before {
  content: "\f0a8";
  }

.fa-arrow-circle-right:before {
  content: "\f0a9";
  }

.fa-arrow-circle-up:before {
  content: "\f0aa";
  }

.fa-arrow-down:before {
  content: "\f063";
  }

.fa-arrow-left:before {
  content: "\f060";
  }

.fa-arrow-right:before {
  content: "\f061";
  }

.fa-arrow-up:before {
  content: "\f062";
  }

.fa-arrows-alt:before {
  content: "\f0b2";
  }

.fa-arrows-alt-h:before {
  content: "\f337";
  }

.fa-arrows-alt-v:before {
  content: "\f338";
  }

.fa-assistive-listening-systems:before {
  content: "\f2a2";
  }

.fa-asterisk:before {
  content: "\f069";
  }

.fa-asymmetrik:before {
  content: "\f372";
  }

.fa-at:before {
  content: "\f1fa";
  }

.fa-audible:before {
  content: "\f373";
  }

.fa-audio-description:before {
  content: "\f29e";
  }

.fa-autoprefixer:before {
  content: "\f41c";
  }

.fa-avianex:before {
  content: "\f374";
  }

.fa-aviato:before {
  content: "\f421";
  }

.fa-aws:before {
  content: "\f375";
  }

.fa-backward:before {
  content: "\f04a";
  }

.fa-balance-scale:before {
  content: "\f24e";
  }

.fa-ban:before {
  content: "\f05e";
  }

.fa-bandcamp:before {
  content: "\f2d5";
  }

.fa-barcode:before {
  content: "\f02a";
  }

.fa-bars:before {
  content: "\f0c9";
  }

.fa-baseball-ball:before {
  content: "\f433";
  }

.fa-basketball-ball:before {
  content: "\f434";
  }

.fa-bath:before {
  content: "\f2cd";
  }

.fa-battery-empty:before {
  content: "\f244";
  }

.fa-battery-full:before {
  content: "\f240";
  }

.fa-battery-half:before {
  content: "\f242";
  }

.fa-battery-quarter:before {
  content: "\f243";
  }

.fa-battery-three-quarters:before {
  content: "\f241";
  }

.fa-bed:before {
  content: "\f236";
  }

.fa-beer:before {
  content: "\f0fc";
  }

.fa-behance:before {
  content: "\f1b4";
  }

.fa-behance-square:before {
  content: "\f1b5";
  }

.fa-bell:before {
  content: "\f0f3";
  }

.fa-bell-slash:before {
  content: "\f1f6";
  }

.fa-bicycle:before {
  content: "\f206";
  }

.fa-bimobject:before {
  content: "\f378";
  }

.fa-binoculars:before {
  content: "\f1e5";
  }

.fa-birthday-cake:before {
  content: "\f1fd";
  }

.fa-bitbucket:before {
  content: "\f171";
  }

.fa-bitcoin:before {
  content: "\f379";
  }

.fa-bity:before {
  content: "\f37a";
  }

.fa-black-tie:before {
  content: "\f27e";
  }

.fa-blackberry:before {
  content: "\f37b";
  }

.fa-blind:before {
  content: "\f29d";
  }

.fa-blogger:before {
  content: "\f37c";
  }

.fa-blogger-b:before {
  content: "\f37d";
  }

.fa-bluetooth:before {
  content: "\f293";
  }

.fa-bluetooth-b:before {
  content: "\f294";
  }

.fa-bold:before {
  content: "\f032";
  }

.fa-bolt:before {
  content: "\f0e7";
  }

.fa-bomb:before {
  content: "\f1e2";
  }

.fa-book:before {
  content: "\f02d";
  }

.fa-bookmark:before {
  content: "\f02e";
  }

.fa-bowling-ball:before {
  content: "\f436";
  }

.fa-braille:before {
  content: "\f2a1";
  }

.fa-briefcase:before {
  content: "\f0b1";
  }

.fa-btc:before {
  content: "\f15a";
  }

.fa-bug:before {
  content: "\f188";
  }

.fa-building:before {
  content: "\f1ad";
  }

.fa-bullhorn:before {
  content: "\f0a1";
  }

.fa-bullseye:before {
  content: "\f140";
  }

.fa-buromobelexperte:before {
  content: "\f37f";
  }

.fa-bus:before {
  content: "\f207";
  }

.fa-buysellads:before {
  content: "\f20d";
  }

.fa-calculator:before {
  content: "\f1ec";
  }

.fa-calendar:before {
  content: "\f133";
  }

.fa-calendar-alt:before {
  content: "\f073";
  }

.fa-calendar-check:before {
  content: "\f274";
  }

.fa-calendar-minus:before {
  content: "\f272";
  }

.fa-calendar-plus:before {
  content: "\f271";
  }

.fa-calendar-times:before {
  content: "\f273";
  }

.fa-camera:before {
  content: "\f030";
  }

.fa-camera-retro:before {
  content: "\f083";
  }

.fa-car:before {
  content: "\f1b9";
  }

.fa-caret-down:before {
  content: "\f0d7";
  }

.fa-caret-left:before {
  content: "\f0d9";
  }

.fa-caret-right:before {
  content: "\f0da";
  }

.fa-caret-square-down:before {
  content: "\f150";
  }

.fa-caret-square-left:before {
  content: "\f191";
  }

.fa-caret-square-right:before {
  content: "\f152";
  }

.fa-caret-square-up:before {
  content: "\f151";
  }

.fa-caret-up:before {
  content: "\f0d8";
  }

.fa-cart-arrow-down:before {
  content: "\f218";
  }

.fa-cart-plus:before {
  content: "\f217";
  }

.fa-cc-amazon-pay:before {
  content: "\f42d";
  }

.fa-cc-amex:before {
  content: "\f1f3";
  }

.fa-cc-apple-pay:before {
  content: "\f416";
  }

.fa-cc-diners-club:before {
  content: "\f24c";
  }

.fa-cc-discover:before {
  content: "\f1f2";
  }

.fa-cc-jcb:before {
  content: "\f24b";
  }

.fa-cc-mastercard:before {
  content: "\f1f1";
  }

.fa-cc-paypal:before {
  content: "\f1f4";
  }

.fa-cc-stripe:before {
  content: "\f1f5";
  }

.fa-cc-visa:before {
  content: "\f1f0";
  }

.fa-centercode:before {
  content: "\f380";
  }

.fa-certificate:before {
  content: "\f0a3";
  }

.fa-chart-area:before {
  content: "\f1fe";
  }

.fa-chart-bar:before {
  content: "\f080";
  }

.fa-chart-line:before {
  content: "\f201";
  }

.fa-chart-pie:before {
  content: "\f200";
  }

.fa-check:before {
  content: "\f00c";
  }

.fa-check-circle:before {
  content: "\f058";
  }

.fa-check-square:before {
  content: "\f14a";
  }

.fa-chess:before {
  content: "\f439";
  }

.fa-chess-bishop:before {
  content: "\f43a";
  }

.fa-chess-board:before {
  content: "\f43c";
  }

.fa-chess-king:before {
  content: "\f43f";
  }

.fa-chess-knight:before {
  content: "\f441";
  }

.fa-chess-pawn:before {
  content: "\f443";
  }

.fa-chess-queen:before {
  content: "\f445";
  }

.fa-chess-rook:before {
  content: "\f447";
  }

.fa-chevron-circle-down:before {
  content: "\f13a";
  }

.fa-chevron-circle-left:before {
  content: "\f137";
  }

.fa-chevron-circle-right:before {
  content: "\f138";
  }

.fa-chevron-circle-up:before {
  content: "\f139";
  }

.fa-chevron-down:before {
  content: "\f078";
  }

.fa-chevron-left:before {
  content: "\f053";
  }

.fa-chevron-right:before {
  content: "\f054";
  }

.fa-chevron-up:before {
  content: "\f077";
  }

.fa-child:before {
  content: "\f1ae";
  }

.fa-chrome:before {
  content: "\f268";
  }

.fa-circle:before {
  content: "\f111";
  }

.fa-circle-notch:before {
  content: "\f1ce";
  }

.fa-clipboard:before {
  content: "\f328";
  }

.fa-clock:before {
  content: "\f017";
  }

.fa-clone:before {
  content: "\f24d";
  }

.fa-closed-captioning:before {
  content: "\f20a";
  }

.fa-cloud:before {
  content: "\f0c2";
  }

.fa-cloud-download-alt:before {
  content: "\f381";
  }

.fa-cloud-upload-alt:before {
  content: "\f382";
  }

.fa-cloudscale:before {
  content: "\f383";
  }

.fa-cloudsmith:before {
  content: "\f384";
  }

.fa-cloudversify:before {
  content: "\f385";
  }

.fa-code:before {
  content: "\f121";
  }

.fa-code-branch:before {
  content: "\f126";
  }

.fa-codepen:before {
  content: "\f1cb";
  }

.fa-codiepie:before {
  content: "\f284";
  }

.fa-coffee:before {
  content: "\f0f4";
  }

.fa-cog:before {
  content: "\f013";
  }

.fa-cogs:before {
  content: "\f085";
  }

.fa-columns:before {
  content: "\f0db";
  }

.fa-comment:before {
  content: "\f075";
  }

.fa-comment-alt:before {
  content: "\f27a";
  }

.fa-comments:before {
  content: "\f086";
  }

.fa-compass:before {
  content: "\f14e";
  }

.fa-compress:before {
  content: "\f066";
  }

.fa-connectdevelop:before {
  content: "\f20e";
  }

.fa-contao:before {
  content: "\f26d";
  }

.fa-copy:before {
  content: "\f0c5";
  }

.fa-copyright:before {
  content: "\f1f9";
  }

.fa-cpanel:before {
  content: "\f388";
  }

.fa-creative-commons:before {
  content: "\f25e";
  }

.fa-credit-card:before {
  content: "\f09d";
  }

.fa-crop:before {
  content: "\f125";
  }

.fa-crosshairs:before {
  content: "\f05b";
  }

.fa-css3:before {
  content: "\f13c";
  }

.fa-css3-alt:before {
  content: "\f38b";
  }

.fa-cube:before {
  content: "\f1b2";
  }

.fa-cubes:before {
  content: "\f1b3";
  }

.fa-cut:before {
  content: "\f0c4";
  }

.fa-cuttlefish:before {
  content: "\f38c";
  }

.fa-d-and-d:before {
  content: "\f38d";
  }

.fa-dashcube:before {
  content: "\f210";
  }

.fa-database:before {
  content: "\f1c0";
  }

.fa-deaf:before {
  content: "\f2a4";
  }

.fa-delicious:before {
  content: "\f1a5";
  }

.fa-deploydog:before {
  content: "\f38e";
  }

.fa-deskpro:before {
  content: "\f38f";
  }

.fa-desktop:before {
  content: "\f108";
  }

.fa-deviantart:before {
  content: "\f1bd";
  }

.fa-digg:before {
  content: "\f1a6";
  }

.fa-digital-ocean:before {
  content: "\f391";
  }

.fa-discord:before {
  content: "\f392";
  }

.fa-discourse:before {
  content: "\f393";
  }

.fa-dochub:before {
  content: "\f394";
  }

.fa-docker:before {
  content: "\f395";
  }

.fa-dollar-sign:before {
  content: "\f155";
  }

.fa-dot-circle:before {
  content: "\f192";
  }

.fa-download:before {
  content: "\f019";
  }

.fa-draft2digital:before {
  content: "\f396";
  }

.fa-dribbble:before {
  content: "\f17d";
  }

.fa-dribbble-square:before {
  content: "\f397";
  }

.fa-dropbox:before {
  content: "\f16b";
  }

.fa-drupal:before {
  content: "\f1a9";
  }

.fa-dyalog:before {
  content: "\f399";
  }

.fa-earlybirds:before {
  content: "\f39a";
  }

.fa-edge:before {
  content: "\f282";
  }

.fa-edit:before {
  content: "\f044";
  }

.fa-eject:before {
  content: "\f052";
  }

.fa-elementor:before {
  content: "\f430";
  }

.fa-ellipsis-h:before {
  content: "\f141";
  }

.fa-ellipsis-v:before {
  content: "\f142";
  }

.fa-ember:before {
  content: "\f423";
  }

.fa-empire:before {
  content: "\f1d1";
  }

.fa-envelope:before {
  content: "\f0e0";
  }

.fa-envelope-open:before {
  content: "\f2b6";
  }

.fa-envelope-square:before {
  content: "\f199";
  }

.fa-envira:before {
  content: "\f299";
  }

.fa-eraser:before {
  content: "\f12d";
  }

.fa-erlang:before {
  content: "\f39d";
  }

.fa-ethereum:before {
  content: "\f42e";
  }

.fa-etsy:before {
  content: "\f2d7";
  }

.fa-euro-sign:before {
  content: "\f153";
  }

.fa-exchange-alt:before {
  content: "\f362";
  }

.fa-exclamation:before {
  content: "\f12a";
  }

.fa-exclamation-circle:before {
  content: "\f06a";
  }

.fa-exclamation-triangle:before {
  content: "\f071";
  }

.fa-expand:before {
  content: "\f065";
  }

.fa-expand-arrows-alt:before {
  content: "\f31e";
  }

.fa-expeditedssl:before {
  content: "\f23e";
  }

.fa-external-link-alt:before {
  content: "\f35d";
  }

.fa-external-link-square-alt:before {
  content: "\f360";
  }

.fa-eye:before {
  content: "\f06e";
  }

.fa-eye-dropper:before {
  content: "\f1fb";
  }

.fa-eye-slash:before {
  content: "\f070";
  }

.fa-facebook:before {
  content: "\f09a";
  }

.fa-facebook-f:before {
  content: "\f39e";
  }

.fa-facebook-messenger:before {
  content: "\f39f";
  }

.fa-facebook-square:before {
  content: "\f082";
  }

.fa-fast-backward:before {
  content: "\f049";
  }

.fa-fast-forward:before {
  content: "\f050";
  }

.fa-fax:before {
  content: "\f1ac";
  }

.fa-female:before {
  content: "\f182";
  }

.fa-fighter-jet:before {
  content: "\f0fb";
  }

.fa-file:before {
  content: "\f15b";
  }

.fa-file-alt:before {
  content: "\f15c";
  }

.fa-file-archive:before {
  content: "\f1c6";
  }

.fa-file-audio:before {
  content: "\f1c7";
  }

.fa-file-code:before {
  content: "\f1c9";
  }

.fa-file-excel:before {
  content: "\f1c3";
  }

.fa-file-image:before {
  content: "\f1c5";
  }

.fa-file-pdf:before {
  content: "\f1c1";
  }

.fa-file-powerpoint:before {
  content: "\f1c4";
  }

.fa-file-video:before {
  content: "\f1c8";
  }

.fa-file-word:before {
  content: "\f1c2";
  }

.fa-film:before {
  content: "\f008";
  }

.fa-filter:before {
  content: "\f0b0";
  }

.fa-fire:before {
  content: "\f06d";
  }

.fa-fire-extinguisher:before {
  content: "\f134";
  }

.fa-firefox:before {
  content: "\f269";
  }

.fa-first-order:before {
  content: "\f2b0";
  }

.fa-firstdraft:before {
  content: "\f3a1";
  }

.fa-flag:before {
  content: "\f024";
  }

.fa-flag-checkered:before {
  content: "\f11e";
  }

.fa-flask:before {
  content: "\f0c3";
  }

.fa-flickr:before {
  content: "\f16e";
  }

.fa-flipboard:before {
  content: "\f44d";
  }

.fa-fly:before {
  content: "\f417";
  }

.fa-folder:before {
  content: "\f07b";
  }

.fa-folder-open:before {
  content: "\f07c";
  }

.fa-font:before {
  content: "\f031";
  }

.fa-font-awesome:before {
  content: "\f2b4";
  }

.fa-font-awesome-alt:before {
  content: "\f35c";
  }

.fa-font-awesome-flag:before {
  content: "\f425";
  }

.fa-fonticons:before {
  content: "\f280";
  }

.fa-fonticons-fi:before {
  content: "\f3a2";
  }

.fa-football-ball:before {
  content: "\f44e";
  }

.fa-fort-awesome:before {
  content: "\f286";
  }

.fa-fort-awesome-alt:before {
  content: "\f3a3";
  }

.fa-forumbee:before {
  content: "\f211";
  }

.fa-forward:before {
  content: "\f04e";
  }

.fa-foursquare:before {
  content: "\f180";
  }

.fa-free-code-camp:before {
  content: "\f2c5";
  }

.fa-freebsd:before {
  content: "\f3a4";
  }

.fa-frown:before {
  content: "\f119";
  }

.fa-futbol:before {
  content: "\f1e3";
  }

.fa-gamepad:before {
  content: "\f11b";
  }

.fa-gavel:before {
  content: "\f0e3";
  }

.fa-gem:before {
  content: "\f3a5";
  }

.fa-genderless:before {
  content: "\f22d";
  }

.fa-get-pocket:before {
  content: "\f265";
  }

.fa-gg:before {
  content: "\f260";
  }

.fa-gg-circle:before {
  content: "\f261";
  }

.fa-gift:before {
  content: "\f06b";
  }

.fa-git:before {
  content: "\f1d3";
  }

.fa-git-square:before {
  content: "\f1d2";
  }

.fa-github:before {
  content: "\f09b";
  }

.fa-github-alt:before {
  content: "\f113";
  }

.fa-github-square:before {
  content: "\f092";
  }

.fa-gitkraken:before {
  content: "\f3a6";
  }

.fa-gitlab:before {
  content: "\f296";
  }

.fa-gitter:before {
  content: "\f426";
  }

.fa-glass-martini:before {
  content: "\f000";
  }

.fa-glide:before {
  content: "\f2a5";
  }

.fa-glide-g:before {
  content: "\f2a6";
  }

.fa-globe:before {
  content: "\f0ac";
  }

.fa-gofore:before {
  content: "\f3a7";
  }

.fa-golf-ball:before {
  content: "\f450";
  }

.fa-goodreads:before {
  content: "\f3a8";
  }

.fa-goodreads-g:before {
  content: "\f3a9";
  }

.fa-google:before {
  content: "\f1a0";
  }

.fa-google-drive:before {
  content: "\f3aa";
  }

.fa-google-play:before {
  content: "\f3ab";
  }

.fa-google-plus:before {
  content: "\f2b3";
  }

.fa-google-plus-g:before {
  content: "\f0d5";
  }

.fa-google-plus-square:before {
  content: "\f0d4";
  }

.fa-google-wallet:before {
  content: "\f1ee";
  }

.fa-graduation-cap:before {
  content: "\f19d";
  }

.fa-gratipay:before {
  content: "\f184";
  }

.fa-grav:before {
  content: "\f2d6";
  }

.fa-gripfire:before {
  content: "\f3ac";
  }

.fa-grunt:before {
  content: "\f3ad";
  }

.fa-gulp:before {
  content: "\f3ae";
  }

.fa-h-square:before {
  content: "\f0fd";
  }

.fa-hacker-news:before {
  content: "\f1d4";
  }

.fa-hacker-news-square:before {
  content: "\f3af";
  }

.fa-hand-lizard:before {
  content: "\f258";
  }

.fa-hand-paper:before {
  content: "\f256";
  }

.fa-hand-peace:before {
  content: "\f25b";
  }

.fa-hand-point-down:before {
  content: "\f0a7";
  }

.fa-hand-point-left:before {
  content: "\f0a5";
  }

.fa-hand-point-right:before {
  content: "\f0a4";
  }

.fa-hand-point-up:before {
  content: "\f0a6";
  }

.fa-hand-pointer:before {
  content: "\f25a";
  }

.fa-hand-rock:before {
  content: "\f255";
  }

.fa-hand-scissors:before {
  content: "\f257";
  }

.fa-hand-spock:before {
  content: "\f259";
  }

.fa-handshake:before {
  content: "\f2b5";
  }

.fa-hashtag:before {
  content: "\f292";
  }

.fa-hdd:before {
  content: "\f0a0";
  }

.fa-heading:before {
  content: "\f1dc";
  }

.fa-headphones:before {
  content: "\f025";
  }

.fa-heart:before {
  content: "\f004";
  }

.fa-heartbeat:before {
  content: "\f21e";
  }

.fa-hips:before {
  content: "\f452";
  }

.fa-hire-a-helper:before {
  content: "\f3b0";
  }

.fa-history:before {
  content: "\f1da";
  }

.fa-hockey-puck:before {
  content: "\f453";
  }

.fa-home:before {
  content: "\f015";
  }

.fa-hooli:before {
  content: "\f427";
  }

.fa-hospital:before {
  content: "\f0f8";
  }

.fa-hotjar:before {
  content: "\f3b1";
  }

.fa-hourglass:before {
  content: "\f254";
  }

.fa-hourglass-end:before {
  content: "\f253";
  }

.fa-hourglass-half:before {
  content: "\f252";
  }

.fa-hourglass-start:before {
  content: "\f251";
  }

.fa-houzz:before {
  content: "\f27c";
  }

.fa-html5:before {
  content: "\f13b";
  }

.fa-hubspot:before {
  content: "\f3b2";
  }

.fa-i-cursor:before {
  content: "\f246";
  }

.fa-id-badge:before {
  content: "\f2c1";
  }

.fa-id-card:before {
  content: "\f2c2";
  }

.fa-image:before {
  content: "\f03e";
  }

.fa-images:before {
  content: "\f302";
  }

.fa-imdb:before {
  content: "\f2d8";
  }

.fa-inbox:before {
  content: "\f01c";
  }

.fa-indent:before {
  content: "\f03c";
  }

.fa-industry:before {
  content: "\f275";
  }

.fa-info:before {
  content: "\f129";
  }

.fa-info-circle:before {
  content: "\f05a";
  }

.fa-instagram:before {
  content: "\f16d";
  }

.fa-internet-explorer:before {
  content: "\f26b";
  }

.fa-ioxhost:before {
  content: "\f208";
  }

.fa-italic:before {
  content: "\f033";
  }

.fa-itunes:before {
  content: "\f3b4";
  }

.fa-itunes-note:before {
  content: "\f3b5";
  }

.fa-jenkins:before {
  content: "\f3b6";
  }

.fa-joget:before {
  content: "\f3b7";
  }

.fa-joomla:before {
  content: "\f1aa";
  }

.fa-js:before {
  content: "\f3b8";
  }

.fa-js-square:before {
  content: "\f3b9";
  }

.fa-jsfiddle:before {
  content: "\f1cc";
  }

.fa-key:before {
  content: "\f084";
  }

.fa-keyboard:before {
  content: "\f11c";
  }

.fa-keycdn:before {
  content: "\f3ba";
  }

.fa-kickstarter:before {
  content: "\f3bb";
  }

.fa-kickstarter-k:before {
  content: "\f3bc";
  }

.fa-korvue:before {
  content: "\f42f";
  }

.fa-language:before {
  content: "\f1ab";
  }

.fa-laptop:before {
  content: "\f109";
  }

.fa-laravel:before {
  content: "\f3bd";
  }

.fa-lastfm:before {
  content: "\f202";
  }

.fa-lastfm-square:before {
  content: "\f203";
  }

.fa-leaf:before {
  content: "\f06c";
  }

.fa-leanpub:before {
  content: "\f212";
  }

.fa-lemon:before {
  content: "\f094";
  }

.fa-less:before {
  content: "\f41d";
  }

.fa-level-down-alt:before {
  content: "\f3be";
  }

.fa-level-up-alt:before {
  content: "\f3bf";
  }

.fa-life-ring:before {
  content: "\f1cd";
  }

.fa-lightbulb:before {
  content: "\f0eb";
  }

.fa-line:before {
  content: "\f3c0";
  }

.fa-link:before {
  content: "\f0c1";
  }

.fa-linkedin:before {
  content: "\f08c";
  }

.fa-linkedin-in:before {
  content: "\f0e1";
  }

.fa-linode:before {
  content: "\f2b8";
  }

.fa-linux:before {
  content: "\f17c";
  }

.fa-lira-sign:before {
  content: "\f195";
  }

.fa-list:before {
  content: "\f03a";
  }

.fa-list-alt:before {
  content: "\f022";
  }

.fa-list-ol:before {
  content: "\f0cb";
  }

.fa-list-ul:before {
  content: "\f0ca";
  }

.fa-location-arrow:before {
  content: "\f124";
  }

.fa-lock:before {
  content: "\f023";
  }

.fa-lock-open:before {
  content: "\f3c1";
  }

.fa-long-arrow-alt-down:before {
  content: "\f309";
  }

.fa-long-arrow-alt-left:before {
  content: "\f30a";
  }

.fa-long-arrow-alt-right:before {
  content: "\f30b";
  }

.fa-long-arrow-alt-up:before {
  content: "\f30c";
  }

.fa-low-vision:before {
  content: "\f2a8";
  }

.fa-lyft:before {
  content: "\f3c3";
  }

.fa-magento:before {
  content: "\f3c4";
  }

.fa-magic:before {
  content: "\f0d0";
  }

.fa-magnet:before {
  content: "\f076";
  }

.fa-male:before {
  content: "\f183";
  }

.fa-map:before {
  content: "\f279";
  }

.fa-map-marker:before {
  content: "\f041";
  }

.fa-map-marker-alt:before {
  content: "\f3c5";
  }

.fa-map-pin:before {
  content: "\f276";
  }

.fa-map-signs:before {
  content: "\f277";
  }

.fa-mars:before {
  content: "\f222";
  }

.fa-mars-double:before {
  content: "\f227";
  }

.fa-mars-stroke:before {
  content: "\f229";
  }

.fa-mars-stroke-h:before {
  content: "\f22b";
  }

.fa-mars-stroke-v:before {
  content: "\f22a";
  }

.fa-maxcdn:before {
  content: "\f136";
  }

.fa-medapps:before {
  content: "\f3c6";
  }

.fa-medium:before {
  content: "\f23a";
  }

.fa-medium-m:before {
  content: "\f3c7";
  }

.fa-medkit:before {
  content: "\f0fa";
  }

.fa-medrt:before {
  content: "\f3c8";
  }

.fa-meetup:before {
  content: "\f2e0";
  }

.fa-meh:before {
  content: "\f11a";
  }

.fa-mercury:before {
  content: "\f223";
  }

.fa-microchip:before {
  content: "\f2db";
  }

.fa-microphone:before {
  content: "\f130";
  }

.fa-microphone-slash:before {
  content: "\f131";
  }

.fa-microsoft:before {
  content: "\f3ca";
  }

.fa-minus:before {
  content: "\f068";
  }

.fa-minus-circle:before {
  content: "\f056";
  }

.fa-minus-square:before {
  content: "\f146";
  }

.fa-mix:before {
  content: "\f3cb";
  }

.fa-mixcloud:before {
  content: "\f289";
  }

.fa-mizuni:before {
  content: "\f3cc";
  }

.fa-mobile:before {
  content: "\f10b";
  }

.fa-mobile-alt:before {
  content: "\f3cd";
  }

.fa-modx:before {
  content: "\f285";
  }

.fa-monero:before {
  content: "\f3d0";
  }

.fa-money-bill-alt:before {
  content: "\f3d1";
  }

.fa-moon:before {
  content: "\f186";
  }

.fa-motorcycle:before {
  content: "\f21c";
  }

.fa-mouse-pointer:before {
  content: "\f245";
  }

.fa-music:before {
  content: "\f001";
  }

.fa-napster:before {
  content: "\f3d2";
  }

.fa-neuter:before {
  content: "\f22c";
  }

.fa-newspaper:before {
  content: "\f1ea";
  }

.fa-nintendo-switch:before {
  content: "\f418";
  }

.fa-node:before {
  content: "\f419";
  }

.fa-node-js:before {
  content: "\f3d3";
  }

.fa-npm:before {
  content: "\f3d4";
  }

.fa-ns8:before {
  content: "\f3d5";
  }

.fa-nutritionix:before {
  content: "\f3d6";
  }

.fa-object-group:before {
  content: "\f247";
  }

.fa-object-ungroup:before {
  content: "\f248";
  }

.fa-odnoklassniki:before {
  content: "\f263";
  }

.fa-odnoklassniki-square:before {
  content: "\f264";
  }

.fa-opencart:before {
  content: "\f23d";
  }

.fa-openid:before {
  content: "\f19b";
  }

.fa-opera:before {
  content: "\f26a";
  }

.fa-optin-monster:before {
  content: "\f23c";
  }

.fa-osi:before {
  content: "\f41a";
  }

.fa-outdent:before {
  content: "\f03b";
  }

.fa-page4:before {
  content: "\f3d7";
  }

.fa-pagelines:before {
  content: "\f18c";
  }

.fa-paint-brush:before {
  content: "\f1fc";
  }

.fa-palfed:before {
  content: "\f3d8";
  }

.fa-paper-plane:before {
  content: "\f1d8";
  }

.fa-paperclip:before {
  content: "\f0c6";
  }

.fa-paragraph:before {
  content: "\f1dd";
  }

.fa-paste:before {
  content: "\f0ea";
  }

.fa-patreon:before {
  content: "\f3d9";
  }

.fa-pause:before {
  content: "\f04c";
  }

.fa-pause-circle:before {
  content: "\f28b";
  }

.fa-paw:before {
  content: "\f1b0";
  }

.fa-paypal:before {
  content: "\f1ed";
  }

.fa-pen-square:before {
  content: "\f14b";
  }

.fa-pencil-alt:before {
  content: "\f303";
  }

.fa-percent:before {
  content: "\f295";
  }

.fa-periscope:before {
  content: "\f3da";
  }

.fa-phabricator:before {
  content: "\f3db";
  }

.fa-phoenix-framework:before {
  content: "\f3dc";
  }

.fa-phone:before {
  content: "\f095";
  }

.fa-phone-square:before {
  content: "\f098";
  }

.fa-phone-volume:before {
  content: "\f2a0";
  }

.fa-php:before {
  content: "\f457";
  }

.fa-pied-piper:before {
  content: "\f2ae";
  }

.fa-pied-piper-alt:before {
  content: "\f1a8";
  }

.fa-pied-piper-pp:before {
  content: "\f1a7";
  }

.fa-pinterest:before {
  content: "\f0d2";
  }

.fa-pinterest-p:before {
  content: "\f231";
  }

.fa-pinterest-square:before {
  content: "\f0d3";
  }

.fa-plane:before {
  content: "\f072";
  }

.fa-play:before {
  content: "\f04b";
  }

.fa-play-circle:before {
  content: "\f144";
  }

.fa-playstation:before {
  content: "\f3df";
  }

.fa-plug:before {
  content: "\f1e6";
  }

.fa-plus:before {
  content: "\f067";
  }

.fa-plus-circle:before {
  content: "\f055";
  }

.fa-plus-square:before {
  content: "\f0fe";
  }

.fa-podcast:before {
  content: "\f2ce";
  }

.fa-pound-sign:before {
  content: "\f154";
  }

.fa-power-off:before {
  content: "\f011";
  }

.fa-print:before {
  content: "\f02f";
  }

.fa-product-hunt:before {
  content: "\f288";
  }

.fa-pushed:before {
  content: "\f3e1";
  }

.fa-puzzle-piece:before {
  content: "\f12e";
  }

.fa-python:before {
  content: "\f3e2";
  }

.fa-qq:before {
  content: "\f1d6";
  }

.fa-qrcode:before {
  content: "\f029";
  }

.fa-question:before {
  content: "\f128";
  }

.fa-question-circle:before {
  content: "\f059";
  }

.fa-quidditch:before {
  content: "\f458";
  }

.fa-quinscape:before {
  content: "\f459";
  }

.fa-quora:before {
  content: "\f2c4";
  }

.fa-quote-left:before {
  content: "\f10d";
  }

.fa-quote-right:before {
  content: "\f10e";
  }

.fa-random:before {
  content: "\f074";
  }

.fa-ravelry:before {
  content: "\f2d9";
  }

.fa-react:before {
  content: "\f41b";
  }

.fa-rebel:before {
  content: "\f1d0";
  }

.fa-recycle:before {
  content: "\f1b8";
  }

.fa-red-river:before {
  content: "\f3e3";
  }

.fa-reddit:before {
  content: "\f1a1";
  }

.fa-reddit-alien:before {
  content: "\f281";
  }

.fa-reddit-square:before {
  content: "\f1a2";
  }

.fa-redo:before {
  content: "\f01e";
  }

.fa-redo-alt:before {
  content: "\f2f9";
  }

.fa-registered:before {
  content: "\f25d";
  }

.fa-rendact:before {
  content: "\f3e4";
  }

.fa-renren:before {
  content: "\f18b";
  }

.fa-reply:before {
  content: "\f3e5";
  }

.fa-reply-all:before {
  content: "\f122";
  }

.fa-replyd:before {
  content: "\f3e6";
  }

.fa-resolving:before {
  content: "\f3e7";
  }

.fa-retweet:before {
  content: "\f079";
  }

.fa-road:before {
  content: "\f018";
  }

.fa-rocket:before {
  content: "\f135";
  }

.fa-rocketchat:before {
  content: "\f3e8";
  }

.fa-rockrms:before {
  content: "\f3e9";
  }

.fa-rss:before {
  content: "\f09e";
  }

.fa-rss-square:before {
  content: "\f143";
  }

.fa-ruble-sign:before {
  content: "\f158";
  }

.fa-rupee-sign:before {
  content: "\f156";
  }

.fa-safari:before {
  content: "\f267";
  }

.fa-sass:before {
  content: "\f41e";
  }

.fa-save:before {
  content: "\f0c7";
  }

.fa-schlix:before {
  content: "\f3ea";
  }

.fa-scribd:before {
  content: "\f28a";
  }

.fa-search:before {
  content: "\f002";
  }

.fa-search-minus:before {
  content: "\f010";
  }

.fa-search-plus:before {
  content: "\f00e";
  }

.fa-searchengin:before {
  content: "\f3eb";
  }

.fa-sellcast:before {
  content: "\f2da";
  }

.fa-sellsy:before {
  content: "\f213";
  }

.fa-server:before {
  content: "\f233";
  }

.fa-servicestack:before {
  content: "\f3ec";
  }

.fa-share:before {
  content: "\f064";
  }

.fa-share-alt:before {
  content: "\f1e0";
  }

.fa-share-alt-square:before {
  content: "\f1e1";
  }

.fa-share-square:before {
  content: "\f14d";
  }

.fa-shekel-sign:before {
  content: "\f20b";
  }

.fa-shield-alt:before {
  content: "\f3ed";
  }

.fa-ship:before {
  content: "\f21a";
  }

.fa-shirtsinbulk:before {
  content: "\f214";
  }

.fa-shopping-bag:before {
  content: "\f290";
  }

.fa-shopping-basket:before {
  content: "\f291";
  }

.fa-shopping-cart:before {
  content: "\f07a";
  }

.fa-shower:before {
  content: "\f2cc";
  }

.fa-sign-in-alt:before {
  content: "\f2f6";
  }

.fa-sign-language:before {
  content: "\f2a7";
  }

.fa-sign-out-alt:before {
  content: "\f2f5";
  }

.fa-signal:before {
  content: "\f012";
  }

.fa-simplybuilt:before {
  content: "\f215";
  }

.fa-sistrix:before {
  content: "\f3ee";
  }

.fa-sitemap:before {
  content: "\f0e8";
  }

.fa-skyatlas:before {
  content: "\f216";
  }

.fa-skype:before {
  content: "\f17e";
  }

.fa-slack:before {
  content: "\f198";
  }

.fa-slack-hash:before {
  content: "\f3ef";
  }

.fa-sliders-h:before {
  content: "\f1de";
  }

.fa-slideshare:before {
  content: "\f1e7";
  }

.fa-smile:before {
  content: "\f118";
  }

.fa-snapchat:before {
  content: "\f2ab";
  }

.fa-snapchat-ghost:before {
  content: "\f2ac";
  }

.fa-snapchat-square:before {
  content: "\f2ad";
  }

.fa-snowflake:before {
  content: "\f2dc";
  }

.fa-sort:before {
  content: "\f0dc";
  }

.fa-sort-alpha-down:before {
  content: "\f15d";
  }

.fa-sort-alpha-up:before {
  content: "\f15e";
  }

.fa-sort-amount-down:before {
  content: "\f160";
  }

.fa-sort-amount-up:before {
  content: "\f161";
  }

.fa-sort-down:before {
  content: "\f0dd";
  }

.fa-sort-numeric-down:before {
  content: "\f162";
  }

.fa-sort-numeric-up:before {
  content: "\f163";
  }

.fa-sort-up:before {
  content: "\f0de";
  }

.fa-soundcloud:before {
  content: "\f1be";
  }

.fa-space-shuttle:before {
  content: "\f197";
  }

.fa-speakap:before {
  content: "\f3f3";
  }

.fa-spinner:before {
  content: "\f110";
  }

.fa-spotify:before {
  content: "\f1bc";
  }

.fa-square:before {
  content: "\f0c8";
  }

.fa-square-full:before {
  content: "\f45c";
  }

.fa-stack-exchange:before {
  content: "\f18d";
  }

.fa-stack-overflow:before {
  content: "\f16c";
  }

.fa-star:before {
  content: "\f005";
  }

.fa-star-half:before {
  content: "\f089";
  }

.fa-staylinked:before {
  content: "\f3f5";
  }

.fa-steam:before {
  content: "\f1b6";
  }

.fa-steam-square:before {
  content: "\f1b7";
  }

.fa-steam-symbol:before {
  content: "\f3f6";
  }

.fa-step-backward:before {
  content: "\f048";
  }

.fa-step-forward:before {
  content: "\f051";
  }

.fa-stethoscope:before {
  content: "\f0f1";
  }

.fa-sticker-mule:before {
  content: "\f3f7";
  }

.fa-sticky-note:before {
  content: "\f249";
  }

.fa-stop:before {
  content: "\f04d";
  }

.fa-stop-circle:before {
  content: "\f28d";
  }

.fa-stopwatch:before {
  content: "\f2f2";
  }

.fa-strava:before {
  content: "\f428";
  }

.fa-street-view:before {
  content: "\f21d";
  }

.fa-strikethrough:before {
  content: "\f0cc";
  }

.fa-stripe:before {
  content: "\f429";
  }

.fa-stripe-s:before {
  content: "\f42a";
  }

.fa-studiovinari:before {
  content: "\f3f8";
  }

.fa-stumbleupon:before {
  content: "\f1a4";
  }

.fa-stumbleupon-circle:before {
  content: "\f1a3";
  }

.fa-subscript:before {
  content: "\f12c";
  }

.fa-subway:before {
  content: "\f239";
  }

.fa-suitcase:before {
  content: "\f0f2";
  }

.fa-sun:before {
  content: "\f185";
  }

.fa-superpowers:before {
  content: "\f2dd";
  }

.fa-superscript:before {
  content: "\f12b";
  }

.fa-supple:before {
  content: "\f3f9";
  }

.fa-sync:before {
  content: "\f021";
  }

.fa-sync-alt:before {
  content: "\f2f1";
  }

.fa-table:before {
  content: "\f0ce";
  }

.fa-table-tennis:before {
  content: "\f45d";
  }

.fa-tablet:before {
  content: "\f10a";
  }

.fa-tablet-alt:before {
  content: "\f3fa";
  }

.fa-tachometer-alt:before {
  content: "\f3fd";
  }

.fa-tag:before {
  content: "\f02b";
  }

.fa-tags:before {
  content: "\f02c";
  }

.fa-tasks:before {
  content: "\f0ae";
  }

.fa-taxi:before {
  content: "\f1ba";
  }

.fa-telegram:before {
  content: "\f2c6";
  }

.fa-telegram-plane:before {
  content: "\f3fe";
  }

.fa-tencent-weibo:before {
  content: "\f1d5";
  }

.fa-terminal:before {
  content: "\f120";
  }

.fa-text-height:before {
  content: "\f034";
  }

.fa-text-width:before {
  content: "\f035";
  }

.fa-th:before {
  content: "\f00a";
  }

.fa-th-large:before {
  content: "\f009";
  }

.fa-th-list:before {
  content: "\f00b";
  }

.fa-themeisle:before {
  content: "\f2b2";
  }

.fa-thermometer-empty:before {
  content: "\f2cb";
  }

.fa-thermometer-full:before {
  content: "\f2c7";
  }

.fa-thermometer-half:before {
  content: "\f2c9";
  }

.fa-thermometer-quarter:before {
  content: "\f2ca";
  }

.fa-thermometer-three-quarters:before {
  content: "\f2c8";
  }

.fa-thumbs-down:before {
  content: "\f165";
  }

.fa-thumbs-up:before {
  content: "\f164";
  }

.fa-thumbtack:before {
  content: "\f08d";
  }

.fa-ticket-alt:before {
  content: "\f3ff";
  }

.fa-times:before {
  content: "\f00d";
  }

.fa-times-circle:before {
  content: "\f057";
  }

.fa-tint:before {
  content: "\f043";
  }

.fa-toggle-off:before {
  content: "\f204";
  }

.fa-toggle-on:before {
  content: "\f205";
  }

.fa-trademark:before {
  content: "\f25c";
  }

.fa-train:before {
  content: "\f238";
  }

.fa-transgender:before {
  content: "\f224";
  }

.fa-transgender-alt:before {
  content: "\f225";
  }

.fa-trash:before {
  content: "\f1f8";
  }

.fa-trash-alt:before {
  content: "\f2ed";
  }

.fa-tree:before {
  content: "\f1bb";
  }

.fa-trello:before {
  content: "\f181";
  }

.fa-tripadvisor:before {
  content: "\f262";
  }

.fa-trophy:before {
  content: "\f091";
  }

.fa-truck:before {
  content: "\f0d1";
  }

.fa-tty:before {
  content: "\f1e4";
  }

.fa-tumblr:before {
  content: "\f173";
  }

.fa-tumblr-square:before {
  content: "\f174";
  }

.fa-tv:before {
  content: "\f26c";
  }

.fa-twitch:before {
  content: "\f1e8";
  }

.fa-twitter:before {
  content: "\f099";
  }

.fa-twitter-square:before {
  content: "\f081";
  }

.fa-typo3:before {
  content: "\f42b";
  }

.fa-uber:before {
  content: "\f402";
  }

.fa-uikit:before {
  content: "\f403";
  }

.fa-umbrella:before {
  content: "\f0e9";
  }

.fa-underline:before {
  content: "\f0cd";
  }

.fa-undo:before {
  content: "\f0e2";
  }

.fa-undo-alt:before {
  content: "\f2ea";
  }

.fa-uniregistry:before {
  content: "\f404";
  }

.fa-universal-access:before {
  content: "\f29a";
  }

.fa-university:before {
  content: "\f19c";
  }

.fa-unlink:before {
  content: "\f127";
  }

.fa-unlock:before {
  content: "\f09c";
  }

.fa-unlock-alt:before {
  content: "\f13e";
  }

.fa-untappd:before {
  content: "\f405";
  }

.fa-upload:before {
  content: "\f093";
  }

.fa-usb:before {
  content: "\f287";
  }

.fa-user:before {
  content: "\f007";
  }

.fa-user-circle:before {
  content: "\f2bd";
  }

.fa-user-md:before {
  content: "\f0f0";
  }

.fa-user-plus:before {
  content: "\f234";
  }

.fa-user-secret:before {
  content: "\f21b";
  }

.fa-user-times:before {
  content: "\f235";
  }

.fa-users:before {
  content: "\f0c0";
  }

.fa-ussunnah:before {
  content: "\f407";
  }

.fa-utensil-spoon:before {
  content: "\f2e5";
  }

.fa-utensils:before {
  content: "\f2e7";
  }

.fa-vaadin:before {
  content: "\f408";
  }

.fa-venus:before {
  content: "\f221";
  }

.fa-venus-double:before {
  content: "\f226";
  }

.fa-venus-mars:before {
  content: "\f228";
  }

.fa-viacoin:before {
  content: "\f237";
  }

.fa-viadeo:before {
  content: "\f2a9";
  }

.fa-viadeo-square:before {
  content: "\f2aa";
  }

.fa-viber:before {
  content: "\f409";
  }

.fa-video:before {
  content: "\f03d";
  }

.fa-vimeo:before {
  content: "\f40a";
  }

.fa-vimeo-square:before {
  content: "\f194";
  }

.fa-vimeo-v:before {
  content: "\f27d";
  }

.fa-vine:before {
  content: "\f1ca";
  }

.fa-vk:before {
  content: "\f189";
  }

.fa-vnv:before {
  content: "\f40b";
  }

.fa-volleyball-ball:before {
  content: "\f45f";
  }

.fa-volume-down:before {
  content: "\f027";
  }

.fa-volume-off:before {
  content: "\f026";
  }

.fa-volume-up:before {
  content: "\f028";
  }

.fa-vuejs:before {
  content: "\f41f";
  }

.fa-weibo:before {
  content: "\f18a";
  }

.fa-weixin:before {
  content: "\f1d7";
  }

.fa-whatsapp:before {
  content: "\f232";
  }

.fa-whatsapp-square:before {
  content: "\f40c";
  }

.fa-wheelchair:before {
  content: "\f193";
  }

.fa-whmcs:before {
  content: "\f40d";
  }

.fa-wifi:before {
  content: "\f1eb";
  }

.fa-wikipedia-w:before {
  content: "\f266";
  }

.fa-window-close:before {
  content: "\f410";
  }

.fa-window-maximize:before {
  content: "\f2d0";
  }

.fa-window-minimize:before {
  content: "\f2d1";
  }

.fa-window-restore:before {
  content: "\f2d2";
  }

.fa-windows:before {
  content: "\f17a";
  }

.fa-won-sign:before {
  content: "\f159";
  }

.fa-wordpress:before {
  content: "\f19a";
  }

.fa-wordpress-simple:before {
  content: "\f411";
  }

.fa-wpbeginner:before {
  content: "\f297";
  }

.fa-wpexplorer:before {
  content: "\f2de";
  }

.fa-wpforms:before {
  content: "\f298";
  }

.fa-wrench:before {
  content: "\f0ad";
  }

.fa-xbox:before {
  content: "\f412";
  }

.fa-xing:before {
  content: "\f168";
  }

.fa-xing-square:before {
  content: "\f169";
  }

.fa-y-combinator:before {
  content: "\f23b";
  }

.fa-yahoo:before {
  content: "\f19e";
  }

.fa-yandex:before {
  content: "\f413";
  }

.fa-yandex-international:before {
  content: "\f414";
  }

.fa-yelp:before {
  content: "\f1e9";
  }

.fa-yen-sign:before {
  content: "\f157";
  }

.fa-yoast:before {
  content: "\f2b1";
  }

.fa-youtube:before {
  content: "\f167";
  }

.fa-youtube-square:before {
  content: "\f431";
  }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);

  border: 0;
  }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;

  clip: auto;
  }

/*!
 * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;

  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
  }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  }

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;

  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
  }

.fab {
  font-family: 'Font Awesome 5 Brands';
  }

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
   -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  }

.slick-list {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  }

.slick-list:focus {
  outline: none;
  }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
  }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  }

.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
  }

.slick-track:after {
  clear: both;
  }

.slick-loading .slick-track {
  visibility: hidden;
  }

.slick-slide {
  display: none;

  float: left;
  height: 100%;
  min-height: 1px;
  }

[dir="rtl"] .slick-slide {
  float: right;
  }

.slick-slide img {
  display: block;
  }

.slick-slide.slick-loading img {
  display: none;
  }

.slick-slide.dragging img {
  pointer-events: none;
  }

.slick-initialized .slick-slide {
  display: block;
  }

.slick-loading .slick-slide {
  visibility: hidden;
  }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
  }

.slick-arrow.slick-hidden {
  display: none;
  }

/* Slider */

.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat;
  }

/* Icons */

@font-face {
  font-family: "slick";
  font-style: normal;
  font-weight: normal;

  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  }

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  background: transparent;

  outline: none;
  }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
  }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
  }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #0a3d9a;
  opacity: .75;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

.slick-prev {
  left: -25px;
  }

[dir="rtl"] .slick-prev {
  right: -25px;

  left: auto;
  }

.slick-prev:before {
  content: "←";
  }

[dir="rtl"] .slick-prev:before {
  content: "→";
  }

.slick-next {
  right: -25px;
  }

[dir="rtl"] .slick-next {
  right: auto;

  left: -25px;
  }

.slick-next:before {
  content: "→";
  }

[dir="rtl"] .slick-next:before {
  content: "←";
  }

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
  }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 5px;
  cursor: pointer;
  }

.slick-dots li button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  background: transparent;

  border: 0;
  outline: none;
  }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
  }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  color: black;
  text-align: center;
  content: "•";
  opacity: .25;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: .75;
  }

.c-button,
.c-form__file-set label {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 70px 20px 50px;
  font-size: 2.0rem;
  color: white;

  text-align: center;
  cursor: pointer;
  background: #0a3d9a;
  border: none;
  }

.c-button::after,
.c-form__file-set label::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  font-family: "Font Awesome 5 Free";
  font-size: 1.2rem;
  line-height: 1;
  color: white;

  content: "\f105";
  background: rgba(0, 0, 0, .5);
  border-radius: 50%;
  }

.club .p-category__theme_contents .c-button{
  width: 90%;
  margin: 0 auto 29px auto;
  border-bottom:  5px solid #07317e;
}

.c-button.is-red,
.c-form__file-set label.is-red {
  background: #da063e;
  }

.c-button.is-orange,
.c-form__file-set label.is-orange {
  background: #c0a15a;
  }

.c-button.is-tw,
.c-form__file-set label.is-tw {
  background: #55acee;
  }

.c-button.is-fb,
.c-form__file-set label.is-fb {
  background: #3b5998;
  }

.c-button.is-blue,
.c-form__file-set label.is-blue {
  background: #222955;
  }

.c-form {
  margin: 50px 0;
  }

.c-form ::-moz-selection {
  color: #999;
  background: #eee;
  }

.c-form ::selection {
  color: #999;
  background: #eee;
  }

.c-form ::-moz-selection {
  color: #999;
  background: #eee;
  }

* + .c-form {
  margin-top: 20px;
  }

.c-form__label {
  display: block;
  margin-bottom: 10px;
  font-size: 2.0rem;
  line-height: 1.5;
  color: #0a3d9a;
  }

.c-form__text {
  display: block;
  width: 100%;

  -webkit-appearance: none;
  padding: 13px;
  font-size: 2.0rem;
  line-height: 1.5;
  background: white;
  border: 2px solid #d7dde8;

     -moz-appearance: none;
          appearance: none;
  }

.c-form__textarea {
  display: block;
  width: 100%;

  -webkit-appearance: none;
  padding: 13px;
  font-size: 2.0rem;
  line-height: 1.5;
  background: white;
  border: 2px solid #d7dde8;

     -moz-appearance: none;
          appearance: none;
  }

.c-form__radio-set {
  display: inline-block;
  line-height: 20px;
  }

.c-form__radio-set label {
  font-weight: normal;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  }

.c-form__radio-set input[type="radio"] {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;

  -webkit-appearance: none;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  background: white;
  border: 1px solid #d7dde8;
  border-radius: 10px;

     -moz-appearance: none;
          appearance: none;
  }

.c-form__radio-set input[type="radio"]:checked::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 10px;
  height: 10px;

  content: "";
  background: #0a3d9a;
  border-radius: 5px;
  }

.c-form__checkbox-set {
  display: inline-block;
  -webkit-appearance: none;

     -moz-appearance: none;
          appearance: none;
  }

.c-form__checkbox-set label {
  position: relative;

  display: block;
  padding: 20px 60px;
  font-size: 2.4rem;
  font-weight: normal;
  color: white;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #0a3d9a;
  }

.c-form__checkbox-set label::before {
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;

  content: "";
  background: white;
  border-radius: 4px;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, .3) inset;
  }

.c-form__checkbox-set.is-tw label {
  background: #55acee;
  }

.c-form__checkbox-set.is-fb label {
  background: #3b5998;
  }

.c-form__checkbox-set input[type="checkbox"] {
  display: none;
  }

.c-form__checkbox-set input[type="checkbox"]:checked + label::after {
  position: absolute;
  top: 50%;
  left: 25px;
  display: block;
  width: 20px;
  height: 10px;
  margin-top: -7px;
  content: "";
  border-bottom: 4px solid #0a3d9a;
  border-left: 4px solid #0a3d9a;

  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  }

.c-form__file-set input[type="file"] {
  display: none;
  }

.c-form-file-name {
  padding: 10px;
  margin-top: 10px;

  text-align: center;
  background: #f4f8fd;
  }

.c-form__error {
  padding: 20px;
  margin: 20px 0;
  background: white;

  border: 3px solid #ea5550;
  }

.c-form__error-item {
  color: #ea5550;
  }

.c-form__error-item:not(:first-of-type) {
  margin-top: 10px;
  }

.c-form__required {
  display: inline-block;
  padding: 5px;
  margin-left: 10px;
  font-size: calc(1em - 10px);
  color: #ea5550;

  background: white;
  }

.c-form__caption {
  margin-top: 10px;

  font-size: 1.6rem;
  }

.c-form__attention {
  margin-top: 10px;

  font-size: 1.2rem;
  color: #ea5550;
  }

.c-link-hover {
  display: block;
  }

.c-modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;

  display: none;
  width: 100%;
  height: 100%;
  }

.c-modal {
  position: absolute;
  top: 0;
  margin-top: 0;
  background: white;

  border-radius: 10px;
  opacity: 0;
  transition: opacity .5s ease-out, top .5s ease-out, margin-top .5s ease-out;
  }

.c-modal__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: opacity .5s ease-out;
  }

.c-modal__head {
  position: relative;
  height: 70px;
  padding: 20px;
  }

.c-modal__head-close {
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/menu_icon_close.png) no-repeat center;
  background-size: 30px;
  }

.c-modal__body {
  padding: 20px 60px 60px;
  }

.c-modal__title {
  margin-bottom: 40px;

  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  }

.c-modal__title:not(:first-of-type) {
  margin-top: 60px;
  }

.c-modal__warning{
    margin-bottom: 40px;
  }
  .c-modal__warning dt,
  .c-modal__warning dd{
    text-align: center;
    font-size: 12px;
    color: #ff0000;
  }

.c-modal__link-item:not(:first-of-type) {
  margin-top: 20px;
  }

.c-modal__link-button {
  display: block;
  font-size: 2.4rem;
  line-height: 50px;
  color: white;
  text-align: center;
  border-radius: 20px;
  }

.c-modal__link-button img {
  width: auto;

  height: 30px;
  margin: 10px 5px 10px 0;
  }

.c-modal__link-button i {
  margin-right: 5px;
  font-size: 3.0rem;
  }

.c-modal__link-button.is-twitter {
  background-color: #55acee;
  }

.c-modal__link-button.is-fb {
  background-color: #3b5998;
  }

.c-modal__link-button.is-insta {
  background-color: #b4436b;
  }

.c-modal__link-button.is-line {
  background-color: #00c300;
  }

.c-modal__link-button.is-mail {
  color: #898989;

  background: white;
  border: 1px solid #898989;
  }

.c-modal__link-button.is-member {
  background: #da063e;
  }

.c-title__page-wrap {
  padding: 140px 0 100px;
  color: white;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, .3);

  background: url(../images/page_title_bg.jpg) no-repeat center;
  background-size: cover;
  }

.c-title__page-wrap_archive {
  background: url(../images/page_title_bg2.jpg) no-repeat center;
  background-size: cover;
  }

.c-title__page-wrap_archive2 {
  padding: 100px 0;
  background: url(../images/page_title_bg2.jpg) no-repeat center;
  background-size: cover;
  }

.c-title__page {
  font-size: 5.0rem;
  line-height: 1;
  }

.c-title__page-name {
  margin-top: 30px;

  font-size: 2.4rem;
  line-height: 1;
  }

.c-title__page-name2 {
  margin-bottom: 20px;
  font-size: 2.4rem;
  line-height: 1;
  }

.c-title__page-eng {
  margin-top: 30px;
  font-family: "Sawarabi Mincho";

  font-size: 1.8rem;
  line-height: 1;
  }

.c-title__l {
  padding: 0 0 60px;
  margin-bottom: 30px;
  font-size: 4.0rem;
  line-height: 1;
  color: #0a3d9a;
  text-align: center;
  background: url(../images/title_icon.png) no-repeat bottom center;
  }

.c-title__l span {
  display: block;
  margin-top: 20px;
  font-family: "Sawarabi Mincho";
  font-size: 1.4rem;
  line-height: 1;

  color: #da063e;
  }

.c-title__l.is-gold {
  color: white;
  background: url(../images/title_icon_gold.png) no-repeat bottom center;
  }

.c-title__l.is-gold span {
  color: white;
  }

.c-title__m {
  margin: 40px 0;

  font-size: 3.0rem;
  color: #0a3d9a;
  text-align: center;
  }

.c-projects {
  margin-top: 60px;
  }

.c-project {
  position: relative;
  }

.c-project__img {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  }

.c-project__img img {
  width: 100%;
  vertical-align: bottom;
  }

.c-project__contents {
  padding: 20px;
  overflow: hidden;
  color: white;

  background: #0a0e59;
  border-radius: 0 0 20px 20px;
  }

.c-project__title {
  font-size: 3.0rem;
  line-height: 1;

  text-align: center;
  }

.c-project__team {
  margin: 10px 0 20px;
  font-size: 2.4rem;
  line-height: 1.5;

  text-align: center;
  }

.c-project__team span {
  display: block;
  font-family: "Sawarabi Mincho";

  font-size: 1.8rem;
  color: #c0a15a;
  }

.c-project__text {
  margin: 20px 10px;
  font-size: 1.4rem;
  }

.c-project__btn .c-button,
.c-project__btn .c-form__file-set label,
.c-form__file-set .c-project__btn label {
  padding: 10px;
  font-family: "Sawarabi Mincho";

  font-size: 1.6rem;
  }

.c-past__btn {
  max-width: 540px;
  margin: 40px auto 0;
  }

.c-past__btn_center {
  max-width: 435px;
  margin: 40px auto 0;
  }

.c-back__btn {
  max-width: 256px;
  margin: 0 auto 115px;
  }

.c-back__btn2 {
  max-width: 256px;
  margin: 40px auto 0;
  font-size: 1.8rem;
  }

.c-past__btn .c-button,
.c-back__btn .c-button {
  font-size: 1.8rem;
  }

.c-project__state {
  display: table;
  width: 100%;
  padding: 20px;
  color: white;

  background: rgba(255, 255, 255, .2);
  }

.c-project__state-title {
  display: table-cell;
  padding-right: 20px;
  font-size: 1.8rem;
  text-align: center;

  vertical-align: middle;
  }

.c-project__state-icon {
  display: table-cell;
  width: 120px;
  height: 70px;
  text-align: center;
  }

.c-resent__box-wrap {
  padding: 70px;
  background: white;
  }

.c-resent__box-wrap.is-shadow {
  box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
  }

.c-resent__box,
.c-resent__boxInWrap {
  display: none;
  }
.c-resent__box.is-select,
.c-resent__boxInWrap.is-select,
.club .is-select .c-resent__box{
  display: block;
}

.club .c-resent__box-wrap{
  padding: 0;
  background-color:transparent;
}
.club .c-resent__box{
  padding: 20px;
  background-color: #fff;
}
.club #resent1.is-select .c-resent__box{
  background-color: #07317e;
}
.c-resent {
  max-height: 1000px;
  overflow-x: hidden;
  overflow-y: scroll;
  }

.c-resent__item {
  padding: 30px;

  background: #f4f8fd;
  }

.c-resent__item:not(:first-of-type) {
  margin-top: 20px;
  }

.c-resent__head {
  position: relative;

  display: table;
  width: 100%;
  }

.c-resent__head-icon {
  display: table-cell;
  width: 50px;
  }

.c-resent__head-icon img {
  width: 100%;
  }

.c-resent__head-text {
  display: table-cell;
  padding: 1px 0 1px 20px;
  vertical-align: middle;
  }

.c-resent__head-name {
  font-size: 2.4rem;
  color: #0a3d9a;
  }

.c-resent__head-date {
  margin-top: 10px;
  font-size: 1.4rem;

  color: #808080;
  }

.c-resent__title {
  margin-top: 10px;

  font-size: 2.4rem;
  color: #0a3d9a;
  }

.c-resent__text {
  margin-top: 10px;
  font-size: 1.8rem;
  }

.c-resent__img {
  margin-top: 10px;
  }

.c-resent__img img {
  max-width: 100%;
  }

/* タブのデフォルトCSS */
.c-resent__nav{
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
.c-resent__nav-item {
  align-items: center;
  padding: 20px 0 25px;
  font-size: 2.0rem;
  line-height: 1.2;
  color: #0a3d9a;
  text-align: center;
  background: #f4f8fd;
  border-top: 5px solid #f4f8fd;
  }

.c-resent__nav-item.is-select {
  background: white;
  border-color: #da063e;
  }

/* クラブ沸騰チーム 投稿テーマ　デフォルト CSS  */
.club .c-resent__nav-item {
  position: relative;
  padding: 20px 0 34px;
  /* line-height: 36px; */
  text-align: center;
  color: #0a3d9a;
  background: #f4f8fd;
  border-top: 5px solid #f4f8fd;
}


/* クラブ沸騰チーム 投稿テーマ　プライマリ用選択時 CSS  */
.club .c-resent__nav-item.c-navItem-primary.is-select{
  background: #07317e;
  border-top: 5px solid #da063e;
  color: #fff;
}

/* クラブ沸騰チーム 投稿テーマ　セカンダリ用選択時 CSS  */
.club .c-resent__nav-item.c-navItem-second.is-select{
  background: #fff;
  border-color: #da063e;
}

/* category/club.html  タブのicon CSS */
.club .c-resent__nav-item:before{
  content: '';
  display: inline-block;
  width:31px;
  height: 35px;
  margin-right: 20px;
  background-image: url('./../images/icon-tub-thema.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  vertical-align: middle;
}

/* category/club.html  タブのプライマリ選択時用 icon CSS */
.club .c-resent__nav-item.c-navItem-primary.is-select:before{
  background-image: url('./../images/icon-tub-thema-active.png');
}

/* クラブ沸騰チーム　通常投稿用タブ CSS .c-resent__navClub */
.club .c-resent__navClub {
  padding: 20px 0 25px;
  line-height: 1.2;
}

.club .c-resent__navClub.is-select {
  background: #07317e;
  border-color: #da063e;
  color: #fff;
  }

.club .c-resent__navClub::before{
  display: none;
}

.p-teaser {
  padding-bottom: 35%;
  text-align: center;
  background: #0d0f35;
  }

.p-teaser .l-contents__inner {
  max-width: 700px;
  }

.p-teaser__header {
  padding: 5px;

  background: #ededed;
  }

.p-teaser__head {
  padding-bottom: 35%;
  text-align: center;

  background: url(../images/teaser_bg.jpg) no-repeat center bottom #0d0f35;
  background-size: cover;
  }

.p-teaser__head-title img {
  width: auto;
  }

.p-teaser__head-text img {
  width: auto;
  }

.p-teaser__about img {
  width: auto;
  }

.p-teaser__regist {
  margin: 40px 0 80px;
  }

.p-teaser__body {
  margin-top: -24%;
  color: white;
  }

.p-teaser__share {
  margin: 30px 0;
  }

.p-teaser__share-btn {
  font-size: 0;
  text-align: center;
  }

.p-teaser__share-btn-item img {
  width: 100%;
  }

.p-teaser__footer {
  color: #ba9c55;

  text-align: center;
  }

.p-teaser__footer small {
  font-size: 1em;
  }

.p-top__head-wrap {
  position: relative;

  background-image: url(../images/top_head_bg.jpg);
  background-position: center;
  background-size: cover;
  }

.p-top__head {
  position: relative;
  }

.p-top__head-content {
  background: rgba(255, 255, 255, .8);
  }

.p-top__head-silhouette {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  }

.p-top__head-player1 {
  position: absolute;
  }

.p-top__head-player2 {
  position: absolute;
  }

.p-top__head-player3 {
  position: absolute;
  }

.p-top__head-light {
  position: absolute;
  bottom: 0;
  left: -50%;
  z-index: 1;
  }

.p-top__head-title-wrap {
  position: relative;
  }

.p-top__head-title {
  color: #0a3d9a;
  }

.p-top__head-title-link {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 1.4rem;
  color: #da063e;
  }

.p-top__head-link {
  margin: 20px 0;
  line-height: 1;
  text-align: center;
  }

.p-top__head-link a {
  color: #da063e;
  }

.p-top__head-text {
  position: relative;

  margin: 20px 0;
  }

.p-top__head-btn {
  position: relative;
  }

.p-top__head-regist {
  margin-left: 20px;
  }

.p-top__head-regist .c-button,
.p-top__head-regist .c-form__file-set label,
.c-form__file-set .p-top__head-regist label {
  background: #da063e;
  }

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

.p-top__project-area-wrap {
  position: relative;
  z-index: 10;
  background: white;
  }

.p-top__project-area-wrap::before {
  position: absolute;
  top: -54px;
  left: 0;
  width: 100%;
  height: 54px;
  padding-top: 54px;

  content: "";
  background: url(../images/top_head_under.png) top center;
  background-size: 100% 100%;
  }

.p-top__regist-area-wrap {
  border: solid #da063e;
  border-width: 8px 0;
  }

.p-top__regist-area {
  background: #0a3d9a;
  background-size: contain;

  border: solid white;
  border-width: 8px 0;
  }

.p-top__regist-area-inner {
  padding: 60px;
  color: white;
  text-align: center;
  background: url(../images/regst_area_bg.png) center bottom no-repeat;
  background-size: cover;
  }

.p-top__regist-area-text {
  font-size: 2.4rem;
  }

.p-top__regist-area-btn {
  margin-top: 40px;
  }

.p-top__regist-area-btn .c-button,
.p-top__regist-area-btn .c-form__file-set label,
.c-form__file-set .p-top__regist-area-btn label {
  width: 480px;
  padding: 25px;
  margin: 0 auto;
  font-size: 2.4rem;

  background: #da063e;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  }

.p-top__regist-area-btn .c-button::after,
.p-top__regist-area-btn .c-form__file-set label::after,
.c-form__file-set .p-top__regist-area-btn label::after {
  width: 34px;
  height: 34px;
  margin-top: -17px;
  font-size: 1.6rem;
  }

.p-top__banner {
  padding: 50px 0;
  }

/* -----------------------------
  2019/ 11 / 10 追記 
  Twitter トレンド用バナー
-------------------------------*/

.p-top__forTwitter{
  margin: 40px 0;
  background-color: #da063e;
  border-radius: 20px;
}

.p-top__forTwitter a{
  display: block;
  width: 100%;
  padding: 40px 20px;
  box-sizing: border-box;
  line-height: 1.4;
  text-align: center;
}

.p-top__forTwitter a:link,
.p-top__forTwitter a:visited,
.p-top__forTwitter a:hover{
  color: #fff;
  text-decoration: none;
}
.p-top__forTwitter:hover{
  opacity: .8;
}

.p-top__forTwitter h2 {
  font-size: 30px;
  font-size: 3.0rem;
}

.p-top__forTwitter p {
  font-size: 24px;
  font-size: 2.4rem;
}

.p-top__forTwitter ul {
  margin: 10px 0 20px;
}

.p-top__forTwitter li {
  font-size: 20px;
  font-size: 2.0rem;
  padding-left: 1em;
  text-indent: -1em;
}

.p-top__forTwitter .c-project__btn{
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}

/* Twitter トレンド用バナーここまで */


.p-top__project-illust1 {
  position: absolute;
  top: -25%;
  right: -15%;
  }

.p-top__project-illust2 {
  position: absolute;
  top: 5%;
  left: -5%;
  }

.p-top__project-illust3 {
  position: absolute;
  top: 30%;
  left: -20%;
  }

.p-top__project-illust4 {
  position: absolute;
  top: -10%;
  right: -15%;
  }

.p-top__project-illust5 {
  position: absolute;
  top: 30%;
  left: 96%;
  }

.p-top__regist-illust {
  position: absolute;
  right: 0;
  bottom: -8%;
  }

.p-top__nav-illust {
  position: absolute;
  top: -32%;
  left: -6%;
  }

.p-top__nav-link {
  position: relative;

  display: block;
  padding: 20px 40px 20px 20px;
  font-size: 1.8rem;
  color: #000;
  }

.p-top__nav-link::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  content: "";
  background: url("../images/icon_link.png") no-repeat center;
  }

.p-category__head-illust1 {
  position: absolute;
  }

.p-category__head-illust2 {
  position: absolute;
  }

.p-category__head-illust3 {
  position: absolute;
  }

.p-category__text {
  text-align: center;
  padding: 0 35px 20px;
  }

.p-category__theme_contents {
  position: relative;
  max-width: 758px;
  margin: 10% auto 0;
  border: 11px solid #07307f;
  }

.club .p-category__theme_contents{
  margin-top: 5%;
}

.p-category__theme_contents:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	border-top: 50px solid transparent;
	border-right: 50px solid #07317e;
}

.p-category__theme_contents h2 {
  margin-bottom: 15px;
  padding: 10px 0 80px;
  line-height: 1.4;
  color: white;
  background: #07307f url(../images/title_icon_white.png) no-repeat center 90%;
  }

.p-category__theme_contents h2 em {
  font-size: 2rem;
  font-style: normal;
  }

.p-category__theme_contents h2 span {
  color: white;
  }

.p-category__theme_contents .p-category__theme_text{
  display: block;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: bold;
  color: #083e98;
  }

.p-category__post-item {
  padding: 15px;

  margin-bottom: 20px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  }

.p-category__post-head {
  position: relative;

  display: table;
  width: 100%;
  }

.p-category__post-head-icon {
  display: table-cell;
  width: 40px;
  }

.p-category__post-head-icon img {
  width: 100%;
  }

.p-category__post-head-text {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  }

.p-category__post-head-name {
  font-size: 1.8rem;
  color: #0a3d9a;
  }

.p-category__post-head-id {
  margin-top: 4px;
  font-size: 1.8rem;

  color: #0a3d9a;
  }

.p-category__post-head-social {
  display: table-cell;
  width: 30px;
  }

.p-category__post-title {
  margin-top: 10px;

  font-size: 1.8rem;
  color: #0a3d9a;
  }

.p-category__post-text {
  margin-top: 10px;
  font-size: 1.6rem;
  word-break: break-all;
  }

.p-category__post-img {
  margin-top: 10px;
  }

.p-category__post-img img {
  max-width: 100%;
  }

.p-category__post-foot {
  margin-top: 10px;
  }

.p-category__post-foot-reply,
.p-category__post-foot-fav {
  display: block;

  float: left;
  width: 30px;
  height: 30px;
  }

.p-category__post-foot-reply img,
.p-category__post-foot-fav img {
  width: auto;

  height: 30px;
  }

.p-category__post-foot-fav {
  margin-left: 10px;
  }

.p-category__post-foot-date {
  float: right;
  font-size: 1.6rem;
  line-height: 30px;
  }

.p-about__text {
  font-size: 2.0rem;
  text-align: center;
  }

.p-about__img img {
  width: 100%;
  }

.p-about__step-item {
  position: relative;
  }

.p-about__step-item:not(:first-of-type)::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  color: #0a3d9a;
  text-align: center;

  content: "\f04b";
  }

.p-about__step-title {
  font-size: 3.0rem;
  color: #0a3d9a;
  }

.p-about__step-title span {
  font-family: "Sawarabi Mincho";

  color: #da063e;
  }

.p-about__step-text {
  margin-top: 10px;
  font-size: 1.8rem;
  }

.p-about__member:not(:last-of-type) {
  padding-bottom: 40px;
}  

.p-about__member-item {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  }

.p-about__member-img {
  display: block;
  width: 190px;
  height: 190px;
  }

.p-about__member-img img {
  width: 100%;
  }

.p-about__member-detail {
  position: relative;
  display: block;
  width: calc(100% - 190px);
  padding: 89px 10px 10px;
  vertical-align: middle;
  background: #0a3d9a;
  }

.p-about__member-position {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: "Sawarabi Mincho";
  line-height: 48px;
  color: #0a3d9a;
  text-align: center;
  text-align: center;
  background: white;
  border-top: 2px solid #da063e;
  }

.p-about__member-name-wrap {
  color: white;
  }

.p-about__member-name {
  font-size: 3.0rem;
  text-align: center;
  }

.p-about__member-eng {
  margin-top: 10px;

  font-size: 1.2rem;
  color: #c0a15a;
  text-align: center;
  }

.p-about__member-date {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 1.2rem;
  color: white;
  }

.p-about__member-comment {
  flex-basis: 100%;
  background: white;
  padding: 15px 20px;
  font-size: 0.8em;
  }

.p-mypage__state-wrap {
  margin: 0 auto;
  }

.p-mypage__state {
  padding: 20px;

  background: white;
  }

.p-mypage__state-head {
  padding: 15px;
  font-size: 2.4rem;
  color: white;
  text-align: center;

  background: #da063e;
  }

.p-mypage__state-body {
  display: table;
  width: 100%;
  }

.p-mypage__state-img {
  display: table-cell;
  width: 200px;
  }

.p-mypage__state-img img {
  width: 100%;
  }

.p-mypage__state-detail {
  display: table-cell;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  background: white;
  }

.p-mypage__state-num dt {
  font-size: 1.4rem;

  color: #c0a15a;
  }

.p-mypage__state-num dd {
  margin-top: 5px;
  font-size: 3.0rem;
  color: #0a3d9a;
  }

.p-mypage__state-name {
  margin-top: 30px;
  }

.p-mypage__state-name dt {
  font-size: 1.4rem;

  color: #c0a15a;
  }

.p-mypage__state-name dd {
  margin-top: 5px;
  font-size: 3.6rem;
  color: #0a3d9a;
  }

.p-mypage__state-point-wrap {
  padding: 30px;

  background: #0a0e59;
  }

.p-mypage__state-icon {
  float: left;
  width: 410px;
  }

.p-mypage__state-icon-item {
  position: relative;
  background: white;
  background-size: cover;
  }

.p-mypage__state-icon-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-family: "Sawarabi Mincho";
  font-size: 1.0rem;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background: #c0a15a;
  }

.p-mypage__state-point {
  float: right;
  width: calc(100% - 430px);
  height: 100px;
  padding-left: 10px;
  }

.p-mypage__state-point-total,
.p-mypage__state-point-pt {
  display: block;
  font-size: 1.4rem;

  color: white;
  }

.p-mypage__state-point-total {
  text-align: left;
  }

.p-mypage__state-point-pt {
  text-align: right;
  }

.p-mypage__state-point-num {
  display: block;
  font-size: 7.2rem;
  font-weight: bold;
  line-height: 1;

  color: #c0a15a;
  text-align: center;
  }

.p-mypage__state-text {
  margin-top: 10px;
  font-size: 1.4rem;
  color: #0a3d9a;

  text-align: right;
  }

.p-mypage__share-wrap {
  padding: 40px;

  background: #0a0e59;
  }

.p-mypage__share-title {
  font-family: "Sawarabi Mincho";
  font-size: 2.4rem;
  color: white;

  text-align: center;
  }

.p-mypage__share-btn-item .c-button,
.p-mypage__share-btn-item .c-form__file-set label,
.c-form__file-set .p-mypage__share-btn-item label {
  font-family: "Sawarabi Mincho";

  font-size: 2.4rem;
  }

.p-mypage__share-url {
  padding: 20px;
  margin-bottom: 20px;
  font-size: 2.4rem;
  color: white;
  text-align: center;

  background: #6c8bc2;
  }

.p-mypage__nav-link {
  position: relative;

  display: block;
  padding: 20px 40px 20px 20px;
  font-size: 1.8rem;
  color: #000;
  }

.p-mypage__nav-link::after {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -10px;
  font-family: "Font Awesome 5 Free";
  font-size: 2.0rem;
  line-height: 1;
  color: #0a3d9a;
  content: "\f105";
  }

.p-mypage__list-wrap {
  padding: 50px;

  background: white;
  }

.p-mypage__list {
  width: 100%;
  }

.p-mypage__list th,
.p-mypage__list td {
  width: 20%;
  font-size: 2.0rem;
  text-align: center;
  vertical-align: middle;
  background: #efefef;
  }

.p-mypage__list th:nth-of-type(2n),
.p-mypage__list td:nth-of-type(2n) {
  background: #f5f5f5;
  }

.p-mypage__list th {
  height: 80px;
  font-weight: normal;
  color: white;

  background: #0a3d9a;
  }

.p-mypage__list th:nth-of-type(2n) {
  background: #6c8bc2;
  }

.p-mypage__list td {
  height: 100px;
  color: #0a3d9a;

  background: #efefef;
  }

.p-mypage__list td:nth-of-type(2n) {
  background: #f5f5f5;
  }

.p-mypage__list tr:nth-of-type(2n-1) td {
  background: #e8e8e8;
  }

.p-mypage__list tr:nth-of-type(2n-1) td:nth-of-type(2n) {
  background: #f1f1f1;
  }

.p-mypage-list-first {
  position: relative;
  }

.p-mypage-list-first-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.p-mypage__list-rank,
.p-mypage__list-team {
  position: absolute;
  }

.p-mypage__list-rank {
  top: 10px;
  right: 10px;
  z-index: 3;
  }

.p-mypage__list-team {
  bottom: 10px;
  left: 10px;
  z-index: 4;
  }

.p-post__box {
  padding: 40px;

  background: white;
  }

.p-post__box:not(:first-of-type) {
  margin-top: 10px;
  }

.p-post__text {
  font-size: 1.6rem;
  }

.p-post__img {
  margin-top: 20px;

  text-align: center;
  }

.p-post__img img {
  max-width: 640px;
  }

.p-post__sns-btn {
  margin-top: 20px;
  }

.p-post__attention-title {
  padding-bottom: 20px;
  margin: 100px 0 40px;
  font-size: 2.0rem;
  line-height: 1;
  color: #0a3d9a;

  border-bottom: 1px solid #0a3d9a;
  }

.p-post__attention-item {
  font-size: 1.6rem;
  }

.p-post__attention-item:not(:first-of-type) {
  margin-top: 20px;
  }

.p-post__sns {
  font-size: 0;

  text-align: center;
  }

.p-post__sns-item {
  display: inline-block;

  text-align: center;
  }

.p-post__sns-img {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  }

.p-post__sns-img img {
  display: block;
  width: 100%;
  }

.p-post__sns-name {
  margin-top: 20px;

  font-size: 2.0rem;
  color: #0a3d9a;
  }

.p-post__sns-name span {
  display: inline-block;

  font-size: 1.6rem;
  line-height: 16px;
  vertical-align: bottom;
  }

.p-post__sns-type {
  display: inline-block;
  padding: 5px 10px;
  margin-top: 20px;
  font-size: 1.0rem;
  color: white;
  border-radius: 10px;
  }

.p-post__sns-type.is-tw {
  background: #55acee;
  }

.p-post__sns-type.is-fb {
  background: #3b5998;
  }

.p-post__conf-btn-attention {
  margin-top: 20px;

  font-size: 1.6rem;
  }

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

.u-text-l {
  text-align: left;
  }

.u-text-r {
  text-align: right;
  }

.u-flex-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  }

.l-breadcrumb__inner,
.l-global-nav,
.l-global-nav__login,
.l-header__inner,
.c-button__float,
.c-projects,
.c-resent__btn,
.c-resent__nav,
.p-teaser__share-btn,
.p-top__head-btn,
.p-top__banner,
.p-top__nav,
.p-category__post,
.p-category__post-foot,
.p-about__step,
.p-about__step-btn,
.p-about__member,
.p-mypage__state-point-wrap,
.p-mypage__state-icon,
.p-mypage__state-btn,
.p-mypage__share-btn,
.p-mypage__nav,
.p-post__sns-btn,
.p-post__conf-btn,
.u-clearfix {
  *zoom: 1;
  }

.l-breadcrumb__inner:after,
.l-global-nav:after,
.l-global-nav__login:after,
.l-header__inner:after,
.c-button__float:after,
.c-projects:after,
.c-resent__btn:after,
.c-resent__nav:after,
.p-teaser__share-btn:after,
.p-top__head-btn:after,
.p-top__banner:after,
.p-top__nav:after,
.p-category__post:after,
.p-category__post-foot:after,
.p-about__step:after,
.p-about__step-btn:after,
.p-about__member:after,
.p-mypage__state-point-wrap:after,
.p-mypage__state-icon:after,
.p-mypage__state-btn:after,
.p-mypage__share-btn:after,
.p-mypage__nav:after,
.p-post__sns-btn:after,
.p-post__conf-btn:after,
.u-clearfix:after {
  display: table;
  clear: both;

  content: "";
  }

.u-clear {
  clear: both;
  }

.u-block {
  display: block;
  }

.u-inline-block {
  display: inline-block;
  }

.u-inline {
  display: inline;
  }

.u-none {
  display: none;
  }

.u-sp-only {
  display: none !important;
  }

.u-float-l {
  float: left;
  }

.u-float-r {
  float: right;
  }

.u-float-none {
  float: none;
  }

.u-m0 {
  margin: 0;
  }

.u-p0 {
  padding: 0;
  }

.u-mt0 {
  margin-top: 0;
  }

.u-pt0 {
  padding-top: 0;
  }

.u-mr0 {
  margin-right: 0;
  }

.u-pr0 {
  padding-right: 0;
  }

.u-mb0 {
  margin-bottom: 0;
  }

.u-pb0 {
  padding-bottom: 0;
  }

.u-ml0 {
  margin-left: 0;
  }

.u-pl0 {
  padding-left: 0;
  }

.u-m5 {
  margin: 5px;
  }

.u-p5 {
  padding: 5px;
  }

.u-mt5 {
  margin-top: 5px;
  }

.u-pt5 {
  padding-top: 5px;
  }

.u-mr5 {
  margin-right: 5px;
  }

.u-pr5 {
  padding-right: 5px;
  }

.u-mb5 {
  margin-bottom: 5px;
  }

.u-pb5 {
  padding-bottom: 5px;
  }

.u-ml5 {
  margin-left: 5px;
  }

.u-pl5 {
  padding-left: 5px;
  }

.u-m10 {
  margin: 10px;
  }

.u-p10 {
  padding: 10px;
  }

.u-mt10 {
  margin-top: 10px;
  }

.u-pt10 {
  padding-top: 10px;
  }

.u-mr10 {
  margin-right: 10px;
  }

.u-pr10 {
  padding-right: 10px;
  }

.u-mb10 {
  margin-bottom: 10px;
  }

.u-pb10 {
  padding-bottom: 10px;
  }

.u-ml10 {
  margin-left: 10px;
  }

.u-pl10 {
  padding-left: 10px;
  }

.u-m15 {
  margin: 15px;
  }

.u-p15 {
  padding: 15px;
  }

.u-mt15 {
  margin-top: 15px;
  }

.u-pt15 {
  padding-top: 15px;
  }

.u-mr15 {
  margin-right: 15px;
  }

.u-pr15 {
  padding-right: 15px;
  }

.u-mb15 {
  margin-bottom: 15px;
  }

.u-pb15 {
  padding-bottom: 15px;
  }

.u-ml15 {
  margin-left: 15px;
  }

.u-pl15 {
  padding-left: 15px;
  }

.u-m20 {
  margin: 20px;
  }

.u-p20 {
  padding: 20px;
  }

.u-mt20 {
  margin-top: 20px;
  }

.u-pt20 {
  padding-top: 20px;
  }

.u-mr20 {
  margin-right: 20px;
  }

.u-pr20 {
  padding-right: 20px;
  }

.u-mb20 {
  margin-bottom: 20px;
  }

.u-pb20 {
  padding-bottom: 20px;
  }

.u-ml20 {
  margin-left: 20px;
  }

.u-pl20 {
  padding-left: 20px;
  }

.u-m25 {
  margin: 25px;
  }

.u-p25 {
  padding: 25px;
  }

.u-mt25 {
  margin-top: 25px;
  }

.u-pt25 {
  padding-top: 25px;
  }

.u-mr25 {
  margin-right: 25px;
  }

.u-pr25 {
  padding-right: 25px;
  }

.u-mb25 {
  margin-bottom: 25px;
  }

.u-pb25 {
  padding-bottom: 25px;
  }

.u-ml25 {
  margin-left: 25px;
  }

.u-pl25 {
  padding-left: 25px;
  }

.u-m30 {
  margin: 30px;
  }

.u-p30 {
  padding: 30px;
  }

.u-mt30 {
  margin-top: 30px;
  }

.u-pt30 {
  padding-top: 30px;
  }

.u-mr30 {
  margin-right: 30px;
  }

.u-pr30 {
  padding-right: 30px;
  }

.u-mb30 {
  margin-bottom: 30px;
  }

.u-pb30 {
  padding-bottom: 30px;
  }

.u-ml30 {
  margin-left: 30px;
  }

.u-pl30 {
  padding-left: 30px;
  }

.u-m35 {
  margin: 35px;
  }

.u-p35 {
  padding: 35px;
  }

.u-mt35 {
  margin-top: 35px;
  }

.u-pt35 {
  padding-top: 35px;
  }

.u-mr35 {
  margin-right: 35px;
  }

.u-pr35 {
  padding-right: 35px;
  }

.u-mb35 {
  margin-bottom: 35px;
  }

.u-pb35 {
  padding-bottom: 35px;
  }

.u-ml35 {
  margin-left: 35px;
  }

.u-pl35 {
  padding-left: 35px;
  }

.u-m40 {
  margin: 40px;
  }

.u-p40 {
  padding: 40px;
  }

.u-mt40 {
  margin-top: 40px;
  }

.u-pt40 {
  padding-top: 40px;
  }

.u-mr40 {
  margin-right: 40px;
  }

.u-pr40 {
  padding-right: 40px;
  }

.u-mb40 {
  margin-bottom: 40px;
  }

.u-pb40 {
  padding-bottom: 40px;
  }

.u-ml40 {
  margin-left: 40px;
  }

.u-pl40 {
  padding-left: 40px;
  }

.u-m45 {
  margin: 45px;
  }

.u-p45 {
  padding: 45px;
  }

.u-mt45 {
  margin-top: 45px;
  }

.u-pt45 {
  padding-top: 45px;
  }

.u-mr45 {
  margin-right: 45px;
  }

.u-pr45 {
  padding-right: 45px;
  }

.u-mb45 {
  margin-bottom: 45px;
  }

.u-pb45 {
  padding-bottom: 45px;
  }

.u-ml45 {
  margin-left: 45px;
  }

.u-pl45 {
  padding-left: 45px;
  }

.u-m50 {
  margin: 50px;
  }

.u-p50 {
  padding: 50px;
  }

.u-mt50 {
  margin-top: 50px;
  }

.u-pt50 {
  padding-top: 50px;
  }

.u-mr50 {
  margin-right: 50px;
  }

.u-pr50 {
  padding-right: 50px;
  }

.u-mb50 {
  margin-bottom: 50px;
  }

.u-pb50 {
  padding-bottom: 50px;
  }

.u-ml50 {
  margin-left: 50px;
  }

.u-pl50 {
  padding-left: 50px;
  }

.u-m55 {
  margin: 55px;
  }

.u-p55 {
  padding: 55px;
  }

.u-mt55 {
  margin-top: 55px;
  }

.u-pt55 {
  padding-top: 55px;
  }

.u-mr55 {
  margin-right: 55px;
  }

.u-pr55 {
  padding-right: 55px;
  }

.u-mb55 {
  margin-bottom: 55px;
  }

.u-pb55 {
  padding-bottom: 55px;
  }

.u-ml55 {
  margin-left: 55px;
  }

.u-pl55 {
  padding-left: 55px;
  }

.u-m60 {
  margin: 60px;
  }

.u-p60 {
  padding: 60px;
  }

.u-mt60 {
  margin-top: 60px;
  }

.u-pt60 {
  padding-top: 60px;
  }

.u-mr60 {
  margin-right: 60px;
  }

.u-pr60 {
  padding-right: 60px;
  }

.u-mb60 {
  margin-bottom: 60px;
  }

.u-pb60 {
  padding-bottom: 60px;
  }

.u-ml60 {
  margin-left: 60px;
  }

.u-pl60 {
  padding-left: 60px;
  }

.u-m65 {
  margin: 65px;
  }

.u-p65 {
  padding: 65px;
  }

.u-mt65 {
  margin-top: 65px;
  }

.u-pt65 {
  padding-top: 65px;
  }

.u-mr65 {
  margin-right: 65px;
  }

.u-pr65 {
  padding-right: 65px;
  }

.u-mb65 {
  margin-bottom: 65px;
  }

.u-pb65 {
  padding-bottom: 65px;
  }

.u-ml65 {
  margin-left: 65px;
  }

.u-pl65 {
  padding-left: 65px;
  }

.u-m70 {
  margin: 70px;
  }

.u-p70 {
  padding: 70px;
  }

.u-mt70 {
  margin-top: 70px;
  }

.u-pt70 {
  padding-top: 70px;
  }

.u-mr70 {
  margin-right: 70px;
  }

.u-pr70 {
  padding-right: 70px;
  }

.u-mb70 {
  margin-bottom: 70px;
  }

.u-pb70 {
  padding-bottom: 70px;
  }

.u-ml70 {
  margin-left: 70px;
  }

.u-pl70 {
  padding-left: 70px;
  }

.u-m75 {
  margin: 75px;
  }

.u-p75 {
  padding: 75px;
  }

.u-mt75 {
  margin-top: 75px;
  }

.u-pt75 {
  padding-top: 75px;
  }

.u-mr75 {
  margin-right: 75px;
  }

.u-pr75 {
  padding-right: 75px;
  }

.u-mb75 {
  margin-bottom: 75px;
  }

.u-pb75 {
  padding-bottom: 75px;
  }

.u-ml75 {
  margin-left: 75px;
  }

.u-pl75 {
  padding-left: 75px;
  }

.u-m80 {
  margin: 80px;
  }

.u-p80 {
  padding: 80px;
  }

.u-mt80 {
  margin-top: 80px;
  }

.u-pt80 {
  padding-top: 80px;
  }

.u-mr80 {
  margin-right: 80px;
  }

.u-pr80 {
  padding-right: 80px;
  }

.u-mb80 {
  margin-bottom: 80px;
  }

.u-pb80 {
  padding-bottom: 80px;
  }

.u-ml80 {
  margin-left: 80px;
  }

.u-pl80 {
  padding-left: 80px;
  }

.u-m85 {
  margin: 85px;
  }

.u-p85 {
  padding: 85px;
  }

.u-mt85 {
  margin-top: 85px;
  }

.u-pt85 {
  padding-top: 85px;
  }

.u-mr85 {
  margin-right: 85px;
  }

.u-pr85 {
  padding-right: 85px;
  }

.u-mb85 {
  margin-bottom: 85px;
  }

.u-pb85 {
  padding-bottom: 85px;
  }

.u-ml85 {
  margin-left: 85px;
  }

.u-pl85 {
  padding-left: 85px;
  }

.u-m90 {
  margin: 90px;
  }

.u-p90 {
  padding: 90px;
  }

.u-mt90 {
  margin-top: 90px;
  }

.u-pt90 {
  padding-top: 90px;
  }

.u-mr90 {
  margin-right: 90px;
  }

.u-pr90 {
  padding-right: 90px;
  }

.u-mb90 {
  margin-bottom: 90px;
  }

.u-pb90 {
  padding-bottom: 90px;
  }

.u-ml90 {
  margin-left: 90px;
  }

.u-pl90 {
  padding-left: 90px;
  }

.u-m95 {
  margin: 95px;
  }

.u-p95 {
  padding: 95px;
  }

.u-mt95 {
  margin-top: 95px;
  }

.u-pt95 {
  padding-top: 95px;
  }

.u-mr95 {
  margin-right: 95px;
  }

.u-pr95 {
  padding-right: 95px;
  }

.u-mb95 {
  margin-bottom: 95px;
  }

.u-pb95 {
  padding-bottom: 95px;
  }

.u-ml95 {
  margin-left: 95px;
  }

.u-pl95 {
  padding-left: 95px;
  }

.u-m100 {
  margin: 100px;
  }

.u-p100 {
  padding: 100px;
  }

.u-mt100 {
  margin-top: 100px;
  }

.u-pt100 {
  padding-top: 100px;
  }

.u-mr100 {
  margin-right: 100px;
  }

.u-pr100 {
  padding-right: 100px;
  }

.u-mb100 {
  margin-bottom: 100px;
  }

.u-pb100 {
  padding-bottom: 100px;
  }

.u-ml100 {
  margin-left: 100px;
  }

.u-pl100 {
  padding-left: 100px;
  }

.u-m-auto {
  margin-right: auto;

  margin-left: auto;
  }

.u-w0 {
  width: 0;
  }

.u-w10 {
  width: 10%;
  }

.u-w20 {
  width: 20%;
  }

.u-w30 {
  width: 30%;
  }

.u-w40 {
  width: 40%;
  }

.u-w50 {
  width: 50%;
  }

.u-w60 {
  width: 60%;
  }

.u-w70 {
  width: 70%;
  }

.u-w80 {
  width: 80%;
  }

.u-w90 {
  width: 90%;
  }

.u-w100 {
  width: 100%;
  }

.u-w50px {
  width: 50px;
  }

.u-w100px {
  width: 100px;
  }

.u-w150px {
  width: 150px;
  }

.u-w200px {
  width: 200px;
  }

.u-w250px {
  width: 250px;
  }

.u-w300px {
  width: 300px;
  }

.u-w350px {
  width: 350px;
  }

.u-w400px {
  width: 400px;
  }

.u-w450px {
  width: 450px;
  }

.u-w500px {
  width: 500px;
  }

.c-wide-item {
  width: 100%;
  }

.u-deco-none {
  text-decoration: none;
  }

.u-deco-line {
  text-decoration: underline;
  }

.u-bold {
  font-weight: bold;
  }

@media screen and (min-width: 961px) {

  body {
    font-size: 1.6rem;
    }

  .l-contents__base,
  .l-contents__bg-img,
  .l-contents__bg-blue,
  .l-contents__bg-darkblue,
  .l-contents__bg-gray {
    min-width: 1000px;
    }

  .l-contents__inner {
    width: 1000px;
    min-width: 1000px;
    }

  .l-footer {
    min-width: 1000px;
    }

  .l-global-nav {
    float: right;
    }

  .l-global-nav__inner {
    margin-right: auto;
    margin-left: auto;
    font-size: 0;

    text-align: right;
    }

  .l-global-nav__item {
    display: inline-block;
    }

  .l-global-nav__link {
    padding: 16px 5px;

    font-size: 1.2rem;
    color: #000;
    }

  .l-global-nav__under {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999;
    display: none;
    width: 100%;
    border-top: 6px solid #0a3d9a;
    }

  .l-global-nav__under-item {
    background: white;
    }

  .l-global-nav__under-item:not(:first-of-type) {
    border-top: 1px solid white;
    }

  .l-global-nav__under-link {
    padding: 10px;
    font-size: 1.4rem;
    color: white;
    text-align: center;

    background: #0a3d9a;
    }

  .l-global-nav__login {
    display: none;
    }

  .l-header {
    position: relative;

    height: 60px;
    }

  .l-header__inner {
    width: 1000px;
    min-width: 1000px;

    padding: 8px 0;
    margin-right: auto;
    margin-left: auto;
    }

  .l-header__logo-link {
    font-size: 1.6rem;
    line-height: 44px;
    }

  .l-header__login-item {
    margin: 6px;
    }

  .l-header__login-item .c-button,
  .l-header__login-item .c-form__file-set label,
  .c-form__file-set .l-header__login-item label {
    width: 120px;
    padding: 10px 15px 10px 0;
    font-size: 1.2rem;
    }

  .l-header__login-item .c-button::after,
  .l-header__login-item .c-form__file-set label::after,
  .c-form__file-set .l-header__login-item label::after {
    right: 5px;

    width: 16px;
    height: 16px;
    margin-top: -8px;
    line-height: 16px;
    }

  .c-button__wrap,
  .c-button__float {
    margin: 40px auto 0;
    }

  .c-button__wrap .c-button,
  .c-button__wrap .c-form__file-set label,
  .c-form__file-set .c-button__wrap label,
  .c-button__float .c-button,
  .c-button__float .c-form__file-set label,
  .c-form__file-set .c-button__float label {
    padding: 25px;
    font-size: 2.4rem;
    }

  .c-button__wrap .c-button::after,
  .c-button__wrap .c-form__file-set label::after,
  .c-form__file-set .c-button__wrap label::after,
  .c-button__float .c-button::after,
  .c-button__float .c-form__file-set label::after,
  .c-form__file-set .c-button__float label::after {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    font-size: 1.6rem;
    }

  .c-button__wrap {
    width: 480px;
    }

  .c-button__float-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .c-button__float-item:nth-of-type(2n-1) {
    clear: both;
    }

  .c-button__float-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .c-button__float-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .c-form__text {
    height: 60px;
    }

  .c-form__textarea {
    height: 140px;
    }

  .c-modal {
    left: 50%;

    width: 700px;
    margin-left: -350px;
    }

  .c-project {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .c-project:nth-of-type(2n-1) {
    clear: both;
    }

  .c-project:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .c-project:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .c-resent__btn {
    margin-top: 40px;
    }

  .c-resent__btn-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .c-resent__btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .c-resent__btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .c-resent__btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .c-resent__btn-item .c-button,
  .c-resent__btn-item .c-form__file-set label,
  .c-form__file-set .c-resent__btn-item label {
    padding: 25px;

    font-size: 2.4rem;
    }

  .c-resent__btn-item .c-button::after,
  .c-resent__btn-item .c-form__file-set label::after,
  .c-form__file-set .c-resent__btn-item label::after {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    line-height: 34px;
    }

  .c-resent__head-type {
    position: absolute;
    top: 0;
    right: 0;

    width: 160px;
    }

  .c-resent__head-type span {
    display: block;
    padding: 5px;
    font-size: 1.4rem;
    line-height: 1;
    color: white;
    text-align: center;
    background: #9aaed1;
    border-radius: 12px;
    }

  .c-resent__nav-item {
    float: left;
    width: calc((100% - 14px * (2)) / 3);
    margin-top: 10px;
    }
  .club .c-resent__nav-item {
    width: calc((100% - 14px * (2)) / 2);
  }

  .c-resent__nav-item:nth-of-type(4n-3) {
    clear: both;
    }

  .c-resent__nav-item:not(:nth-of-type(4n-3)) {
    margin-left: 14px;
    }

  .c-resent__nav-item:nth-of-type(-n+4) {
    margin-top: 0;
    }

  .c-resent__nav-item span {
    display: block;
    font-size: 1.8rem;
    }

  .p-teaser__head-title img {
    max-height: 200px;
    }

  .p-teaser__head-text img {
    max-height: 100px;
    }

  .p-teaser__share-btn {
    margin: 0 60px;
    }

  .p-teaser__share-btn-item {
    display: inline-block;

    width: 274px;
    margin-top: 30px;
    }

  .p-teaser__share-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-teaser__share-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 30px;
    }

  .p-teaser__share-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-teaser__footer {
    margin: 80px 0 40px;
    }

  .p-top__head-wrap {
    min-width: 1000px;
    }

  .p-top__head {
    padding: 70px 0 440px 270px;
    }

  .p-top__head-content {
    padding: 50px;
    }

  .p-top__head-player1 {
    bottom: -10%;
    left: 3.5%;
    z-index: 4;
    width: 54%;
  }

  .p-top__head-player2 {
    bottom: -15%;
    left: -25%;

    z-index: 3;
    }

  .p-top__head-player3 {
    bottom: 15%;
    left: -440px;
    z-index: 2;
    }

  .p-top__head-title-wrap {
    z-index: 5;
    }

  .p-top__head-title {
    font-size: 5.0rem;
    line-height: 5.0rem;
    }

  .p-top__head-link {
    display: none;
    }

  .p-top__head-text {
    z-index: 6;
    font-size: 1.6rem;
    }

  .p-top__head-btn {
    z-index: 7;
    }

  .p-top__head-login,
  .p-top__head-regist {
    float: left;
    }

  .p-top__head-login .c-button,
  .p-top__head-login .c-form__file-set label,
  .c-form__file-set .p-top__head-login label,
  .p-top__head-regist .c-button,
  .p-top__head-regist .c-form__file-set label,
  .c-form__file-set .p-top__head-regist label {
    width: 240px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    }

  .p-top__center-text {
    font-size: 1.8rem;
    }

  .p-top__regist-area-wrap {
    min-width: 1000px;
    }

  .p-top__banner-item {
    float: left;

    width: calc((100% - 20px * (2)) / 3);
    margin-top: 20px;
    }

  .p-top__banner-item:nth-of-type(3n-2) {
    clear: both;
    }

  .p-top__banner-item:not(:nth-of-type(3n-2)) {
    margin-left: 20px;
    }

  .p-top__banner-item:nth-of-type(-n+3) {
    margin-top: 0;
    }

  .p-top__nav {
    padding: 60px;
    }

  .p-top__nav-item {
    float: left;

    width: calc((100% - 30px * (2)) / 3);
    margin-top: 30px;
    }

  .p-top__nav-item:nth-of-type(3n-2) {
    clear: both;
    }

  .p-top__nav-item:not(:nth-of-type(3n-2)) {
    margin-left: 30px;
    }

  .p-top__nav-item:nth-of-type(-n+3) {
    margin-top: 0;
    }

  .p-top__nav-link {
    text-align: center;
    background: #f4f8fd;
    }

  .p-category__head-illust1 {
    right: -220px;
    bottom: -60px;
    }

  .p-category__head-illust2 {
    top: -60px;
    left: -200px;
    }

  .p-category__head-illust3 {
    right: -55px;
    bottom: -25px;
    }

  .grid-sizer,
  .p-category__post-item {
    width: 320px;
    }

  .club .grid-sizer,
  .club .p-category__post-item {
    width: 306px;
  }

  .p-about__step-item {
    float: left;
    width: calc((100% - 20px * (2)) / 3);
    height: 330px;
    padding: 20px 0;
    margin-top: 20px;

    text-align: center;
    border: solid #0a3d9a;
    border-width: 1px 0;
    }

  .p-about__step-item:nth-of-type(3n-2) {
    clear: both;
    }

  .p-about__step-item:not(:nth-of-type(3n-2)) {
    margin-left: 20px;
    }

  .p-about__step-item:nth-of-type(-n+3) {
    margin-top: 0;
    }

  .p-about__step-item:not(:first-of-type)::before {
    top: 50%;
    left: -20px;
    width: 20px;
    margin-top: -10px;
    font-size: 2.0rem;
    line-height: 20px;
    }

  .p-about__step-detail {
    margin-top: 10px;
    }

  .p-about__step-title span {
    display: block;
    margin-bottom: 10px;
    }

  .p-about__step-btn {
    margin-top: 40px;
    }

  .p-about__step-btn-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .p-about__step-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-about__step-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .p-about__step-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-about__step-btn-item .c-button,
  .p-about__step-btn-item .c-form__file-set label,
  .c-form__file-set .p-about__step-btn-item label {
    padding: 25px;

    font-size: 2.4rem;
    }

  .p-about__step-btn-item .c-button::after,
  .p-about__step-btn-item .c-form__file-set label::after,
  .c-form__file-set .p-about__step-btn-item label::after {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    line-height: 34px;
    }

  .p-about__member-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .p-about__member-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-about__member-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .p-about__member-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-mypage__state-wrap {
    width: 740px;
    }

  .p-mypage__state-icon-item {
    float: left;

    width: 130px;
    height: 100px;
    padding-top: 20px;
    margin-top: 10px;
    }

  .p-mypage__state-icon-item:nth-of-type(4n-3) {
    clear: both;
    }

  .p-mypage__state-icon-item:not(:nth-of-type(4n-3)) {
    margin-left: 10px;
    }

  .p-mypage__state-icon-item:nth-of-type(-n+4) {
    margin-top: 0;
    }

  .p-mypage__state-btn {
    margin-top: 40px;
    }

  .p-mypage__state-btn-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .p-mypage__state-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-mypage__state-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .p-mypage__state-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-mypage__state-btn-item .c-button,
  .p-mypage__state-btn-item .c-form__file-set label,
  .c-form__file-set .p-mypage__state-btn-item label {
    padding: 25px;

    font-size: 2.4rem;
    }

  .p-mypage__state-btn-item .c-button::after,
  .p-mypage__state-btn-item .c-form__file-set label::after,
  .c-form__file-set .p-mypage__state-btn-item label::after {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    line-height: 34px;
    }

  .p-mypage__share {
    display: table;
    }

  .p-mypage__share-title {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid white;
    }

  .p-mypage__share-btn-wrap {
    display: table-cell;
    padding-left: 40px;
    }

  .p-mypage__share-btn {
    padding: 20px 0;
    }

  .p-mypage__share-btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .p-mypage__share-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-mypage__share-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .p-mypage__share-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-mypage__nav {
    padding: 40px 0;
    }

  .p-mypage__nav-item {
    float: left;

    width: calc((100% - 30px * (2)) / 3);
    margin-top: 30px;
    }

  .p-mypage__nav-item:nth-of-type(3n-2) {
    clear: both;
    }

  .p-mypage__nav-item:not(:nth-of-type(3n-2)) {
    margin-left: 30px;
    }

  .p-mypage__nav-item:nth-of-type(-n+3) {
    margin-top: 0;
    }

  .p-mypage__nav-link {
    text-align: center;
    background: #f4f8fd;
    }

  .p-post__sns-btn .c-form__checkbox-set {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .p-post__sns-btn .c-form__checkbox-set:nth-of-type(2n-1) {
    clear: both;
    }

  .p-post__sns-btn .c-form__checkbox-set:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .p-post__sns-btn .c-form__checkbox-set:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-post__sns-item {
    width: 320px;
    }

  .p-post__conf-btn {
    margin-top: 40px;
    }

  .p-post__conf-btn-item {
    float: left;

    width: calc((100% - 40px * (1)) / 2);
    margin-top: 40px;
    }

  .p-post__conf-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-post__conf-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 40px;
    }

  .p-post__conf-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-post__conf-btn-item .c-button,
  .p-post__conf-btn-item .c-form__file-set label,
  .c-form__file-set .p-post__conf-btn-item label {
    padding: 25px;

    font-size: 2.4rem;
    }

  .p-post__conf-btn-item .c-button::after,
  .p-post__conf-btn-item .c-form__file-set label::after,
  .c-form__file-set .p-post__conf-btn-item label::after {
    width: 34px;
    height: 34px;
    margin-top: -17px;
    line-height: 34px;
    }

  .u-variable {
    display: inline-block;
    }

  .u-tablet-only {
    display: none !important;
    }

  }

@media screen and (min-width: 961px) and (min-width: 961px) {

  .p-teaser__share-btn-item {
    font-size: 1.6rem;
    }

  }

@media screen and (min-width: 961px) and (max-width: 960px) {

  .p-teaser__share-btn-item {
    font-size: 1.2rem;
    }

  }

@media screen and (min-width: 1281px) {

  .p-teaser__head-title img {
    max-height: none;
    }

  .p-teaser__head-text img {
    max-height: none;
    }

  }

@media screen and (max-width: 960px) {

  body {
    font-size: 1.2rem;
    }

  .l-contents__wrap {
    position: relative;
    right: 0;

    width: 100%;
    overflow-x: hidden;
    transition: right .5s ease;
    }

  .l-contents {
    padding-top: 50px;
    }

  .l-contents__base,
  .l-contents__bg-img,
  .l-contents__bg-blue,
  .l-contents__bg-darkblue,
  .l-contents__bg-gray {
    padding: 40px;
    }

  .l-contents__inner.is-sp-margin {
    padding-right: 20px;

    padding-left: 20px;
    }

  .l-global-nav {
    position: fixed;
    top: 0;
    right: -240px;
    z-index: 1002;
    width: 240px;
    height: 100%;
    padding: 0;
    margin: 0;
    background: white;
    transition: right .5s ease;
    }

  .l-global-nav__item {
    display: block;
    text-align: left;
    }

  .l-global-nav__item:not(:first-of-type) {
    border-top: 1px solid black;
    }

  .l-global-nav__link {
    position: relative;
    padding: 14px;
    font-size: 1.2rem;

    color: black;
    }

  .l-global-nav__link::after {
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -10px;
    font-family: "Font Awesome 5 Free";
    font-size: 2.0rem;
    line-height: 1;
    color: #0a3d9a;
    content: "\f105";
    }

  .l-global-nav__under-item {
    display: block;
    border-top: 1px solid #333;
    }

  .l-global-nav__under-link {
    padding: 14px;
    font-size: 1.2rem;

    color: white;
    background: #444;
    }

  .l-global-nav__login-item .c-button,
  .l-global-nav__login-item .c-form__file-set label,
  .c-form__file-set .l-global-nav__login-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 40px;
    padding: 0;
    font-size: 1.0rem;
    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }

  .l-global-nav__btn,
  .l-global-nav__btn-close {
    float: right;

    width: 50px;
    height: 50px;
    color: #0a3d9a;
    text-align: center;
    }

  .l-global-nav__btn {
    display: block;
    background: url(../images/menu_icon.png) no-repeat center;
    background-size: 30px;
    }

  .l-global-nav__btn-close {
    background: url(../images/menu_icon_close.png) no-repeat center;
    background-size: 30px;
    }

  .l-global-nav__open .l-global-nav {
    right: 0;

    transition: right .5s ease;
    }

  .l-global-nav__open .l-global-nav__bg,
  .l-global-nav__open .l-global-nav__close {
    display: block;
    }

  .l-header {
    position: fixed;
    top: 0;
    right: 0;

    width: 100%;
    height: 50px;
    transition: right .5s ease;
    }

  .l-header__logo-link {
    margin: 10px 5px;

    font-size: 1.4rem;
    line-height: 30px;
    }

  .l-header__logo-icon {
    height: 30px;
    }

  .l-header__login-item .c-button,
  .l-header__login-item .c-form__file-set label,
  .c-form__file-set .l-header__login-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 1.0rem;
    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }

  .l-header__login-item .c-button::after,
  .l-header__login-item .c-form__file-set label::after,
  .c-form__file-set .l-header__login-item label::after {
    display: none;
    }

  .c-button,
  .c-form__file-set label {
    padding: 15px 20px 15px 10px;
    font-size: 1.4rem;
    }

  .c-button::after,
  .c-form__file-set label::after {
    right: 6px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    font-size: 1.0rem;
    }

  .c-button.is-height,
  .c-form__file-set label.is-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 56px;
    padding: 0;
    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }

  .c-button__wrap,
  .c-button__float {
    margin: 20px auto 0;
    }

  .c-button__wrap .c-button,
  .c-button__wrap .c-form__file-set label,
  .c-form__file-set .c-button__wrap label,
  .c-button__float .c-button,
  .c-button__float .c-form__file-set label,
  .c-form__file-set .c-button__float label {
    padding: 20px 0;
    font-size: 1.6rem;
    }

  .c-button__float-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .c-button__float-item:nth-of-type(2n-1) {
    clear: both;
    }

  .c-button__float-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .c-button__float-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .c-form__label {
    font-size: 1.6rem;
    }

  .c-form__text {
    padding: 5px;

    font-size: 1.4rem;
    border: 1px solid #d7dde8;
    }

  .c-form__textarea {
    height: 80px;
    padding: 5px;

    font-size: 1.4rem;
    border: 1px solid #d7dde8;
    }

  .c-form__checkbox-set:not(:first-of-type) {
    margin-top: 10px;
    }

  .c-form__checkbox-set label {
    padding: 15px 40px;
    font-size: 1.4rem;

    text-align: left;
    }

  .c-form__checkbox-set label::before {
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3) inset;
    }

  .c-form__checkbox-set input[type="checkbox"]:checked + label::after {
    left: 12px;
    width: 16px;
    height: 8px;
    margin-top: -6px;
    border-bottom: 3px solid #0a3d9a;
    border-left: 3px solid #0a3d9a;
    }

  .c-form__caption {
    margin-top: 5px;

    font-size: 1.4rem;
    }

  .c-modal {
    left: 20px;

    width: calc(100% - 40px);
    }

  .c-modal__head {
    height: 50px;
    padding: 10px;
    }

  .c-modal__head-close {
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px;
    }

  .c-modal__body {
    padding: 10px 20px 20px;
    }

  .c-modal__title {
    margin-bottom: 20px;

    font-size: 1.6rem;
    }

  .c-modal__title:not(:first-of-type) {
    margin-top: 40px;
    }
    .c-modal__warning{
    margin-bottom: 20px;
  }

  .c-modal__link-item:not(:first-of-type) {
    margin-top: 10px;
    }

  .c-modal__link-button {
    font-size: 1.6rem;
    line-height: 40px;

    border-radius: 10px;
    }

  .c-modal__link-button img {
    height: 20px;
    margin: 10px 5px 10px 0;
    }

  .c-modal__link-button i {
    margin-right: 5px;
    font-size: 2.0rem;
    }

  .c-title__page-wrap {
    padding: 50px 0;
    }

  .c-title__page {
    font-size: 3.0rem;
    }

  .c-title__page-name {
    margin-top: 10px;
    font-size: 1.8rem;
    }

  .c-title__page-name2 {
    margin-bottom: 5px;
    font-size: 1.8rem;
    }

  .c-title__page-eng {
    margin-top: 10px;
    font-size: 1.2rem;
    }

  .c-title__l {
    padding: 0 0 40px;

    font-size: 2.6rem;
    background-size: 20px;
    }

  .c-title__m {
    font-size: 1.8rem;
    }

  .c-projects {
    margin-top: 40px;
    }

  .c-project:not(:first-of-type) {
    margin-top: 10px;
    }

  .c-project__img {
    border-radius: 10px 10px 0 0;
    }

  .c-project__contents {
    border-radius: 0 0 10px 10px;
    }

  .c-project__title {
    font-size: 2.4rem;
    }

  .c-project__team {
    margin: 10px 0;
    font-size: 1.8rem;
    }

  .c-project__team span {
    font-size: 1.2rem;
    }

  .c-project__text {
    margin: 10px;
    font-size: 1.2rem;
    text-align: center;
    }

  .c-project__btn .c-button,
  .c-project__btn .c-form__file-set label,
  .c-form__file-set .c-project__btn label {
    padding: 15px 0;
    }

  .c-past__btn {
    margin: 40px auto;
    }

  .c-past__btn_center {
    margin: 40px auto;
    }

  .c-back__btn {
    margin: 0 auto 40px;
    }

  .c-back__btn2 {
    margin: 40px auto;
    }

  .c-past__btn .c-button,
  .c-back__btn .c-button {
    font-size: 1.6rem;
    }

  .c-project__state {
    padding: 5px;
    }

  .c-project__state-title {
    padding-right: 5px;

    font-size: 1.4rem;
    }

  .c-project__state-icon {
    width: 120px;
    }

  .c-resent__box-wrap {
    padding: 40px;
    }

  .c-resent {
    max-height: 500px;
    }

  .c-resent__item {
    padding: 20px;
    }

  .c-resent__head-icon {
    width: 50px;
    }

  .c-resent__head-text {
    padding: 0 0 0 10px;
    }

  .c-resent__head-name {
    font-size: 1.4rem;
    }

  .c-resent__head-date {
    margin-top: 4px;

    font-size: 1.2rem;
    }

  .c-resent__title {
    font-size: 1.6rem;
    }

  .c-resent__text {
    font-size: 1.4rem;
    }

  .c-resent__btn {
    margin-top: 20px;
    }

  .c-resent__btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .c-resent__btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .c-resent__btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .c-resent__btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .c-resent__btn-item .c-button,
  .c-resent__btn-item .c-form__file-set label,
  .c-form__file-set .c-resent__btn-item label {
    padding: 20px 0;

    font-size: 1.6rem;
    }

  .c-resent__head-type {
    display: inline-block;
    padding: 2px 10px;
    margin-top: 4px;
    font-size: 1.0rem;
    line-height: 1;
    color: white;
    background: #9aaed1;
    border-radius: 7px;
    }

  .c-resent__nav-item {
    /* float: left; */

    width: calc((100% - 5px * (2)) / 3);
    margin-top: 5px;
    font-size: 1.4rem;
    }
    .club .c-resent__nav-item {
    width: calc((100% - 5px * (2)) / 2);
  }

  .c-resent__nav-item:nth-of-type(4n-3) {
    clear: both;
    }

  .c-resent__nav-item:not(:nth-of-type(4n-3)) {
    margin-left: 5px;
    }

  .c-resent__nav-item:nth-of-type(-n+4) {
    margin-top: 0;
    }

  .club .c-resent__navClub{
  padding-bottom: 25px;
  line-height: 32px;
}
.club .c-resent__navClub:before{
  width:28px;
  height: 32px;
  margin-right: 15px;
}

  .p-teaser__head-title img {
    max-height: 150px;
    }

  .p-teaser__head-text img {
    max-height: 80px;
    }

  .p-teaser__share-btn {
    margin: 0 60px;
    }

  .p-teaser__share-btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .p-teaser__share-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-teaser__share-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .p-teaser__share-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-teaser__footer {
    margin: 40px 0 20px;
    }

  .p-top__head-wrap {
    padding-bottom: 200px;
    }

  .p-top__head {
    padding: 40px;
    }

  .p-top__head-content {
    padding: 40px;
    }

  .p-top__head-silhouette {
    left: 50%;
    width: 1000px;
    max-width: none;
    margin-left: -500px;
    }

  .p-top__head-player1 {
    right: -30px;
    bottom: -260px;
    z-index: 14;
    width: auto;
    height: 330px;
    }

  .p-top__head-player2 {
    bottom: -280px;
    left: -50px;
    z-index: 13;
    width: auto;
    height: 360px;
    }

  .p-top__head-player3 {
    bottom: -250px;
    left: 20%;
    z-index: 12;
    width: auto;
    height: 320px;
    margin-left: -200px;
    }

  .p-top__head-light {
    display: none;
    }

  .p-top__head-title-wrap {
    z-index: 15;
    }

  .p-top__head-title {
    font-size: 3.0rem;
    line-height: 4.0rem;
    text-align: center;
    }

  .p-top__head-title-link {
    display: none;
    }

  .p-top__head-text {
    z-index: 16;
    text-align: center;
    }

  .p-top__head-btn {
    z-index: 17;
    }

  .p-top__head-login,
  .p-top__head-regist {
    float: left;

    width: calc((100% - 10px * (1)) / 2);
    margin-top: 10px;
    }

  .p-top__head-login:nth-of-type(2n-1),
  .p-top__head-regist:nth-of-type(2n-1) {
    clear: both;
    }

  .p-top__head-login:not(:nth-of-type(2n-1)),
  .p-top__head-regist:not(:nth-of-type(2n-1)) {
    margin-left: 10px;
    }

  .p-top__head-login:nth-of-type(-n+2),
  .p-top__head-regist:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-top__project-area-wrap {
    padding: 60px 0;
    }

  .p-top__project-area-wrap::before {
    top: -80px;
    height: 80px;
    padding-top: 80px;

    background: url(../images/top_head_under_sp.png) top center;
    background-size: 100% 100%;
    }

  .p-top__regist-area-inner {
    padding: 40px 100px 40px 40px;
    }

  .p-top__regist-area-text {
    font-size: 1.8rem;

    text-align: left;
    }

  .p-top__regist-area-text span {
    display: block;
    font-size: 2.4rem;
    }

  .p-top__regist-area-btn .c-button,
  .p-top__regist-area-btn .c-form__file-set label,
  .c-form__file-set .p-top__regist-area-btn label {
    width: 100%;
    padding: 20px;

    font-size: 1.8rem;
    }

  .p-top__regist-area-btn .c-button::after,
  .p-top__regist-area-btn .c-form__file-set label::after,
  .c-form__file-set .p-top__regist-area-btn label::after {
    right: 6px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    font-size: 1.0rem;
    }

  .p-top__banner {
    padding: 50px 0 20px;
    }

  .p-top__banner.slick-dotted {
    margin-bottom: 50px;
    }

  .p-top__banner-item {
    margin: 0 10px;
    }

  .p-top__banner-item img {
    width: 100%;
    }

/* -----------------------------
  2019/ 11 / 10 追記 
  Twitter トレンド用バナー
-------------------------------*/

     .p-top__forTwitter {
       margin: 20px 0;
       border-radius: 20px;
     }

     .p-top__forTwitter h2 {
       font-size: 28px;
       font-size: 2.8rem;
     }

     .p-top__forTwitter p {
       font-size: 24px;
       font-size: 2.4rem;
     }
     .p-top__forTwitter ul {
       margin: 10px 0 20px;
     }
     .p-top__forTwitter li {
       font-size: 20px;
       font-size: 2.0rem;
     }
    .p-top__forTwitter .c-project__btn {
      max-width: 100%;
    }
/* Twitter トレンド用バナー  ここまで*/

  .p-top__project-illust1 {
    display: none;
    }

  .p-top__project-illust2 {
    display: none;
    }

  .p-top__project-illust3 {
    display: none;
    }

  .p-top__project-illust4 {
    display: none;
    }

  .p-top__project-illust5 {
    display: none;
    }

  .p-top__regist-illust {
    right: -10px;
    bottom: 0;

    height: 270px;
    }

  .p-top__nav-illust {
    display: none;
    }

  .p-top__nav-item:not(:first-of-type) {
    border-top: 1px solid black;
    }

  .p-top__nav-item_top {
    border-top: 1px solid black;
    }

  .p-top__nav-link {
    font-size: 1.4rem;
    }

  .p-category__head-illust1 {
    top: 0;

    right: -20px;
    width: 120px;
    }

  .p-category__head-illust2 {
    top: -10px;

    left: -20px;
    width: 100px;
    }

  .p-category__head-illust3 {
    right: -39px;
    bottom: -21px;
    width: 55px;
    z-index: 1;
    }

  .p-category__post-head-icon {
    width: 40px;
    }

  .p-category__post-head-text {
    padding: 0 0 0 10px;
    }

  .p-category__post-head-name {
    font-size: 1.4rem;
    }

  .p-category__post-head-id {
    margin-top: 4px;

    font-size: 1.2rem;
    }

  .p-category__post-title {
    font-size: 1.6rem;
    }

  .p-category__post-text {
    font-size: 1.4rem;
    }

  .p-category__post-foot-date {
    font-size: 1.2rem;
    }

  .grid-sizer,
  .p-category__post-item {
    width: 100%;
  }

  .p-about__text {
    font-size: 1.2rem;
    }

  .p-about__step {
    border-bottom: 1px solid black;
    }

  .p-about__step-item {
    display: table;
    width: 100%;
    border-top: 1px solid #0a3d9a;
    }

  .p-about__step-item:not(:first-of-type)::before {
    top: -8px;
    left: 50%;
    width: 16px;
    margin-left: -8px;
    font-size: 1.6rem;
    line-height: 16px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    }

  .p-about__step-img {
    display: table-cell;
    width: 120px;
    padding: 20px 0;
    text-align: center;
    }

  .p-about__step-img img {
    height: 70px;
    }

  .p-about__step-detail {
    display: table-cell;
    padding: 20px 0;
    vertical-align: middle;
    }

  .p-about__step-title {
    font-size: 1.8rem;
    }

  .p-about__step-title span {
    margin-right: 10px;
    }

  .p-about__step-text {
    font-size: 1.2rem;
    }

  .p-about__step-btn {
    margin-top: 20px;
    }

  .p-about__step-btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .p-about__step-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-about__step-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .p-about__step-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-about__step-btn-item .c-button,
  .p-about__step-btn-item .c-form__file-set label,
  .c-form__file-set .p-about__step-btn-item label {
    padding: 20px 0;

    font-size: 1.6rem;
    }

  .p-about__member:not(:last-of-type) {
    padding-bottom: 0;
  }    

  .p-about__member:not(:first-of-type) {
    padding-top: 10px;
  }

  .p-about__member-item {
    width: 100%;
    }

  .p-about__member-item:not(:first-of-type) {
    margin-top: 10px;
    }

  .p-about__member-img {
    width: 150px;
    height: 150px;
    }

  .p-about__member-detail {
    width: calc(100% - 150px);
    padding: 68px 10px 10px;
    }

  .p-about__member-position {
    line-height: 38px;
    }

  .p-about__member-name {
    font-size: 2.4rem;
    }

  .p-about__member-eng {
    font-size: 1.0rem;
    }

  .p-about__member-date {
    font-size: 1.0rem;
    }

  .p-mypage__state {
    padding: 10px;
    }

  .p-mypage__state-head {
    font-size: 1.4rem;
    }

  .p-mypage__state-img {
    width: 100px;
    }

  .p-mypage__state-detail {
    padding: 10px;
    }

  .p-mypage__state-num dt {
    font-size: 1.0rem;
    }

  .p-mypage__state-num dd {
    font-size: 1.4rem;
    }

  .p-mypage__state-name {
    margin-top: 10px;
    }

  .p-mypage__state-name dt {
    font-size: 1.0rem;
    }

  .p-mypage__state-name dd {
    font-size: 1.8rem;
    }

  .p-mypage__state-point-wrap {
    padding: 10px;
    }

  .p-mypage__state-icon {
    width: 260px;
    }

  .p-mypage__state-icon-item {
    float: left;

    width: 80px;
    height: 60px;
    padding: 6% 4% 2%;
    margin-top: 10px;
    }

  .p-mypage__state-icon-item:nth-of-type(4n-3) {
    clear: both;
    }

  .p-mypage__state-icon-item:not(:nth-of-type(4n-3)) {
    margin-left: 10px;
    }

  .p-mypage__state-icon-item:nth-of-type(-n+4) {
    margin-top: 0;
    }

  .p-mypage__state-icon-item.is-stadium {
    background-image: url(../images/stadium_bg.png);
    }

  .p-mypage__state-icon-item.is-goods {
    background-image: url(../images/item_bg.png);
    }

  .p-mypage__state-icon-item.is-hometown {
    background-image: url(../images/hometown_bg.png);
    }

  .p-mypage__state-icon-item.is-radio {
    background-image: url(../images/radio_bg.png);
    }

  .p-mypage__state-icon-item.is-club {
    background-image: url(../images/club_bg.png);
    }

  .p-mypage__state-icon-title {
    display: none;
    }

  .p-mypage__state-point {
    width: calc(100% - 270px);
    height: 60px;
    }

  .p-mypage__state-point-total,
  .p-mypage__state-point-pt {
    font-size: 1.2rem;
    }

  .p-mypage__state-point-num {
    font-size: 3.8rem;
    }

  .p-mypage__state-text {
    font-size: 1.0rem;
    }

  .p-mypage__state-btn {
    margin-top: 20px;
    }

  .p-mypage__state-btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .p-mypage__state-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-mypage__state-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .p-mypage__state-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-mypage__state-btn-item .c-button,
  .p-mypage__state-btn-item .c-form__file-set label,
  .c-form__file-set .p-mypage__state-btn-item label {
    padding: 20px 0;

    font-size: 1.6rem;
    }

  .p-mypage__share-btn-wrap {
    padding-top: 40px;
    }

  .p-mypage__share-btn-item {
    float: left;

    width: calc((100% - 10px * (1)) / 2);
    margin-top: 10px;
    }

  .p-mypage__share-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-mypage__share-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 10px;
    }

  .p-mypage__share-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-mypage__share-btn-item .c-button,
  .p-mypage__share-btn-item .c-form__file-set label,
  .c-form__file-set .p-mypage__share-btn-item label {
    font-size: 1.4rem;
    }

  .p-mypage__share-url {
    margin-bottom: 10px;

    font-size: 1.4rem;
    }

  .p-mypage__nav-item:not(:first-of-type) {
    border-top: 1px solid black;
    }

  .p-mypage__nav-item_top {
    border-top: 1px solid black;
    }

  .p-mypage__nav-link {
    font-size: 1.4rem;
    }

  .p-mypage__list-wrap {
    padding: 15px;
    }

  .p-mypage__list td:not(:first-of-type) {
    padding: 10px;
    }

  .p-mypage__list th,
  .p-mypage__list td {
    height: 50px;

    font-size: 1.0rem;
    }

  .p-mypage__list-rank {
    top: 10px;
    right: 10px;
    }

  .p-mypage__list-team {
    bottom: 10px;
    left: 10px;
    }

  .p-post__box {
    padding: 20px;
    }

  .p-post__text {
    font-size: 1.4rem;
    }

  .p-post__img img {
    width: 100%;
    }

  .p-post__sns-btn {
    margin-top: 10px;
    }

  .p-post__sns-btn .c-form__checkbox-set {
    display: block;
    }

  .p-post__attention-title {
    padding-bottom: 10px;
    margin: 40px 0 20px;
    font-size: 1.4rem;
    }

  .p-post__attention-item {
    font-size: 1.4rem;
    }

  .p-post__attention-item:not(:first-of-type) {
    margin-top: 10px;
    }

  .p-post__sns-item {
    width: 50%;
    }

  .p-post__sns-img {
    width: 40px;
    height: 40px;
    }

  .p-post__sns-name {
    margin-top: 10px;

    font-size: 1.2rem;
    }

  .p-post__sns-name span {
    font-size: 1.0rem;
    line-height: 10px;
    }

  .p-post__conf-btn {
    margin-top: 20px;
    }

  .p-post__conf-btn-item {
    float: left;

    width: calc((100% - 20px * (1)) / 2);
    margin-top: 20px;
    }

  .p-post__conf-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-post__conf-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 20px;
    }

  .p-post__conf-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-post__conf-btn-item .c-button,
  .p-post__conf-btn-item .c-form__file-set label,
  .c-form__file-set .p-post__conf-btn-item label {
    padding: 20px 0;

    font-size: 1.6rem;
    }

  .u-variable {
    display: block;
    }

  .u-pc-only {
    display: none !important;
    }

  }

@media screen and (max-width: 600px) {

  .l-breadcrumb {
    display: none;
    }

  .l-contents__base,
  .l-contents__bg-img,
  .l-contents__bg-blue,
  .l-contents__bg-darkblue,
  .l-contents__bg-gray {
    padding: 30px 0;
    }

  .l-header__logo-link {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    }

  .c-button,
  .c-form__file-set label {
    font-size: 1.2rem;
    }

  .c-form {
    margin: 20px 0;
    }

  .c-form__label {
    font-size: 1.2rem;
    }

  .c-form__text {
    font-size: 1.2rem;
    }

  .c-form__textarea {
    font-size: 1.2rem;
    }

  .c-form__file-set label {
    display: block;
    }

  .c-form__caption {
    font-size: 1.2rem;
    }

  .c-projects {
    margin-top: 20px;
    }

  .c-project__btn .c-button,
  .c-project__btn .c-form__file-set label,
  .c-form__file-set .c-project__btn label {
    font-size: 1.4rem;
    }

  .c-past__btn {
    margin: 40px 20px;
    }

  .c-past__btn_center {
    padding-right: 20px;
    padding-left: 20px;
    }

  .c-back__btn {
    margin: 0 auto 30px;
    }

  .c-back__btn2 {
    margin: 30px auto;
    }

  .c-past__btn .c-button,
  .c-back__btn .c-button {
    font-size: 1.2rem;
    }

  .c-resent__box-wrap {
    padding: 20px;
    }

  .c-resent {
    max-height: 300px;
    }

  .c-resent__item {
    padding: 10px;
    }

  .c-resent__item:not(:first-of-type) {
    margin-top: 10px;
    }

  .c-resent__title {
    margin-top: 5px;

    font-size: 1.4rem;
    }

  .c-resent__text {
    margin-top: 5px;

    font-size: 1.2rem;
    }

  .c-resent__img {
    margin-top: 5px;
    }

  .c-resent__nav-item {
    padding: 10px 0 15px;
    font-size: 1.2rem;
    }
  
  .club .c-resent__nav-item{
    padding-bottom: 15px;
    line-height: 28px;
  }
  .club .c-resent__nav-item:before{
    width:25px;
    height: 28px;
    margin-right: 10px;
  }
  .p-teaser__header img {
    max-height: 35px;
    }

  .p-teaser__head-title img {
    max-height: 100px;
    }

  .p-teaser__head-text img {
    max-height: 60px;
    }

  .p-teaser__about img {
    max-height: 60px;
    }

  .p-teaser__regist {
    margin: 20px 0 40px;
    }

  .p-teaser__share {
    margin: 15px 0;
    }

  .p-teaser__share-btn {
    margin: 0;
    }

  .p-teaser__share-btn-item {
    float: left;

    width: calc((100% - 15px * (1)) / 2);
    margin-top: 15px;
    }

  .p-teaser__share-btn-item:nth-of-type(2n-1) {
    clear: both;
    }

  .p-teaser__share-btn-item:not(:nth-of-type(2n-1)) {
    margin-left: 15px;
    }

  .p-teaser__share-btn-item:nth-of-type(-n+2) {
    margin-top: 0;
    }

  .p-teaser__footer {
    margin: 20px 0 10px;
    }

  .p-top__head {
    padding: 30px 30px 40px 30px;
    }

  .p-top__head-content {
    padding: 30px 30px 40px 30px;
    }

  .p-top__head-title {
    font-size: 2.8rem;
    line-height: 3.0rem;
    }

  .p-top__project-area-wrap {
    padding: 60px 0 0;
    }

  .p-top__regist-area-inner {
    padding: 30px 80px 30px 30px;
    }

  .p-top__regist-area-text {
    font-size: 1.6rem;
    }

  .p-top__regist-area-text span {
    font-size: 2.0rem;
    }

  .p-top__regist-illust {
    height: 240px;
    }

    /* -----------------------------
  2019/ 11 / 10 追記 
  Twitter トレンド用バナー
-------------------------------*/

    .p-top__forTwitter {
      margin: 20px 0;
    }
    .p-top__forTwitter h2 {
      font-size: 22px;
      font-size: 2.2rem;
    }

    .p-top__forTwitter p {
      font-size: 20px;
      font-size: 2.0rem;
    }
    .p-top__forTwitter li {
      font-size: 16px;
      font-size: 1.6rem;
    }
  
  /* Twitter トレンド用バナー  ここまで*/
  .p-category__post-title {
    margin-top: 5px;

    font-size: 1.4rem;
    }

  .p-category__post-text {
    margin-top: 5px;

    font-size: 1.2rem;
    word-break: break-all;
    }

  .p-about__step-btn-item .c-button,
  .p-about__step-btn-item .c-form__file-set label,
  .c-form__file-set .p-about__step-btn-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    text-align: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    }

  .p-mypage__state-icon {
    width: 175px;
    }

  .p-mypage__state-icon-item {
    float: left;

    width: 55px;
    height: 40px;
    margin-top: 5px;
    }

  .p-mypage__state-icon-item:nth-of-type(4n-3) {
    clear: both;
    }

  .p-mypage__state-icon-item:not(:nth-of-type(4n-3)) {
    margin-left: 5px;
    }

  .p-mypage__state-icon-item:nth-of-type(-n+4) {
    margin-top: 0;
    }

  .p-mypage__state-point {
    width: calc(100% - 175px);
    height: 40px;
    }

  .p-mypage__state-point-total,
  .p-mypage__state-point-pt {
    font-size: 1.0rem;
    }

  .p-mypage__state-point-num {
    font-size: 2.0rem;
    }

  .p-mypage__share-wrap {
    padding: 30px;
    }

  .p-mypage__share-btn-wrap {
    padding-top: 30px;
    }

  .p-mypage__list-wrap {
    padding: 10px;
    }

  .p-mypage__list-rank {
    top: 5px;
    right: 5px;
    }

  .p-mypage__list-team {
    bottom: 5px;
    left: 5px;
    }

  .p-post__text {
    font-size: 1.2rem;
    }

  .p-post__attention-item {
    font-size: 1.2rem;
    }

  .u-sp-only {
    display: inherit !important;
    }

  .c-wide-item-sp {
    display: block;

    width: 100%;
    }

  }

@media screen and (max-width: 360px) {

  .l-contents__base,
  .l-contents__bg-img,
  .l-contents__bg-blue,
  .l-contents__bg-darkblue,
  .l-contents__bg-gray {
    padding: 20px 0;
    }

  .l-header__logo-link {
    font-size: 1.2rem;
    }

  .c-title__l {
    padding: 0 0 40px;

    font-size: 2.4rem;
    background-size: 20px;
    }

  .c-project__state-icon {
    width: 70px;
    }

  .c-resent__nav-item {
    font-size: 1.0rem;
    }

  .club .c-resent__navClub{
    padding-bottom: 21px;
    line-height: 18px;
  }
  .club .c-resent__navClub:before{
    width:16px;
    height: 18px;
    margin-right: 5px;
  }
  .p-teaser__head-title img {
    max-height: 90px;
    }

  .p-teaser__head-text img {
    max-height: 50px;
    }

  .p-teaser__about img {
    max-height: 50px;
    }

  .p-teaser__regist {
    margin: 10px 0 20px;
    }

  .p-teaser__share-btn {
    margin: 0;
    }

  .p-top__head-wrap {
    padding-bottom: 240px;
    }

  .p-top__head {
    padding: 20px 20px 40px 20px;
    }

  .p-top__head-content {
    padding: 20px 20px 40px 20px;
    }

  .p-top__head-title {
    font-size: 2.0rem;
    line-height: 3.0rem;
    }

  .p-top__head-text {
    margin: 10px 0;
    }

  .p-top__project-area-wrap {
    padding: 40px 0 0;
    }

  .p-top__regist-area-inner {
    padding: 20px 60px 20px 20px;
    }

  .p-top__regist-area-text {
    font-size: 1.2rem;
    }

  .p-top__regist-area-text span {
    font-size: 1.6rem;
    }

  .p-top__regist-area-btn {
    margin-top: 20px;
    }

  .p-top__regist-area-btn .c-button,
  .p-top__regist-area-btn .c-form__file-set label,
  .c-form__file-set .p-top__regist-area-btn label {
    font-size: 1.4rem;
    }

  .p-top__regist-illust {
    height: 180px;
    }
 /* -----------------------------
  2019/ 11 / 10 追記 
  Twitter トレンド用バナー
-------------------------------*/

.p-top__forTwitter h2 {
  font-size: 18px;
  font-size: 1.8rem;
}

 .p-top__forTwitter p {
   font-size: 15px;
   font-size: 1.5rem;
 }

 .p-top__forTwitter li {
   font-size: 12px;
   font-size: 1.2rem;
 }
 /* Twitter トレンド用バナー  ここまで*/

  .p-mypage__share-wrap {
    padding: 20px;
    }

  .p-mypage__share-btn-wrap {
    padding-top: 20px;
    }

  .p-mypage__list-wrap {
    padding: 5px;
    }

  .p-mypage__list {
    letter-spacing: -.2em;
    }

  }

@-webkit-keyframes fa-spin {

  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    }

  }

@keyframes fa-spin {

  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    }

  }


/* banner */
.p__banner{
  text-align: center;
  max-width: 676px;
  margin: 80px auto 40px auto;
}
.p__banner img{
  width: 100%;
}

@media (max-width:767px){
.p__banner{
  width: 80%;
}
}


/* 2019 / 12  champion images add */
@media screen and (min-width: 961px){
.has-champion .p-top__head--champion{
  padding: 40px 120px;
  text-align: center;
}

.has-champion .p-top__head--champion img{
  width: 80%;
}

.has-champion .p-top__head{
  padding: 0 0 440px 0px;
  text-align: center;
}

.has-champion .p-top__head-title-link {
  position: static;
  margin-top: 10px;
  display: block;
}
.has-champion .p-top__head-login, .p-top__head-regist {
  float: none;
  display: inline-block;
}
}

@media screen and (max-width: 960px){

.has-champion .p-top__head--champion{
  position: static;
  width: 100%;
  padding: 40px 80px;
}

.has-champion .p-top__head-title-link {
  display: none;
}

.has-champion .p-top__head{
  padding: 0 40px 40px;
}

}

@media screen and (max-width: 600px){

.has-champion .p-top__head--champion{
  padding: 30px 60px;
}

.has-champion .p-top__head{
  padding: 0 30px 40px 30px;
}

}

@media screen and (max-width: 360px){

.has-champion .p-top__head--champion{
  padding: 20px 50px;
}

.has-champion .p-top__head{
padding: 0 20px 40px 20px;
}


}




/* utillity */
.mt30{
  margin-top: 30px !important;
}
.mt40{
  margin-top: 40px !important;
}
.mt50{
  margin-top: 50px !important;
}
.mt60{
  margin-top: 60px !important;
}
.mt70{
  margin-top: 70px !important;
}
.mt80{
  margin-top: 80px !important;
}
.mt90{
  margin-top: 90px !important;
}
.mt100{
  margin-top: 100px !important;
}