@charset 'utf-8';

/*
 * リセット
 */
body,header,footer,section,article,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6,a,figure,figcaption,img,table,tr,th,td,dl,dt,dd{
  padding:0;
  margin:0;
  box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
/*
 * 共通
 */
body{
  font-family:Hiragino Kaku Gothic ProN, Meiryo, -apple-system, BlinkMacSystemFont, sans-serif;
  color:#040000;
  line-height:1.4;
  -webkit-text-size-adjust: 100%;
}
img{
  max-width:100%;
  vertical-align:top;
}
.img2x{width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.link-hover{transition:.2s;}
.link-hover:hover{opacity:.8;}
ul,ol{list-style:none;}

.tbl{display:table;}
.row{display:table-row;}
.col,.col-l,.col-c,.col-r{
  display:table-cell;
  vertical-align:top;
}
.ib{display:inline-block;}

.flex-container{display:flex;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mt20{margin-top: 20px;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}

.bld{font-weight:bold;}
.movie-tbl{
  display:table;
  width:100%;
  max-width:1160px;
  padding:0 10px;
  margin:20px auto;
}
.movie-l,
.movie-r{
  display:table-cell;
  text-align:center;
  vertical-align:top;
}
.movie-l{
  padding-right:10px;
}
.movie-r{
  padding-left:10px;
}
.wrapper{
  max-width:1370px;
  margin:0 auto;
}
.container{
  padding:0 10px;
}

.small-font {font-size: clamp(14px,1.2vw,18px);}

/* ヘッダー
---------------------------------------------------------------------------------- */
.slicknav_menu{display:none;}
header {
  max-width:1370px;
  margin:auto;
}
header:not(.home) {
  border-bottom: 12px solid #085A30;
  padding-bottom: 10px;
}
.header-tbl{
  width:100%;
  height:72px;
  background:#085A30 url(../images/common/header-pattern.png) center center repeat-x;
  background-size:contain;
  margin-bottom:25px;
}
.logo{
  padding-left:40px;
  padding-right:40px;
}
.header-tbl .col-r{
  display:table-cell;
  width:194px;
  background:#16833B;
}
.btn-contact a{
  display:block;
  font-size:28px;
  color:#fff;
  text-align:center;
  padding:16px 0;
}
.btn-contact a:hover{
  text-decoration:none;
}
.gnav ul{
  display:flex;
  justify-content:center;
  text-align:center;
}
.gnav li{
  padding:0 10px;
}
.gnav li:nth-child(1){
  flex-basis:204px;
}
.gnav li:nth-child(2){
  flex-basis:299px;
}
.gnav li:nth-child(3){
  flex-basis:204px;
}
.gnav li:nth-child(4){
  flex-basis:267px;
}
.gnav li:nth-child(5){
  flex-basis:298px;
}
.spmenu{display:none;}
.gnav a{
  display:block;
}

/* コンテンツ
---------------------------------------------------------------------------------- */
/* カラム*/
.flex-container{display:flex;}
.flex-between{justify-content:space-between;}
.flex-center{justify-content:center;}

/* 共通 */
.breadcrumb{
  letter-spacing:-.4em;
  padding:20px 0 20px 25px;
}
.breadcrumb li{
  display:inline-block;
  letter-spacing:normal;
}
.breadcrumb li:not(:last-child):after{
  content: '\003e';
  padding-right:3px;
}
.breadcrumb li a{
  font-size:18px;
  color:#040000;
}
.contents-outer{
  display:table;
  width:100%;
  min-height:100vh;
}
.side-contents,
.main-contents{
  display:table-cell;
  vertical-align:top;
}
.side-contents{
  width:317px;
  background:#D8EBD1;
}
.side-menu{
  padding:18px 20px 0;
}
.side-menu li{
  border-top:2px solid #006535;
  padding:25px 15px;
}
.side-menu li:last-child{
  text-align:center;
  padding:25px 0;
}
.side-menu a{
  font-size:23px;
  font-weight:bold;
  color:#040000;
}
.contents-wrapper{
  max-width:990px;
  padding-top:18px;
  padding-left:25px;
  padding-right:18px;
  margin-bottom:50px;
}
.contents-container{
  padding-top:18px;
  padding-left:18px;
}
.health .contents-container{
  padding-left:10px;
}
.environment .contents-container{
  padding-left:0;
}
/* 見出し */
.section-ttl{
  font-size:30px;
  font-weight:bold;
  background:#CAE2AB;
  border-radius:10px;
  padding:6px 20px 3px;
}

/* トップ */
.top-txt{
  font-size:18px;
  text-align:center;
  line-height:1.6;
}
.fb-outer{
  text-align:center;
  margin-bottom:45px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.fb-page,
.fb-page span,
.fb-outer iframe{
  width: 100% !important;
	height: 350px !important;
	text-align: center!important;
}
.fb_iframe_widget iframe {
	position: inherit!important;
}

.news-box {
	background-color: #CAE2AB;
	margin: 2rem auto;
    padding: 2rem;
    max-width: 1160px;
	border-radius: 10px;
}

.news-box h3 {
	font-weight: bold;
	font-size: clamp(24px,3vw,28px);
}

.news-box iframe {
	max-width: 900px;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
}

/* 活動紹介 */
#moriagetai p{
  font-size:22px;
  line-height:1.7;
  margin-bottom:40px;
}
#moriagetai p span{
  display:block;
  font-size:28px;
}
.purpose{
  font-size:27px;
  margin-bottom:30px;
}
.purpose li{
  padding-left:1.1em;
  margin-bottom:20px;
  position:relative;
}
.purpose li:before{
  content:'';
  width:1em;
  height:1em;
  background:#040000;
  border-radius:100%;
  position:absolute;
  top:.1em;
  left:0;
}
.purpose h2{
  font-size:27px;
  margin-bottom:.2em;
}
.purpose p{
  font-size:22px;
}
.about-tbl{
  max-width:400px;
  width:100%;
  margin-bottom:10px;
}
.about-tbl th,
.about-tbl td{
  font-size:22px;
  text-align:left;
  padding-bottom:15px;
}
.chronology-tbl{
  width:100%;
}
.chronology-tbl th,
.chronology-tbl td{
  font-size:18px;
  text-align:left;
  vertical-align:top;
  padding:2px 0;
}
.chronology-tbl th{
  width:160px;
}

/* 地域の魅力発信 */
.drink-tbl .col-l{
  width: 40%;
  padding-right: 15px;
}
.drink-img{
  margin-bottom:15px;
}
.btn-pr{
  border:3px solid #6FC4BD;
  margin-bottom:40px;
}
.highboll-copy,
.marimo-copy{
  font-size:27px;
  font-weight:bold;
  margin-bottom:20px;
}
.highboll-name,
.marimo-name{
  font-size:32px;
  font-weight:bold;
  margin-bottom:35px;
}
.highboll-txt,
.marimo-txt{
  font-size:22px;
  text-indent:22px;
}
.highboll-txt,
.marimo-txt{
  margin-bottom:40px;
}
.shop-area{
  border:3px solid #6FC4BD;
  padding:25px;
  margin-bottom:40px;
}
.shop-ttl{
  font-size:27px;
  font-weight:bold;
}
.shop-subttl{
  font-size:22px;
}
.shop-tbl{
  width:100%;
}
.shop-tbl .col-l{
  width:40%;
}
.shop-tbl .col-l .list-shop{
  padding-right:20px;
}
.list-shop{
  font-size:22px;
}
.list-shop li{
  padding-left:1.1em;
  margin-bottom:8px;
  position:relative;
}
.list-shop li:last-child{
  margin-bottom:0;
}
.list-shop li:before{
  content:'';
  width:1em;
  height:1em;
  background:#000;
  border-radius:100%;
  position:absolute;
  top:.1em;
  left:0;
}
.renkei-ttl{
  font-size:27px;
  font-weight:bold;
  margin-bottom:15px;
}
.renkei-lead{
  font-size:25px;
  margin-bottom:10px;
}
.renkei-txt{
  font-size:22px;
  margin-bottom:40px;
}
.renkei-tbl{
  margin-bottom:10px;
}
.renkei-tbl .col-l .col-inner{
  padding-right:10px;
}
.renkei-tbl .col-r .col-inner{
  padding-left:10px;
}
.marimoman-tbl{
  margin-bottom:20px;
}
.marimoman-tbl .col-l{
  width:44%;
  padding-right:15px;
  margin-bottom:20px;
}
.marimo-l .col-inner{margin-bottom:20px;}
.marimo-link{
  display:inline-block;
  font-size:18px;
  border-bottom:1px solid #17499D;
  padding-bottom:2px;
}
.marimo-link a{
  color:#17499D;
}
.event-txt{
  font-size:22px;
}
.song-lead{
  font-size:27px;
}
.song-ttl{
  font-size:32px;
  font-weight:bold;
  margin-bottom:35px;
}
.song-txt{
  font-size:22px;
  text-indent:22px;
  margin-bottom:20px;
}
.song-tbl{
  margin-bottom:25px;
}
.song-tbl .col-l .col-inner{
  padding-right:10px;
}
.song-tbl .col-r .col-inner{
  padding-left:10px;
}
/* 健康推進 */
.health p{
  font-size:19px;
}
.taisou-tbl{
  width:100%;
  margin-bottom:40px;
}
.taisou-tbl .col-l{
  width:46.5%;
}
.taisou-img:first-child{
  margin-bottom:25px;
}
.taisou-tbl .col-inner{
  padding-right:15px;
}
.paper-tbl{
  width:100%;
}
.paper-tbl .col-l{
  width:44%;
}
.paper-tbl .col-r .paper-img{
  margin-bottom:10px;
}
.paper-tbl .col-inner{
  padding-right:15px;
}
.award-tbl{
  width:100%;
  margin-top:40px;
}
.award-tbl .col-l,
.award-tbl .col-r{
  width:50%;
}
.award-tbl .col-inner{
  margin-bottom:20px;
}
.award-tbl .col-l .col-inner{
  padding-right:5px;
}
.award-tbl .col-r .col-inner{
  text-align:right;
  padding-left:5px;
}
/* 自然環境保護 */
.environment-tbl .col-l{
  padding-right:20px;
}
.environment-img{
  margin-bottom:20px;
}
.environment p{
  font-size:19px;
  margin-bottom:20px;
}
.donation-tbl{
  width:100%;
}
.donation-tbl .col-l{
  width:49%;
}
.donation-tbl .col-l .col-inner{
  padding-right:10px;
}
.donation-tbl a{
  color:#17499D;
}
/* 隊員になるには */
.member p{
  font-size:22px;
  line-height:1.6;
}
.guide{
  font-size:22px;
  line-height:1.6;
  margin-bottom:20px;
}
.guide li{
  padding-left:1em;
  position:relative;
}
.guide li:before{
  content:'';
  width:.8em;
  height:.8em;
  border:1px solid #000;
  border-radius:100%;
  position:absolute;
  top:.25em;
  left:0;
}
.list-dl{
  letter-spacing:-.4em;
}
.list-dl li{
  display:inline-block;
  max-width:348px;
  width:47%;
  letter-spacing:normal;
  vertical-align:top;
  border:3px solid #6FC4BD;
  margin-right:30px;
  margin-bottom:30px;
}
.list-dl li:last-child{
  margin-right:0;
}
.transfer{
  margin-top:60px;
  margin-bottom:20px;
}
.transfer dt{
  font-size:20px;
}
.transfer dd{
  font-size:22px;
}

/* フッター
---------------------------------------------------------------------------------- */
.footer-tbl{
  max-width:1270px;
  width:100%;
  border-top:1px solid #000;
  padding-top:10px;
  margin:0 auto 20px;
}
.footer-tbl .col-r{text-align:right;}
.footer-tbl .col-l .col-inner{padding:0 20px 0 20px;}
.footer-tbl .col-inner span{display:inline-block;}

/* ==================================================================================

  1200px以下

================================================================================== */
@media screen and (max-width:1200px){
  
/* コンテンツ
---------------------------------------------------------------------------------- */
/* 共通 */
  .breadcrumb{
    padding: 15px 0 15px 25px;
  }
  .breadcrumb li a{
    font-size: 15px;
  }
  .side-menu{
    padding:18px 15px 0;
  }
  .side-menu li{
    padding:20px 10px;
  }
  .side-contents{
    width:200px;
  }
  .side-menu a{
    font-size: 15px;
  }
/* 見出し */
  .section-ttl{
    font-size:25px;
    padding:6px 20px 3px;
  }
  
/* トップ */
  .movie {
    height: 0;
    text-align:center;
    padding-bottom:64.25%;
    overflow: hidden;
    position: relative;
  }
  .movie iframe,
  .movie object,
  .movie embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
/* 活動紹介 */
  #moriagetai p{
    font-size:16px;
  }
  #moriagetai p span{
    font-size:24px;
  }
  .purpose,
  .purpose h2{
    font-size:22px;
  }
  .purpose p{
    font-size:16px;
  }
  .about-tbl th,
  .about-tbl td{
    font-size:18px;
    padding-bottom:10px;
  }
  .chronology-tbl th{
    width:140px;
  }
  .chronology-tbl th,
  .chronology-tbl td{
    font-size:15px;
  }
  
/* 地域の魅力発信 */
  .highboll-copy,
  .marimo-copy{
    font-size:22px;
    margin-bottom:10px;
  }
  .highboll-name,
  .marimo-name{
    font-size:25px;
    margin-bottom:20px;
  }
  .highboll-txt,
  .marimo-txt{
    font-size:16px;
    text-indent:16px;
  }
  .highboll-txt,
  .marimo-txt{
    margin-bottom:25px;
  }
  .shop-ttl{
    font-size:20px;
  }
  .shop-subttl {
    font-size: 16px;
  }
  .shop-tbl .col-l{
    width:55%;
  }
  .list-shop{
    font-size:16px;
  }
  .list-shop li{
    padding-left:1.1em;
    margin-bottom:8px;
    position:relative;
  }
  .renkei-ttl{
    font-size:22px;
  }
  .renkei-lead{
    font-size:18px;
  }
  .renkei-txt{
    font-size:16px;
  }
  .marimo-link{
    font-size:14px;
  }
  .marimoman-tbl,
  .marimoman-tbl .col-l,
  .marimoman-tbl .col-r{
    display:block;
    width:100%;
    padding-right:0;
  }
  .marimoman-tbl .col-l{
    margin-bottom:0;
  }
  .marimo-l .col-inner{margin-bottom:20px;}
  .marimoman-img-tbl{
    display:table;
    width:100%;
  }
  .marimoman-img-tbl .marimo-l,
  .marimoman-img-tbl .marimo-r{
    display:table-cell;
  }
  .marimoman-img-tbl .marimo-l .col-inner{
    padding-right:5px;
  }
  .marimoman-img-tbl .marimo-r .col-inner{
    padding-left:5px;
  }
  .event-txt{
    font-size:16px;
  }
  .song-lead{
    font-size:20px;
  }
  .song-ttl{
    font-size:26px;
    font-weight:bold;
    margin-bottom:25px;
  }
  .song-txt{
    font-size:16px;
    text-indent:22px;
    margin-bottom:20px;
  }
  .song-tbl{
    margin-bottom:20px;
  }
  .song-tbl .col-l .col-inner{
    padding-right:10px;
  }
  .song-tbl .col-r .col-inner{
    padding-left:10px;
  }
  
/* 健康推進 */
  .health p{
    font-size:16px;
  }
/* 自然環境保護 */
  .environment p{
    font-size:16px;
  }
/* 隊員になるには */
  .member p{
    font-size:16px;
  }
  .guide{
    font-size:16px;
  }
  .transfer{
    margin-top:40px;
  }
  .transfer dt{
    font-size:14px;
  }
  .transfer dd{
    font-size:16px;
  }
/* フッター
---------------------------------------------------------------------------------- */
  .footer-tbl,
  .footer-tbl .col-l,
  .footer-tbl .col-r{
    display:block;
    width:100%;
    font-size:13px;
  }
  .footer-tbl .col-l{
    text-align:center;
    margin-bottom:10px;
  }
  .footer-tbl .col-r{text-align:center;}
  .footer-tbl .col-inner{padding:0 20px 0 20px;}
  
}

