@charset "UTF-8";
/*===================================================
import
===================================================*/
/*===================================================
break point
===================================================*/
/*===================================================
font
===================================================*/
/*===================================================
font-size
===================================================*/
/*===================================================
color
===================================================*/
/*===================================================
hover
===================================================*/
/*===================================================
contents
===================================================*/
/*===================================================
flexBox
===================================================*/
/*===================================================
textOut
===================================================*/
/*===================================================
position
===================================================*/
/*===================================================
btnSet
===================================================*/
/*===================================================
content
===================================================*/
/*===================================================
画像サイズ指定
===================================================*/
/*===================================================
角丸
===================================================*/
/*===================================================
囲み罫
===================================================*/
/*===================================================
共通パーツ
===================================================*/
/*learnLinkBox*/
#learnLinkBox {
  display: flex;
  flex-wrap: wrap; }
  #learnLinkBox > li {
    position: relative; }
    #learnLinkBox > li p {
      text-align: justify; }
    #learnLinkBox > li .bl_moreBtm {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

@media print, screen and (min-width: 835px) {
  #learnLinkBox {
    justify-content: center; }
    #learnLinkBox h2 {
      margin-bottom: 15px; }
    #learnLinkBox > li {
      width: calc((100% - 100px) / 3);
      padding-bottom: 80px; }
      #learnLinkBox > li + li {
        margin-left: 50px; }
      #learnLinkBox > li:nth-of-type(4) {
        margin-left: 0; }
      #learnLinkBox > li:nth-of-type(n+4) {
        margin-top: 50px; }
      #learnLinkBox > li p {
        margin: 15px 0 0; } }
@media screen and (max-width: 834px) {
  #learnLinkBox h2 {
    font-size: .18rem;
    margin-bottom: 10px; }
  #learnLinkBox > li {
    width: calc((100% - 15px) / 2);
    padding-bottom: 40px; }
    #learnLinkBox > li:nth-of-type(2n) {
      margin-left: 15px; }
    #learnLinkBox > li:nth-of-type(n+3) {
      margin-top: 30px; }
    #learnLinkBox > li p {
      font-size: .12rem;
      margin: 10px 0 0; }
    #learnLinkBox > li .bl_moreBtm {
      font-size: .12rem;
      width: 80%;
      height: 30px;
      max-width: 200px; } }
/*===================================================
里山で学ぶ
===================================================*/
/*learnBox01*/
#learnBox01 {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto; }
  #learnBox01 p {
    line-height: 1.8;
    text-align: justify;
    margin-top: -.4em;
    margin: 15px auto 30px; }

@media screen and (max-width: 834px) {
  #learnBox01 {
    width: 100%;
    margin: 0 auto; }
    #learnBox01 p {
      margin: 10px auto 15px; } }
/*learnBox02*/
#learnBox02 {
  border: 5px solid #cce1dd;
  padding: 50px;
  margin: 100px auto 0; }
  #learnBox02 ul a {
    color: #333;
    text-decoration: none; }
    #learnBox02 ul a:hover {
      opacity: 0.5; }
    #learnBox02 ul a dl {
      display: flex;
      flex-wrap: wrap; }
      #learnBox02 ul a dl dt {
        width: 40%; }
      #learnBox02 ul a dl dd {
        width: 60%;
        padding-left: 15px; }
        #learnBox02 ul a dl dd h3 {
          font-size: .16rem;
          text-align: justify;
          margin-top: -.25em; }
        #learnBox02 ul a dl dd p {
          font-size: .14rem;
          text-align: justify; }

@media screen and (max-width: 834px) {
  #learnBox02 {
    border: 3px solid #cce1dd;
    padding: 15px;
    margin: 50px auto 0; }
    #learnBox02 ul {
      flex-direction: column; }
      #learnBox02 ul li {
        width: 100% !important;
        margin: 0 !important; }
        #learnBox02 ul li + li {
          border-top: 1px dashed #ccc;
          padding-top: 15px;
          margin: 15px 0 0 !important; }
        #learnBox02 ul li dl dd {
          padding-left: 10px; }
          #learnBox02 ul li dl dd h3 {
            font-size: .14rem; }
          #learnBox02 ul li dl dd p {
            font-size: .12rem; } }
