@charset "UTF-8";
/* $font-family-sans-serif: "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Roboto");
/* $backgroundsize-htc-path: '/backgroundsize.min.htc'; */
#tree .cont_header {
  background: url(../tree/img/main_img.jpg) no-repeat center 0;
  background-size: cover; }

#tree .box_point {
  padding: 30px 0;
  margin: 0 10px;
  border-bottom: dotted 1px #333; }
  #tree .box_point:last-child {
    border-bottom: none;
    padding-bottom: 10px; }
  #tree .box_point .txt figure {
    text-align: center; }
    #tree .box_point .txt figure img {
      width: 76px; }
  #tree .box_point .txt h4 {
    text-align: center;
    margin: 15px 0; }
  @media only screen and (max-width: 576px), print {
    #tree .box_point .txt p {
      margin-bottom: 1em; } }
  #tree .box_point .lefty {
    padding-right: 20px; }
    @media only screen and (max-width: 576px), print {
      #tree .box_point .lefty {
        padding-right: 0; } }
  #tree .box_point .righty {
    padding-left: 20px; }
    @media only screen and (max-width: 576px), print {
      #tree .box_point .righty {
        padding-left: 0; } }

#mountain .cont_header {
  background: url(../mountain/img/main_img.jpg) no-repeat center 0;
  background-size: cover; }

@media only screen and (max-width: 576px), print {
  #mountain .ttl_pic {
    font-size: 22px; } }

#mountain .pic {
  max-width: 800px;
  width: 100%;
  margin: 15px auto 35px; }

#mountain .inner.contents_box {
  padding: 0; }

#mountain .box_point .txt {
  padding: 20px; }
  #mountain .box_point .txt h4 {
    margin: 55px 0 12px;
    font-size: 20px;
    color: #278763; }
    @media only screen and (max-width: 1024px), print {
      #mountain .box_point .txt h4 {
        margin-top: 0; } }
  @media only screen and (max-width: 576px), print {
    #mountain .box_point .txt p {
      margin-bottom: 1em; } }

#mountain .box_about {
  border: solid 2px #278763;
  padding: 25px;
  max-width: 750px;
  width: 100%;
  margin: 50px auto 20px; }
  @media only screen and (max-width: 576px), print {
    #mountain .box_about {
      padding: 10px; } }
  #mountain .box_about p {
    font-size: 18px;
    color: #278763;
    text-align: center; }
    @media only screen and (max-width: 576px), print {
      #mountain .box_about p {
        font-size: 15px;
        text-align: left; } }

#system .cont_header {
  background: url(../system/img/main_img.jpg) no-repeat center 0;
  background-size: cover; }

#system .cat_ttl {
  text-align: center;
  color: #278763;
  font-size: 26px;
  margin: 50px 0 20px; }
  @media only screen and (max-width: 576px), print {
    #system .cat_ttl {
      font-size: 22px; } }
  #system .cat_ttl:before, #system .cat_ttl:after {
    display: inline-block;
    content: "";
    width: 0.8em;
    height: 4px;
    background-color: #278763;
    position: relative;
    bottom: 0.3em;
    margin: 0 0.4em; }

#system .box_cat .photo {
  padding-right: 40px;
  padding-bottom: 30px;
  position: relative; }
  @media only screen and (max-width: 576px), print {
    #system .box_cat .photo {
      padding-right: 0;
      padding-bottom: 0; } }

#system .box_cat p {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 314px;
  padding: 18px 22px;
  background-color: #f2f2f2; }
  @media only screen and (max-width: 576px), print {
    #system .box_cat p {
      position: static;
      padding: 10px 15px;
      margin-bottom: 20px; } }

#system .box_ninsyouzai {
  display: table;
  width: 100%;
  max-width: 720px;
  border: solid 5px #fff;
  margin: 60px auto 10px; }
  #system .box_ninsyouzai .lefty {
    display: table-cell;
    width: 304px;
    padding: 20px 5px 20px 20px; }
    @media only screen and (max-width: 576px), print {
      #system .box_ninsyouzai .lefty {
        display: block;
        width: 100%;
        padding: 10px; } }
  #system .box_ninsyouzai .righty {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    position: relative; }
    @media only screen and (max-width: 576px), print {
      #system .box_ninsyouzai .righty {
        display: block;
        padding: 10px 10px 50px 10px; } }
    #system .box_ninsyouzai .righty h4 {
      font-size: 16px;
      color: #278763;
      margin-bottom: 12px; }
    #system .box_ninsyouzai .righty a {
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      right: 20px;
      bottom: 18px;
      color: #333; }

