@charset "UTF-8";
/* -----------------------------------------------
/ import
   ----------------------------------------------- */
/* ===============================================
/ foundation
   =============================================== */
/* -----------------------------------------------
/ variable
   ----------------------------------------------- */
/* 
$brand-primary:         darken(#428bca, 6.5%) !default; // #337ab7
$brand-success:         #5cb85c !default;
$brand-info:            #5bc0de !default;
$brand-warning:         #f0ad4e !default;
$brand-danger:          #d9534f !default;
*/
/*
$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
*/
/*
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
*/
/* -----------------------------------------------
/ mixin
   ----------------------------------------------- */
/*
@import "../object/project/mixins/";

// Utilities
@import "../object/utility/mixins/";
*/
/* -----------------------------------------------
/ reset
   ----------------------------------------------- */
/* line 2, ../../flocss/foundation/_reset.scss */
html, body, header, footer, section, article, aside, nav,
h1, h2, h3, p,
ul, ol, li,
dl, dt, dd,
table, th, td, form, fieldset,
div, a {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

/* list reset */
/* line 23, ../../flocss/foundation/_reset.scss */
ol,
ul {
  list-style-type: none;
}

/* line 29, ../../flocss/foundation/_reset.scss */
li {
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
  line-height: 1.2;
}

/*
/ 罫線の初期化
*/
/* line 40, ../../flocss/foundation/_reset.scss */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

/*
/ ボタン要素の初期化
*/
/* line 50, ../../flocss/foundation/_reset.scss */
.btn--full {
  width: 100%;
}

/* line 53, ../../flocss/foundation/_reset.scss */
.button {
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent none;
  font-size: inherit;
}

/*
/ フォーム要素の初期化
*/
/* line 67, ../../flocss/foundation/_reset.scss */
.form__button {
  margin-left: atuo;
  margin-right: auto;
  width: 200px;
}

/*
/ コメント要素の初期化
*/
/* line 77, ../../flocss/foundation/_reset.scss */
.comment {
  position: relative;
}

/* line 81, ../../flocss/foundation/_reset.scss */
.comment__button {
  position: absolute;
  right: 18px;
  bottom: 10px;
  display: block;
  width: 128px;
  font-size: 14px;
  margin: auto;
}

/* -----------------------------------------------
/ base
   ----------------------------------------------- */
/* line 2, ../../flocss/foundation/_base.scss */
html {
  min-width: 320px;
  font-size: 62.5%;
}

/* line 7, ../../flocss/foundation/_base.scss */
body {
  margin: 0;
  background: #f2f2f2;
  line-height: 1.42857;
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Yu Gothic, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 17, ../../flocss/foundation/_base.scss */
a {
  text-decoration: none;
  color: #333333;
}
/* line 20, ../../flocss/foundation/_base.scss */
a:hover, a:active {
  color: #777777;
}
/* line 24, ../../flocss/foundation/_base.scss */
a:visited {
  color: #333333;
}

/* line 29, ../../flocss/foundation/_base.scss */
code {
  display: inline-block;
  margin: 1em 0;
  background: #e6e6e6;
}

/* line 34, ../../flocss/foundation/_base.scss */
img, video {
  max-width: 100%;
  height: auto;
}

/* ===============================================
/ layout
   =============================================== */
/* -----------------------------------------------
/ container
   ----------------------------------------------- */
/* line 2, ../../flocss/layout/_container.scss */
.container {
  width: 100%;
  margin: 0 auto;
}

/* line 7, ../../flocss/layout/_container.scss */
.container:after {
  clear: both;
  content: "";
  display: block;
}

/* line 13, ../../flocss/layout/_container.scss */
.container__content {
  margin: 0 10px;
}

@media only screen and (min-width: 640px) {
  /* line 22, ../../flocss/layout/_container.scss */
  .container:after {
    clear: both;
    content: "";
    height: 0;
  }
}
@media only screen and (min-width: 960px) {
  /* line 32, ../../flocss/layout/_container.scss */
  .content__container:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
  }

  /* line 40, ../../flocss/layout/_container.scss */
  .container:after {
    clear: both;
    content: "";
    height: 0;
  }
}
@media only screen and (min-width: 1240px) {
  /* line 52, ../../flocss/layout/_container.scss */
  .container:after {
    clear: both;
    content: "";
    height: 0;
  }
}
/* -----------------------------------------------
/ header
   ----------------------------------------------- */
/* line 2, ../../flocss/layout/_header.scss */
.header {
  background-color: #29ABE2;
}

/* line 6, ../../flocss/layout/_header.scss */
.header__inner {
  width: 960px;
  margin: 0 auto;
  padding: 35px 0;
}

@media only screen and (min-width: 640px) {
  /* line 16, ../../flocss/layout/_header.scss */
  .header__container:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
  }
}
/* -----------------------------------------------
/ sub-content
   ----------------------------------------------- */