/*===================================================
やまのこ
===================================================*/
/*yamanokoBox01*/
#yamanokoBox01 p {
  line-height: 1.8;
  text-align: justify; }
#yamanokoBox01 dl {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em; }
  #yamanokoBox01 dl dt {
    width: 50%;
    text-align: center; }
  #yamanokoBox01 dl dd {
    width: calc(50% - 30px);
    margin-left: 30px; }
    #yamanokoBox01 dl dd p {
      margin-top: -.4em; }
      #yamanokoBox01 dl dd p + p {
        margin-top: 1em; }

@media screen and (max-width: 834px) {
  #yamanokoBox01 dl {
    flex-direction: column;
    align-items: center; }
    #yamanokoBox01 dl dt {
      width: 100%; }
    #yamanokoBox01 dl dd {
      width: 100%;
      margin: 15px 0 0; }
      #yamanokoBox01 dl dd p + p {
        margin-top: .5em; } }
/*yamanokoBox02*/
#yamanokoBox02 {
  margin: 100px auto; }
  #yamanokoBox02 .bl_dotList {
    margin-top: 1em; }
    #yamanokoBox02 .bl_dotList li {
      text-align: justify; }
    #yamanokoBox02 .bl_dotList + p {
      text-align: center;
      margin-top: 30px; }
      #yamanokoBox02 .bl_dotList + p span {
        display: inline-block; }
      #yamanokoBox02 .bl_dotList + p a {
        color: #00582f; }
        #yamanokoBox02 .bl_dotList + p a:hover {
          opacity: 0.5; }

@media screen and (max-width: 834px) {
  #yamanokoBox02 {
    margin: 50px auto; }
    #yamanokoBox02 .bl_dotList + p {
      margin-top: 15px; } }
/*===================================================
団体利用
===================================================*/
/*group_useBox01*/
#group_useBox01 {
  margin: 0 auto 100px; }
  #group_useBox01 .bl_column3 + p {
    line-height: 2;
    text-align: center;
    margin: 50px 0; }
  #group_useBox01 .bl_column2 {
    margin-top: 30px; }
    #group_useBox01 .bl_column2 h3 {
      margin-bottom: 15px; }
    #group_useBox01 .bl_column2 p {
      position: relative;
      text-align: justify;
      margin-left: 1em; }
      #group_useBox01 .bl_column2 p::before {
        content: "■";
        position: absolute;
        top: 0;
        left: -1em; }
      #group_useBox01 .bl_column2 p + dl, #group_useBox01 .bl_column2 p + p {
        margin-top: 1em; }
    #group_useBox01 .bl_column2 dl + dl {
      margin-top: 1em; }
    #group_useBox01 .bl_column2 dl dt {
      position: relative;
      line-height: 1;
      margin-left: 1em; }
      #group_useBox01 .bl_column2 dl dt::before {
        content: "■";
        position: absolute;
        top: 0;
        left: -1em; }
    #group_useBox01 .bl_column2 dl dd {
      text-align: justify;
      margin: 5px 0 0 1em; }

@media print, screen and (min-width: 835px) {
  #group_useBox01 .bl_column3 li {
    width: calc((100% - 15px * 2) / 3); }
    #group_useBox01 .bl_column3 li:not(:nth-of-type(3n)) {
      margin-right: 15px; } }