#activity .cont_header {
  background: url(../activity/img/main_img.jpg) no-repeat center 0;
  background-size: cover; }

@media only screen and (max-width: 768px), print {
  #activity .inner.contents_box {
    max-width: 600px; } }

@media only screen and (max-width: 768px), print {
  #activity .box_act {
    max-width: 600px; } }

#activity .box_act h4 {
  margin-bottom: 0px; }

#activity .box_act .txt {
  position: relative;
  background-color: #f2f2f2;
  padding-top: 33%; }
  @media only screen and (max-width: 768px), print {
    #activity .box_act .txt {
      padding: 15px; } }
  #activity .box_act .txt p {
    position: absolute;
    top: 50%;
    left: 12%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 76%; }
    @media only screen and (max-width: 768px), print {
      #activity .box_act .txt p {
        position: static;
        top: inherit;
        left: inherit;
        -webkit-transform: none;
                transform: none;
        width: 100%; } }

#activity .box_act.box_1 h4 {
  width: 138px; }

#activity .box_act.box_2 h4 {
  width: 134px;
  margin-left: auto;
  margin-right: auto; }

#activity .box_act.box_3_1 h4 {
  width: 171px; }

#activity .box_act.box_3_2 {
  margin-top: 130px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px), print {
    #activity .box_act.box_3_2 {
      margin-top: 0;
      padding-bottom: 0; } }
  #activity .box_act.box_3_2 .box_seibi_1,
  #activity .box_act.box_3_2 .box_seibi_2,
  #activity .box_act.box_3_2 .box_seibi_3 {
    position: relative; }
    @media only screen and (max-width: 768px), print {
      #activity .box_act.box_3_2 .box_seibi_1,
      #activity .box_act.box_3_2 .box_seibi_2,
      #activity .box_act.box_3_2 .box_seibi_3 {
        top: inherit !important; } }
    #activity .box_act.box_3_2 .box_seibi_1 .txt_set,
    #activity .box_act.box_3_2 .box_seibi_2 .txt_set,
    #activity .box_act.box_3_2 .box_seibi_3 .txt_set {
      position: absolute;
      border: solid 3px #f2f2f2;
      padding: 20px;
      background-color: #fff;
      max-width: 241px; }
      @media only screen and (max-width: 768px), print {
        #activity .box_act.box_3_2 .box_seibi_1 .txt_set,
        #activity .box_act.box_3_2 .box_seibi_2 .txt_set,
        #activity .box_act.box_3_2 .box_seibi_3 .txt_set {
          padding: 15px 20px;
          margin: 20px 0;
          position: static;
          top: inherit !important;
          bottom: inherit !important;
          left: inherit !important;
          max-width: 100%; } }
      #activity .box_act.box_3_2 .box_seibi_1 .txt_set h5,
      #activity .box_act.box_3_2 .box_seibi_2 .txt_set h5,
      #activity .box_act.box_3_2 .box_seibi_3 .txt_set h5 {
        color: #278763;
        font-size: 14px;
        margin-bottom: 3px; }
      #activity .box_act.box_3_2 .box_seibi_1 .txt_set p,
      #activity .box_act.box_3_2 .box_seibi_2 .txt_set p,
      #activity .box_act.box_3_2 .box_seibi_3 .txt_set p {
        line-height: 1.5; }
  #activity .box_act.box_3_2 .box_seibi_1 .txt_set {
    top: -180px;
    left: 10%; }
  #activity .box_act.box_3_2 .box_seibi_2 {
    top: -90px; }
    #activity .box_act.box_3_2 .box_seibi_2 .txt_set {
      bottom: -130px;
      left: -30%; }
  #activity .box_act.box_3_2 .box_seibi_3 {
    top: -180px; }
    #activity .box_act.box_3_2 .box_seibi_3 .txt_set {
      bottom: -110px;
      left: -20%; }