/* -----------------------------------------------
/ content
   ----------------------------------------------- */
@media screen and (min-width: 640px) {
  /* line 11, ../../flocss/layout/_content.scss */
  .main__content:after {
    clear: both;
    content: "";
    height: 0;
  }
}
/* -----------------------------------------------
/ footer
   ----------------------------------------------- */
/* line 2, ../../flocss/layout/_footer.scss */
.footer {
  background: #fff;
  display: block;
}

@media only screen and (min-width: 960px) {
  /* line 8, ../../flocss/layout/_footer.scss */
  .footer {
    clear: both;
    content: "";
  }
}
/* ===============================================
/ object
   =============================================== */
/* -----------------------------------------------
/ component
   ----------------------------------------------- */
/* line 3, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 2px;
}
/* line 11, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav__item {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 1.2em;
}
/* line 16, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav__item--current a {
  display: block;
  line-height: 45px;
  border-bottom: 2px solid #222;
}
/* line 24, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav__item a {
  display: block;
  line-height: 45px;
  border-bottom: 2px solid #fff;
  -webkit-transition-property: border-color;
  transition-property: border-color;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}
/* line 32, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav__item a:hover {
  border-bottom-color: #222;
}

/* line 42, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav__item--current a {
  display: block;
  line-height: 45px;
  border-bottom: 2px solid #222;
}

/* line 51, ../../flocss/object/component/_c-navigation.scss */
.c-global-nav:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
}

/* line 3, ../../flocss/object/component/_c-heading.scss */
.heading1 {
  margin: 0.67em 0;
  font-size: 48px;
  font-size: 4.8rem;
}

/* line 9, ../../flocss/object/component/_c-heading.scss */
.heading2 {
  margin: 0.83em 0;
  font-size: 32px;
  font-size: 3.2rem;
}

/* line 15, ../../flocss/object/component/_c-heading.scss */
.heading3 {
  margin: 1em 0;
  font-size: 24px;
  font-size: 2.4rem;
}

/* line 21, ../../flocss/object/component/_c-heading.scss */
.heading4 {
  margin: 1.33em 0;
  font-size: 16px;
  font-size: 1.6rem;
}