/* ==================================================================================

  768px以下

================================================================================== */
@media screen and (max-width:768px){
  
/* ヘッダー
---------------------------------------------------------------------------------- */
  .gnav{display:none;}
  header:not(.home) {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .header-tbl{margin-bottom:0;}
  .slicknav_menu{
    display:block;
    background:none;
    padding:0;
    position:relative;
  }
  .slicknav_btn{
    width:100%;
    text-align:center;
    background-color:transparent;
    border-bottom:1px solid #005c00;
    border-radius:0;
    margin:0;
  }
  .slicknav_btn:hover{
    text-decoration:none;
  }
  .slicknav_menu .slicknav_icon-bar{
    background-color:#005c00;
    box-shadow:none;
  }
  .slicknav_menu .slicknav_icon,
  .slicknav_menu .slicknav_icon:before,
  .slicknav_menu .slicknav_icon-bar{width:2em;}
  .slicknav_menu .slicknav_icon{height:1.4em;}
  .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.5em;}
  .slicknav_menu .slicknav_menutxt{
    color:#005c00;
    line-height:1.9em;
    text-shadow:none;
  }
  .slicknav_menu .slicknav_menutxt{float:none;}
  .slicknav_nav{
    width: 100%;
    background: rgb(255, 255, 255);
    box-shadow: rgb(204, 204, 204) 0px 2px 3px;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 10000;
  }
  .slicknav_icon{display:none;}
  .header-tbl .col-r{width:90px;}
  .btn-contact a{
    font-size:16px;
    padding:13px 0;
  }
  .header-tbl{height:50px;}
  .logo{
    padding-left:20px;
    padding-right:20px;
  }
  
/* コンテンツ
---------------------------------------------------------------------------------- */
/* 共通 */
  .contents-outer,
  .main-contents{
    display:block;
    width:100%;
  }
  .side-contents{
    display:none;
  }
  .contents-wrapper{
    padding-left:10px;
    padding-right:10px;
  }
  .contents-container,
  .health .contents-container{
    padding-left:0;
  }
  .breadcrumb{
    padding:15px 0 15px 10px;
  }
/* 見出し */
  .section-ttl{
    font-size:18px;
  }
/* トップ */
  .movie-tbl,
  .movie-l,
  .movie-r{
    display:block;
    max-width:600px;
    width:100%;
  }
  .movie-l{
    padding-right:0;
  }
  .movie-r{
    padding-left:0;
  }
	
	.news-box {
		border-radius: 0;
	}
  
/* 活動紹介 */
  #moriagetai p{
    font-size:14px;
  }
  #moriagetai p span{
    font-size: 20px;
  }
  #moriagetai br:not(.sp){
    display:none;
  }
  .purpose,
  .purpose h2{
    font-size: 16px;
  }
  .purpose p{
    font-size: 14px;
  }
  .about-tbl th,
  .about-tbl td{
    font-size: 14px;
  }
  .chronology-tbl,
  .chronology-tbl .tbody,
  .chronology-tbl tr,
  .chronology-tbl th,
  .chronology-tbl td{
    display:block;
    width:100%;
  }
  .chronology-tbl td{
    font-size:13px;
    padding-left:20px;
    padding-bottom:10px;
  }
  