#activity .box_sitelink {
  display: table;
  width: 100%;
  max-width: 720px;
  border: solid 5px #fff;
  margin: 60px auto 10px; }
  #activity .box_sitelink .lefty {
    display: table-cell;
    width: 304px;
    padding: 20px 5px 20px 20px; }
    #activity .box_sitelink .lefty img {
      -webkit-box-shadow: 6px 6px 12px -3px rgba(0, 0, 0, .2);
              box-shadow: 6px 6px 12px -3px rgba(0, 0, 0, .2); }
    @media only screen and (max-width: 576px), print {
      #activity .box_sitelink .lefty {
        display: block;
        width: 100%;
        padding: 10px; } }
  #activity .box_sitelink .righty {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    position: relative; }
    @media only screen and (max-width: 576px), print {
      #activity .box_sitelink .righty {
        display: block;
        padding: 10px 10px 50px 10px; } }
    #activity .box_sitelink .righty h4 {
      font-size: 16px;
      color: #278763;
      margin-bottom: 12px; }
    #activity .box_sitelink .righty a {
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      right: 20px;
      bottom: 18px;
      color: #333; }

#house .cont_header {
  background: url(../house/img/main_img.jpg) no-repeat center 0;
  background-size: cover; }

#house .inner.contents_box {
  padding: 20px; }

#house .box_1,
#house .box_2,
#house .box_3,
#house .box_4,
#house .box_5,
#house .box_6 {
  padding: 25px 0;
  border-bottom: dotted 1px #000; }
  #house .box_1 figure,
  #house .box_2 figure,
  #house .box_3 figure,
  #house .box_4 figure,
  #house .box_5 figure,
  #house .box_6 figure {
    margin-bottom: 25px; }
    @media only screen and (max-width: 576px), print {
      #house .box_1 figure,
      #house .box_2 figure,
      #house .box_3 figure,
      #house .box_4 figure,
      #house .box_5 figure,
      #house .box_6 figure {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px; } }
  #house .box_1 .txt,
  #house .box_2 .txt,
  #house .box_3 .txt,
  #house .box_4 .txt,
  #house .box_5 .txt,
  #house .box_6 .txt {
    padding-right: 40px; }
    @media only screen and (max-width: 576px), print {
      #house .box_1 .txt,
      #house .box_2 .txt,
      #house .box_3 .txt,
      #house .box_4 .txt,
      #house .box_5 .txt,
      #house .box_6 .txt {
        padding-bottom: 10px; } }
  #house .box_1 h4,
  #house .box_2 h4,
  #house .box_3 h4,
  #house .box_4 h4,
  #house .box_5 h4,
  #house .box_6 h4 {
    font-size: 14px;
    margin-bottom: 2px;
    line-height: 1.6; }

@media only screen and (max-width: 576px), print {
  #house .box_1 {
    margin-top: 15px; } }

#house .box_1 figure {
  width: 153px; }

#house .box_2 figure {
  width: 272px; }

#house .box_3 figure {
  width: 119px; }

#house .box_4 figure {
  width: 245px; }

#house .box_5 figure {
  width: 245px; }

#house .box_6 {
  border-bottom: none; }
  #house .box_6 figure {
    width: 245px; }

#house .box_kameiten {
  position: relative;
  max-width: 740px;
  margin: 20px auto 0;
  border: solid 4px #278763;
  padding: 15px 20px 40px; }
  #house .box_kameiten h4 {
    font-size: 20px;
    color: #278763;
    margin-bottom: 10px; }
  #house .box_kameiten a {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: #333; }

#about .inner .cont_inner {
  margin: 30px auto;
  width: 100%;
  max-width: 640px; }

#about .inner table {
  border-top: solid 1px #ccc;
  margin: 20px 0;
  width: 100%; }
  #about .inner table tr th,
  #about .inner table tr td {
    border-bottom: solid 1px #ccc;
    padding: 0.7em 0; }
    @media only screen and (max-width: 576px), print {
      #about .inner table tr th,
      #about .inner table tr td {
        display: block; } }
  #about .inner table tr th {
    font-weight: bold;
    width: 9em; }
    @media only screen and (max-width: 576px), print {
      #about .inner table tr th {
        width: 100%;
        border-bottom: none; } }
    #about .inner table tr th.no1, #about .inner table tr th.no2, #about .inner table tr th.no3 {
      vertical-align: middle;
      padding-left: 35px; }
    #about .inner table tr th.no1 {
      background: url(../about/img/no_1.png) no-repeat 0 center;
      background-size: 16px auto; }
    #about .inner table tr th.no2 {
      background: url(../about/img/no_2.png) no-repeat 0 center;
      background-size: 16px auto; }
    #about .inner table tr th.no3 {
      background: url(../about/img/no_3.png) no-repeat 0 center;
      background-size: 16px auto; }
  @media only screen and (max-width: 576px), print {
    #about .inner table tr td {
      padding-top: 0; } }

/*# sourceMappingURL=page.css.map */