@media screen and (max-width: 834px) {
  #group_useBox01 {
    margin: 0 auto 50px; }
    #group_useBox01 .bl_column3 li {
      width: calc((100% - 10px * 2) / 3);
      margin: 0 !important; }
      #group_useBox01 .bl_column3 li:not(:nth-of-type(3n)) {
        margin-right: 10px !important; }
    #group_useBox01 .bl_column3 + p {
      text-align: justify;
      margin: 15px 0; }
    #group_useBox01 .bl_column2 {
      margin-top: 15px; }
      #group_useBox01 .bl_column2 li {
        width: 100%;
        margin: 0 !important; }
        #group_useBox01 .bl_column2 li:nth-of-type(n+2) {
          margin-top: 15px !important; }
        #group_useBox01 .bl_column2 li h3 {
          margin-bottom: 10px; } }
/*group_useBox02*/
#group_useBox02 {
  margin: 100px auto; }
  #group_useBox02 > div {
    border: 5px solid #cce1dd;
    padding: 50px; }
    #group_useBox02 > div h2 span {
      font-size: 80%; }
    #group_useBox02 > div p {
      text-align: center; }
      #group_useBox02 > div p span {
        display: inline-block; }
    #group_useBox02 > div .bl_column3 + p {
      margin: 15px 0; }
      #group_useBox02 > div .bl_column3 + p + p {
        font-weight: 700;
        color: #00582f; }

@media screen and (max-width: 834px) {
  #group_useBox02 {
    margin: 50px auto; }
    #group_useBox02 > div {
      border: 3px solid #cce1dd;
      padding: 15px; }
      #group_useBox02 > div .bl_column3 li {
        width: 100% !important;
        text-align: center;
        margin: 0 !important; }
        #group_useBox02 > div .bl_column3 li + li {
          margin: 15px 0 0 !important; }
      #group_useBox02 > div .bl_column3 + p {
        margin: 10px 0; } }
/*===================================================
地域出張
===================================================*/
/*loBuBox01*/
#loBuBox01 {
  width: 90%;
  max-width: 1000px; }

@media screen and (max-width: 834px) {
  #loBuBox01 {
    width: 100%; } }
/*loBuBox02*/
#loBuBox02 {
  margin: 50px auto 100px; }
  #loBuBox02 p {
    line-height: 1.8;
    text-align: justify;
    margin-bottom: 1em; }
  #loBuBox02 .bl_column2 {
    margin-top: 30px; }

@media screen and (max-width: 834px) {
  #loBuBox02 {
    margin: 30px auto 50px; }
    #loBuBox02 .bl_column2 {
      margin-top: 15px; } }
/*===================================================
エコツアー
===================================================*/
/*ly_ecotourBox*/
.ly_ecotourBox + .ly_ecotourBox {
  margin: 100px auto; }
.ly_ecotourBox .bl_column2b {
  margin-bottom: 30px; }
.ly_ecotourBox p {
  text-align: justify; }
  .ly_ecotourBox p + p {
    margin-top: .5em; }

@media screen and (max-width: 834px) {
  .ly_ecotourBox + .ly_ecotourBox {
    margin: 50px auto; }
  .ly_ecotourBox .bl_column2b {
    margin-bottom: 15px; } }
/*moriikoBox03*/
#ecotourBox02 {
  margin: 100px auto 0; }
  #ecotourBox02 > div {
    border: 5px solid #cce1dd;
    padding: 50px; }
    #ecotourBox02 > div p {
      margin-bottom: 30px; }
  #ecotourBox02 p {
    text-align: center; }
    #ecotourBox02 p span {
      display: inline-block; }
  #ecotourBox02 + p {
    font-size: .14rem;
    text-align: center;
    margin: 15px auto 100px; }
    #ecotourBox02 + p a {
      color: #00582f; }
      #ecotourBox02 + p a:hover {
        opacity: 0.5; }

@media screen and (max-width: 834px) {
  #ecotourBox02 {
    margin: 50px auto 0; }
    #ecotourBox02 > div {
      border: 3px solid #cce1dd;
      padding: 15px; }
      #ecotourBox02 > div h2 {
        letter-spacing: -.05em; }
      #ecotourBox02 > div p {
        margin-bottom: 15px; }
    #ecotourBox02 + p {
      font-size: .12rem;
      margin: 10px auto 50px; } }