/* line 27, ../../flocss/object/component/_c-heading.scss */
.heading5 {
  margin: 1.67em 0;
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 33, ../../flocss/object/component/_c-heading.scss */
.heading6 {
  margin: 1.67em 0;
  font-size: 14px;
  font-size: 1.4rem;
}

/* line 41, ../../flocss/object/component/_c-heading.scss */
.logo {
  color: #fff;
  font-family: "Nico Moji";
  font-size: 5rem;
}
/* line 45, ../../flocss/object/component/_c-heading.scss */
.logo:visited, .logo :active {
  color: #fff;
}

/* line 3, ../../flocss/object/component/_c-button.scss */
.c-btn {
  display: inline-block;
  padding: 0 1.5625em;
  border: 1px #000 solid;
  border-radius: 10rem;
  line-height: 2.5em;
  text-align: center;
  background: #fff;
  color: #000;
  letter-spacing: 2px;
  font-size: 1.1em;
  font-weight: 400;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}
/* line 18, ../../flocss/object/component/_c-button.scss */
.c-btn:hover, .c-btn:focus {
  color: #fff;
  background: #000;
}

/* line 24, ../../flocss/object/component/_c-button.scss */
.c-btn--blue {
  background: #18445c;
  background: -webkit-linear-gradient(#18445c, #113041);
  background: -o-linear-gradient(#18445c, #113041);
  background: linear-gradient(#18445c, #113041);
  color: #fff;
}
/* line 30, ../../flocss/object/component/_c-button.scss */
.c-btn--blue:hover, .c-btn--blue:focus {
  background: #0a1c26;
  background: -webkit-linear-gradient(#113041, #0a1c26);
  background: -o-linear-gradient(#113041, #0a1c26);
  background: linear-gradient(#113041, #0a1c26);
}
/* line 36, ../../flocss/object/component/_c-button.scss */
.c-btn--blue:visited {
  color: #fff;
}

/* line 41, ../../flocss/object/component/_c-button.scss */
.c-btn--green {
  background: #83a603;
  background: -webkit-linear-gradient(#83a603, #769300);
  background: -o-linear-gradient(#83a603, #769300);
  background: linear-gradient(#83a603, #769300);
  color: #fff;
}
/* line 47, ../../flocss/object/component/_c-button.scss */
.c-btn--green:hover, .c-btn--green:focus {
  background: #5c7200;
  background: -webkit-linear-gradient(#769300, #5c7200);
  background: -o-linear-gradient(#769300, #5c7200);
  background: linear-gradient(#769300, #5c7200);
}
/* line 53, ../../flocss/object/component/_c-button.scss */
.c-btn--green:visited {
  color: #fff;
}

/* -----------------------------------------------
/ project
   ----------------------------------------------- */
/* line 9, ../../flocss/object/project/_p-local-nav.scss */
.p-local-nav:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

/* line 6, ../../flocss/object/project/_p-heading.scss */
.p-content__heading {
  padding-top: 10px;
}

/* line 2, ../../flocss/object/project/_p-header.scss */
.p-header__logo {
  width: 960px;
  margin: 0 auto;
  padding: 35px 0;
  letter-spacing: 2px;
}

/* line 10, ../../flocss/object/project/_p-header.scss */
.p-header__nav {
  background: #fff;
}

/* line 3, ../../flocss/object/project/_p-overview.scss */
.p-overview {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 2em;
  background: #fff;
}
/* line 8, ../../flocss/object/project/_p-overview.scss */
.p-overview__heading {
  margin-bottom: .6em;
}
/* line 11, ../../flocss/object/project/_p-overview.scss */
.p-overview__paragraph {
  line-height: 2;
  font-size: 1.1em;
  padding-bottom: 1em;
}

/* line 3, ../../flocss/object/project/_p-heldDates.scss */
.p-heldDates {
  width: 960px;
  margin-right: 65%;
  margin-left: 35%;
  padding-top: 2em;
  padding-bottom: 2em;
}
/* line 9, ../../flocss/object/project/_p-heldDates.scss */
.p-heldDates__heading {
  margin-bottom: .2em;
}
/* line 12, ../../flocss/object/project/_p-heldDates.scss */
.p-heldDates__paragraph {
  font-size: 1.2em;
  line-height: 1.6;
}
/* line 15, ../../flocss/object/project/_p-heldDates.scss */
.p-heldDates__paragraph__link {
  text-decoration: underline;
}

/* line 3, ../../flocss/object/project/_p-copyright.scss */
.p-copyright {
  padding-top: 3.6em;
  padding-bottom: 3.6em;
  text-align: center;
}

/* line 3, ../../flocss/object/project/_p-summary.scss */
.p-summary-rap {
  width: 100%;
  background: #fff;
}

/* line 7, ../../flocss/object/project/_p-summary.scss */
.p-summary {
  width: 960px;
  margin: 0 auto;
  padding: 1.5em;
}
/* line 11, ../../flocss/object/project/_p-summary.scss */
.p-summary__heading {
  margin-top: .5em;
  margin-bottom: .3em;
  padding-left: 1em;
  padding-right: 1em;
}
/* line 17, ../../flocss/object/project/_p-summary.scss */
.p-summary__paragraph {
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-bottom: .8em;
  font-size: 1.1em;
  line-height: 1.6;
  text-align: justify;
}
/* line 25, ../../flocss/object/project/_p-summary.scss */
.p-summary__list {
  padding-left: 3em;
  padding-right: 1.2em;
  list-style: disc;
}
/* line 29, ../../flocss/object/project/_p-summary.scss */
.p-summary__list__item {
  font-size: 1.1em;
  line-height: 1.7em;
}

/* line 3, ../../flocss/object/project/_p-news.scss */
.p-news-rap {
  width: 100%;
  background: #fff;
}

/* line 7, ../../flocss/object/project/_p-news.scss */
.p-news {
  width: 960px;
  margin: 0 auto;
  padding: 1.5em;
}
/* line 11, ../../flocss/object/project/_p-news.scss */
.p-news__heading {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.3em;
}
/* line 18, ../../flocss/object/project/_p-news.scss */
.p-news__paragraph {
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-bottom: .8em;
  font-size: 1.1em;
  line-height: 1.6;
  text-align: justify;
}
/* line 26, ../../flocss/object/project/_p-news.scss */
.p-news__date {
  padding-right: 1.4em;
  text-align: right;
}
/* line 30, ../../flocss/object/project/_p-news.scss */
.p-news__description {
  display: block;
}
/* line 32, ../../flocss/object/project/_p-news.scss */
.p-news__description__title {
  padding-bottom: .3em;
  padding-left: 1.1em;
  font-size: 1.25em;
}
/* line 37, ../../flocss/object/project/_p-news.scss */
.p-news__description__list {
  padding-left: 1.1em;
  padding-bottom: .6em;
  font-size: 1.2em;
  text-align: justify;
}
/* line 42, ../../flocss/object/project/_p-news.scss */
.p-news__description__list--caution {
  font-size: 1em;
  padding-right: 1em;
}
/* line 46, ../../flocss/object/project/_p-news.scss */
.p-news__description__list a {
  color: #29ABE2;
}

/* line 3, ../../flocss/object/project/_p-newsletter.scss */
.p-newsletter-rap {
  width: 100%;
  background: #fff;
}

/* line 8, ../../flocss/object/project/_p-newsletter.scss */
.p-newsletter {
  width: 960px;
  margin: 0 auto;
  padding: 1.5em;
}
/* line 12, ../../flocss/object/project/_p-newsletter.scss */
.p-newsletter__heading {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1em;
  padding-right: 1em;
}

/* line 21, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent {
  margin-left: 3em;
  margin-bottom: 1em;
}
/* line 24, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__heading {
  font-size: 1.5em;
}
/* line 26, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__heading:before {
  vertical-align: .13em;
  margin-left: -1em;
  margin-right: .4em;
  text-align: center;
  font-size: .7em;
  font-family: FontAwesome;
  content: "\f196";
}
/* line 36, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__list {
  margin-left: .2em;
}
/* line 38, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__list__item {
  margin-top: .4em;
}
/* line 40, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__list__item span {
  font-size: 1.3em;
}
/* line 43, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent__list__item a {
  font-size: 1.3em;
  text-decoration: underline;
}

/* line 52, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent--close .p-newsListComponent__list {
  height: 0px;
  transition: height 1s ease-out;
  transform: scaleY(0);
  display: block;
}

/* line 63, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent--open .p-newsListComponent__heading:before {
  content: "\f147";
}
/* line 68, ../../flocss/object/project/_p-newsletter.scss */
.p-newsListComponent--open .p-newsListComponent__list {
  transform: scaleY(1);
  transform-origin: top;
  transition: transform .4s ease;
  display: block;
}

/* line 3, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-newsletterPreview-rap {
  width: 100%;
  background: #fff;
}

/* line 9, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-newsletterPreview {
  padding-top: 3em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 2em;
  width: 960px;
  margin: 0 auto;
}
/* line 16, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-newsletterPreview__header {
  margin-bottom: 1em;
  display: flex;
  justify-content: space-between;
}
/* line 24, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-newsletterPreview__newsImage {
  margin-left: 7.4em;
}
/* line 28, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-newsletterPreview__footer__date {
  padding-right: 8em;
  margin-top: -1em;
  text-align: right;
}

/* line 36, ../../flocss/object/project/_p-newsletterPreview.scss */
.p-return-nav {
  margin-top: -.4em;
}

/* line 3, ../../flocss/object/project/_p-links.scss */
.p-links-rap {
  width: 100%;
  background: #fff;
}

/* line 8, ../../flocss/object/project/_p-links.scss */
.p-links {
  width: 960px;
  height: 550px;
  margin: 0 auto;
}
/* line 14, ../../flocss/object/project/_p-links.scss */
.p-links__list {
  margin-top: .8em;
  margin-left: .4em;
}
/* line 17, ../../flocss/object/project/_p-links.scss */
.p-links__list__item {
  padding-bottom: 1em;
  font-size: 1.2em;
}
/* line 20, ../../flocss/object/project/_p-links.scss */
.p-links__list__item a {
  text-decoration: underline;
}

/* -----------------------------------------------
/ utility
   ----------------------------------------------- */
/* line 5, ../../flocss/object/utility/_u-text.scss */
.u-textSpacing--after--3digit {
  padding-right: .3em;
}
/* line 8, ../../flocss/object/utility/_u-text.scss */
.u-textSpacing--after--8digit {
  padding-right: .8em;
}