@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
/* color set */
/* font set */
.panel {
  box-shadow: none; }

/* normarize */
* {
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  font-family: arial,helvetica,sans-serif;
  background: #fff;
  color: black; }

body {
  color: black; }

p {
  word-break: normal;
  word-wrap: break-word;
  line-height: 1.5; }

a, a:link {
  outline: none;
  word-break: break-all;
  word-wrap: break-word;
  text-decoration: none !important;
  color: #000000;
  padding: 0 !important; }

a:hover, a:focus {
  color: #000000 !important;
  text-decoration: underline; }

img {
  border: none;
  vertical-align: bottom; }

img.background {
  width: 100%;
  height: auto; }

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

strong {
  font-weight: bold; }

.center {
  text-align: center; }

::-moz-selection {
  background: #3cb44b;
  color: white; }

::selection {
  background: #3cb44b;
  color: white; }
  ::-moz-selection.input {
    color: gray; }
  ::selection.input {
    color: gray; }

.nopadding {
  padding: 0 !important; }

.nomargin {
  margin: 0 !important; }

/* CLEARFIX */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.row {
  margin: 0; }

/* default */
h1, h3, h4, h5, h6 {
  font-family: "Noto Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #3cb44b;
  font-size: 227%;
  margin: 0; }
  @media (max-width: 480px) {
    h1, h3, h4, h5, h6 {
      font-size: 246%; } }

h2 {
  font-family: "Noto Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: black;
  font-size: 227%;
  margin: 0; }
  @media (max-width: 480px) {
    h2 {
      font-size: 246%; } }

div h2 {
  color: #3cb44b;
  text-align: center;
  margin: 100px 0; }
  @media (max-width: 480px) {
    div h2 {
      margin: 30px 0; }
      div h2.koen-title {
        margin: 80px 0 30px; } }
  @media (min-width: 768px) {
    div h2 {
      margin: 60px 0; }
      div h2.koen-title {
        margin: 80px 0 60px; } }

span, .span {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: black;
  font-size: 56%; }
  @media (max-width: 480px) {
    span, .span {
      font-size: 40%;
      line-height: 1.3; } }

.container-fluid, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 0px; }
  @media (max-width: 768px) {
    .container-fluid, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      padding: 0 0px; } }

.header-container header .site-head {
  padding: 0 60px;
  margin: 15px 0; }
  @media (max-width: 768px) {
    .header-container header .site-head {
      padding: 0 10px; } }
  .header-container header .site-head .site-logo h1 .span {
    margin-top: 20px; }
  .header-container header .site-head .brand-logo img {
    float: right; }

.header-container header .menu-head {
  background-color: #3cb44b;
  /* global-menu-ie8 */ }
  @media (max-width: 480px) {
    .header-container header .menu-head {
      padding-bottom: 20px !important; } }
  .header-container header .menu-head .global-menu, .header-container header .menu-head .global-menu-ie8 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 60px; }
    @media (max-width: 768px) {
      .header-container header .menu-head .global-menu, .header-container header .menu-head .global-menu-ie8 {
        padding: 0 10px; } }
    .header-container header .menu-head .global-menu ul, .header-container header .menu-head .global-menu-ie8 ul {
      /* global-menu */ }
      .header-container header .menu-head .global-menu ul li, .header-container header .menu-head .global-menu-ie8 ul li {
        padding: 0 30px;
        font-family: "Noto Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        color: white;
        margin: 0;
        border-bottom: 1px solid #63c06e;
        font-weight: normal;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        letter-spacing: 0.01em;
        font-size: 123%; }
        @media (max-width: 768px) {
          .header-container header .menu-head .global-menu ul li, .header-container header .menu-head .global-menu-ie8 ul li {
            padding: 0 10px; } }
        .header-container header .menu-head .global-menu ul li:first-child, .header-container header .menu-head .global-menu-ie8 ul li:first-child {
          padding-left: 10px; }
        .header-container header .menu-head .global-menu ul li:last-child, .header-container header .menu-head .global-menu-ie8 ul li:last-child {
          padding-right: 10px; }
        @media (min-width: 480px) {
          .header-container header .menu-head .global-menu ul li, .header-container header .menu-head .global-menu-ie8 ul li {
            margin: 25px 0;
            font-size: 138.5%;
            font-weight: bold;
            letter-spacing: 0;
            border-bottom: none; }
            .header-container header .menu-head .global-menu ul li:first-child, .header-container header .menu-head .global-menu-ie8 ul li:first-child {
              padding-left: 0; }
            .header-container header .menu-head .global-menu ul li:last-child, .header-container header .menu-head .global-menu-ie8 ul li:last-child {
              padding-right: 0; } }
        .header-container header .menu-head .global-menu ul li a, .header-container header .menu-head .global-menu ul li a:link, .header-container header .menu-head .global-menu ul li a:visited, .header-container header .menu-head .global-menu-ie8 ul li a, .header-container header .menu-head .global-menu-ie8 ul li a:link, .header-container header .menu-head .global-menu-ie8 ul li a:visited {
          color: white;
          display: block; }
          .header-container header .menu-head .global-menu ul li a .fa, .header-container header .menu-head .global-menu ul li a:link .fa, .header-container header .menu-head .global-menu ul li a:visited .fa, .header-container header .menu-head .global-menu-ie8 ul li a .fa, .header-container header .menu-head .global-menu-ie8 ul li a:link .fa, .header-container header .menu-head .global-menu-ie8 ul li a:visited .fa {
            float: right;
            padding-top: 5px; }
            @media (min-width: 480px) {
              .header-container header .menu-head .global-menu ul li a .fa, .header-container header .menu-head .global-menu ul li a:link .fa, .header-container header .menu-head .global-menu ul li a:visited .fa, .header-container header .menu-head .global-menu-ie8 ul li a .fa, .header-container header .menu-head .global-menu-ie8 ul li a:link .fa, .header-container header .menu-head .global-menu-ie8 ul li a:visited .fa {
                display: none; } }
        .header-container header .menu-head .global-menu ul li a:hover, .header-container header .menu-head .global-menu-ie8 ul li a:hover {
          color: #146133 !important;
          background-color: transparent !important; }
  .header-container header .menu-head .global-menu-ie8 ul li {
    float: left; }