/* 地域の魅力発信 */
  .drink-tbl,
  .drink-tbl .col-l,
  .drink-tbl .col-r{
    display:block;
    width:100%;
    padding-right:0;
  }
  .drink-tbl .col-l{
    text-align:center;
  }
  .btn-pr{
    max-width:349px;
    margin:0 auto 20px;
  }
  .highboll-copy,
  .marimo-copy{
    font-size:16px;
  }
  .highboll-name,
  .marimo-name{
    font-size:20px;
    margin-bottom:20px;
  }
  .highboll-txt,
  .marimo-txt{
    font-size:14px;
    text-indent:14px;
  }
  .highboll-txt,
  .marimo-txt{
    margin-bottom:20px;
  }
  .shop-tbl,
  .shop-tbl .col-l,
  .shop-tbl .col-r{
    display:block;
    width:100%;
  }
  .shop-tbl .col-l .list-shop{
    padding-right:0;
  }
  .list-shop {
    font-size: 14px;
  }
  .list-shop li:last-child {
    margin-bottom: 8px;
  }
  .renkei-ttl{
    font-size:18px;
  }
  .renkei-lead{
    font-size:16px;
  }
  .renkei-txt{
    font-size:14px;
    margin-bottom:40px;
  }
  .renkei-tbl .col-l .col-inner{
    padding-right:5px;
  }
  .renkei-tbl .col-r .col-inner{
    padding-left:5px;
  }
  .event-txt{
    font-size:14px;
  }
  .song-lead{
    font-size:16px;
  }
  .song-ttl{
    font-size:22px;
    font-weight:bold;
    margin-bottom:20px;
  }
  .song-txt{
    font-size:14px;
    text-indent:22px;
    margin-bottom:20px;
  }
  .song-tbl{
    margin-bottom:20px;
  }
  .song-tbl .col-l .col-inner{
    padding-right:5px;
  }
  .song-tbl .col-r .col-inner{
    padding-left:5px;
  }
  