#container {
  background: url("../images/main-bg.jpg") center top;
  background-repeat: repeat-x;
  /* profile */
  /* send-message */
  /* koen-kai */
  /* contact */
  /* donation */
  /* footer */ }
  @media (max-width: 1024px) {
    #container {
      background: none; } }
  #container .scroll-top {
    text-align: right;
    padding: 15px; }
    #container .scroll-top a, #container .scroll-top a:link {
      display: block;
      color: gray; }
  #container .main {
    max-width: 1024px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      #container .main {
        width: auto; } }
    #container .main img {
      width: 1024px;
      vertical-align: top;
      margin: 0 auto; }
      @media (max-width: 1024px) {
        #container .main img {
          width: auto; } }
  #container .manifesto {
    max-width: 1024px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      #container .manifesto {
        width: auto; } }
    @media (max-width: 480px) {
      #container .manifesto {
        margin-bottom: 30px; } }
    #container .manifesto ul {
      padding: 0 30px;
      margin: 70px 0; }
      @media (max-width: 768px) {
        #container .manifesto ul {
          padding: 0 10px; } }
      @media (max-width: 480px) {
        #container .manifesto ul {
          margin: 0; } }
      #container .manifesto ul.fest2 {
        margin-top: 3em; }
      #container .manifesto ul li {
        padding: 0 40px; }
        @media (max-width: 768px) {
          #container .manifesto ul li {
            padding: 0 20px; } }
        #container .manifesto ul li h3 {
          margin-bottom: 20px;
          color: black;
          font-size: 175%; }
          @media (max-width: 480px) {
            #container .manifesto ul li h3 {
              margin-bottom: 10px;
              font-size: 150%; } }
          #container .manifesto ul li h3 i {
            color: #ff5a00;
            font-size: 118%; }
            @media (max-width: 480px) {
              #container .manifesto ul li h3 i {
                font-size: 100%; } }
            #container .manifesto ul li h3 i.green {
              color: #3cb44b; }
        @media (max-width: 480px) {
          #container .manifesto ul li p {
            margin-bottom: 20px; } }
        #container .manifesto ul li ul {
          display: flex;
          margin-top: 30px;
          margin-bottom: 30px; }
          @media (max-width: 768px) {
            #container .manifesto ul li ul {
              display: inline-block; } }
          #container .manifesto ul li ul li {
            width: 33.333%;
            padding-left: 5px;
            padding-right: 5px; }
            @media (max-width: 768px) {
              #container .manifesto ul li ul li {
                width: 100%;
                padding: 10px 5px; } }
            #container .manifesto ul li ul li figure img {
              width: 100%; }
  #container .mani-visual {
    height: 368px;
    overflow: hidden; }
    @media (max-width: 480px) {
      #container .mani-visual {
        height: auto; } }
    #container .mani-visual img {
      display: block; }
  #container .profile {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px; }
    @media (max-width: 1024px) {
      #container .profile {
        width: auto; } }
    @media (max-width: 768px) {
      #container .profile {
        padding: 0 10px; } }
    @media (max-width: 480px) {
      #container .profile {
        padding-top: 30px; } }
    #container .profile ul {
      padding: 0 0px;
      margin: 0; }
      @media (max-width: 768px) {
        #container .profile ul {
          padding: 0 10px; } }
      #container .profile ul li.profile-item {
        padding: 0 0px;
        line-height: 1.8; }
        @media (max-width: 768px) {
          #container .profile ul li.profile-item {
            padding: 0 0px; } }
        @media (max-width: 768px) {
          #container .profile ul li.profile-item {
            line-height: 1.6; } }
        @media (max-width: 480px) {
          #container .profile ul li.profile-item {
            padding: 5px 0;
            line-height: 1.4; } }
    #container .profile .activity {
      margin-top: 2em; }
      #container .profile .activity h3 {
        font-size: 1.25em;
        margin-bottom: 0.5em; }
      #container .profile .activity p {
        margin-left: 0.5em;
        margin-bottom: 2.5em; }
  #container .send-message {
    background-color: #3cb44b;
    text-align: center;
    padding: 70px 0; }
    @media (max-width: 480px) {
      #container .send-message {
        padding: 30px 10px; } }
    #container .send-message p {
      color: white;
      line-height: 2;
      font-size: 100%; }
      @media (max-width: 480px) {
        #container .send-message p {
          line-height: 1.6;
          font-size: 100%; } }
    #container .send-message div {
      padding: 10px;
      background: #146133;
      max-width: 406px;
      margin: 30px auto 0px;
      width: 80%;
      box-shadow: 0 4px 0 #aaa;
      border-radius: 10px;
      /* CSS3草案 */
      -webkit-border-radius: 10px;
      /* Safari,Google Chrome用 */
      -moz-border-radius: 10px; }
      @media (max-width: 480px) {
        #container .send-message div {
          margin: 10px auto 0px; } }
      #container .send-message div a {
        display: block;
        color: white;
        font-size: 200%; }
        @media (max-width: 480px) {
          #container .send-message div a {
            font-size: 150%; } }
      #container .send-message div:hover {
        background: #18743d;
        color: white !important; }
  #container .focebook-box {
    padding: 0 60px;
    margin: 40px auto 0; }
    @media (max-width: 768px) {
      #container .focebook-box {
        padding: 0 10px; } }
    @media (max-width: 480px) {
      #container .focebook-box .facebook {
        width: 300px;
        margin: 0 auto; } }
    @media (min-width: 480px) {
      #container .focebook-box .facebook {
        width: 648px;
        margin: 0 auto; } }
    @media (min-width: 1024px) {
      #container .focebook-box .facebook {
        width: 904px;
        margin: 0 auto; } }
  #container .koen-kai {
    max-width: 1024px;
    margin: 0 auto; }
    @media (max-width: 1024px) {
      #container .koen-kai {
        width: auto; } }
    #container .koen-kai .form {
      padding: 0 10px; }
      @media (max-width: 768px) {
        #container .koen-kai .form {
          padding: 0 10px; } }
      #container .koen-kai .form h3 {
        margin-bottom: 20px;
        color: black;
        font-size: 175%;
        padding: 0 10px; }
        @media (max-width: 768px) {
          #container .koen-kai .form h3 {
            padding: 0 0px; } }
        #container .koen-kai .form h3 i {
          color: #ff5a00;
          font-size: 118%; }
      #container .koen-kai .form .kiyaku {
        padding: 0 40px;
        padding-right: 0px; }
        @media (max-width: 768px) {
          #container .koen-kai .form .kiyaku {
            padding: 0 10px; } }
        @media (max-width: 480px) {
          #container .koen-kai .form .kiyaku {
            padding-top: 10px; } }
        #container .koen-kai .form .kiyaku span {
          color: #3cb44b;
          font-size: 115%; }
        #container .koen-kai .form .kiyaku ol {
          padding-left: 20px; }
          #container .koen-kai .form .kiyaku ol li {
            list-style-type: decimal;
            font-size: 100%; }
        #container .koen-kai .form .kiyaku .form-main {
          font-size: 90%; }
          #container .koen-kai .form .kiyaku .form-main .me {
            margin: 20px 0; }
          @media (max-width: 480px) {
            #container .koen-kai .form .kiyaku .form-main .family {
              margin: 10px 0 0;
              padding-top: 10px;
              border-top: 1px solid #ccc; } }
          @media (max-width: 480px) {
            #container .koen-kai .form .kiyaku .form-main .family-first {
              margin: 0;
              padding-top: 0px;
              border-top: none; } }
          #container .koen-kai .form .kiyaku .form-main .tag {
            padding-top: 6px; }
            @media (max-width: 480px) {
              #container .koen-kai .form .kiyaku .form-main .tag {
                padding-top: 10px; } }
          #container .koen-kai .form .kiyaku .form-main label {
            font-weight: normal; }
          #container .koen-kai .form .kiyaku .form-main .form-control {
            width: 80%; }
            @media (max-width: 768px) {
              #container .koen-kai .form .kiyaku .form-main .form-control {
                width: 100%; } }
          #container .koen-kai .form .kiyaku .form-main .form-inline .radio {
            margin-top: 4px; }
          #container .koen-kai .form .kiyaku .form-main .form-inline .form-group {
            margin-bottom: 10px;
            padding: 0; }
            #container .koen-kai .form .kiyaku .form-main .form-inline .form-group .form-control {
              width: 68%; }
              @media (max-width: 768px) {
                #container .koen-kai .form .kiyaku .form-main .form-inline .form-group .form-control {
                  width: 100%; } }
              #container .koen-kai .form .kiyaku .form-main .form-inline .form-group .form-control.family {
                width: 90%; }
                @media (max-width: 768px) {
                  #container .koen-kai .form .kiyaku .form-main .form-inline .form-group .form-control.family {
                    width: 100%; } }
            #container .koen-kai .form .kiyaku .form-main .form-inline .form-group span {
              color: #ff5a00;
              font-size: 90%; }
      #container .koen-kai .form .volunteer {
        margin: 20px 0 10px; }
      #container .koen-kai .form .submit {
        padding: 40px 0 10px; }
        #container .koen-kai .form .submit input {
          padding: 10px;
          background: #146133;
          max-width: 406px;
          margin: 30px auto 0px;
          width: 80%;
          box-shadow: 0 4px 0 #aaa;
          border-radius: 10px;
          /* CSS3草案 */
          -webkit-border-radius: 10px;
          /* Safari,Google Chrome用 */
          -moz-border-radius: 10px;
          display: block;
          color: white;
          font-size: 200%; }
          #container .koen-kai .form .submit input:hover {
            background: #18743d;
            color: black; }
          #container .koen-kai .form .submit input:before {
            content: ""; }
  #container .contact {
    background-color: #3cb44b;
    text-align: center;
    padding: 70px 0;
    margin: 65px 0 0; }
    @media (max-width: 480px) {
      #container .contact {
        padding: 20px 0;
        margin: 30px 0 0; } }
    #container .contact h3 {
      color: white;
      line-height: 2; }
      @media (max-width: 480px) {
        #container .contact h3 {
          font-size: 150%; } }
    #container .contact p {
      color: white;
      line-height: 2;
      font-size: 130%; }
      @media (max-width: 480px) {
        #container .contact p {
          font-size: 100%; } }
  #container .donation {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px; }
    @media (max-width: 1024px) {
      #container .donation {
        width: auto; } }
    @media (max-width: 768px) {
      #container .donation {
        padding: 0 20px; } }
    #container .donation div div {
      padding: 0 10px; }
      @media (max-width: 768px) {
        #container .donation div div {
          padding: 0 10px; } }
    #container .donation h3 {
      margin-bottom: 20px;
      color: black;
      font-size: 175%; }
      @media (max-width: 480px) {
        #container .donation h3 {
          font-size: 150%; } }
      #container .donation h3 i {
        color: #ff5a00;
        font-size: 118%; }
    #container .donation p {
      line-height: 1.8;
      margin: 32px 0 0; }
    #container .donation .disclaimer {
      font-size: 90%; }
      #container .donation .disclaimer span {
        color: #ff5a00; }
    #container .donation .attention {
      border: 1px solid #ff5a00;
      padding: 40px;
      margin: 32px 0 0; }
      @media (max-width: 480px) {
        #container .donation .attention {
          padding: 0 20px 20px; } }
      @media (max-width: 768px) {
        #container .donation .attention {
          padding: 80px 20px 110px; } }
      #container .donation .attention p {
        font-size: 150%;
        line-height: 2;
        text-align: center;
        font-weight: bold; }
        @media (max-width: 480px) {
          #container .donation .attention p {
            font-size: 100%; } }
  #container .footer {
    background-color: #146133;
    margin: 70px 0 0;
    padding: 5px 0;
    text-align: center; }
    #container .footer span {
      color: white; }

/* #container */
/*# sourceMappingURL=layout.css.map */