/* 健康推進 */
  .health p{
    font-size:14px;
  }
  .taisou-img,
  .paper-img,
  .award-img{
    text-align:center;
  }
  .taisou-tbl,
  .taisou-tbl .col-l,
  .taisou-tbl .col-r{
    display:block;
    width:100%;
  }
  .taisou-img,
  .taisou-img:first-child{
    margin-bottom:20px;
  }
  .taisou-tbl .col-inner{
    padding-right:0;
  }
  .paper-tbl,
  .paper-tbl .col-l,
  .paper-tbl .col-r{
    display:block;
    width:100%;
  }
  .paper-tbl .col-l .paper-img,
  .paper-tbl .col-r .paper-img{
    margin-bottom:20px;
  }
  .paper-tbl .col-inner{
    padding-right:0;
  }
  
/* 自然環境保護 */
  .environment p{
    font-size:14px;
  }
  
/* 隊員になるには */
  .member p{
    font-size:14px;
  }
  .guide{
    font-size:14px;
  }
  .list-dl li{
    display:block;
    max-width:348px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
  }
  .list-dl li:last-child{margin-right:auto;}
  .transfer{
    margin-top:30px;
  }
  .transfer dt{
    font-size:13px;
  }
  .transfer dd{
    font-size:14px;
  }
  
}
/* ==================================================================================

  480px以下

================================================================================== */
@media screen and (max-width:480px){
  
/* コンテンツ
---------------------------------------------------------------------------------- */
/* 自然環境保護 */
  .environment-tbl .col-l{
    padding-right:10px;
  }
  .environment-img{
    margin-bottom:10px;
  }
  .donation-tbl,
  .donation-tbl .col-l,
  .donation-tbl .col-r{
    display:block;
    width:100%;
  }
  .donation-tbl .col-l{
    text-align:center;
    margin-bottom:20px;
  }
  .donation-tbl .col-l .col-inner{
    padding-right:0;
  }
}