@charset "UTF-8";

/*----------------------------------------------------------------------
Reset Style
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}

img { 
  border: 0;
  vertical-align: bottom;
  font-size:0;
  line-height: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
table {
    border-spacing: 0;
	border-collapse:collapse;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*----------------------------------------------------------------------
Default Style
----------------------------------------------------------------------*/
/* Global */
html,body{
    height:100%;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
  font-size: 62.5%;
}
body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
	font-size: 1.0rem;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
    -webkit-text-size-adjust: none;
}
strong {
	font-weight: bold;
}

/*----------------------------------------------------
clerfix
----------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* ベースリンクカラー
----------------------------------------------------*/
a {
	color: #1EB770;
	text-decoration: none;
}

a:link {
	color: #1EB770;
	text-decoration: none;
}

a:visited {
	color: #1EB770;
	text-decoration: none;
}

a:hover {
	color: #1EB770;
	text-decoration: underline;
}

a:active {
	color: #1EB770;
	text-decoration: underline;
}

/*----------------------------------------------------
基本設定
----------------------------------------------------*/
div#wrap {
    width: 100%;
    margin: 0;
}
div#content {
	line-height: 1.5;
	font-size: 1.5rem;
}
#main {
	width: 100%;
	margin-bottom: 20px;
}
#sub {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
}
h1 {
  font-size: 2.0rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.6rem;
}
img {
	max-width: 100%;
	height: auto;
}
div#content p {
	margin-bottom: 0.75em;
}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb0 {margin-bottom: 0px !important;}
.mb30 {margin-bottom: 30px;}
.pt10 {padding-top: 10px;}

/*----------------------------------------------------
ページトップへ
----------------------------------------------------*/
.backtotop {
    position: fixed;
    right: 10px;
    bottom: 35px;
    z-index: 9000;
    display: none;
}
.backtotop a {
    display: block;
    margin: 0;
	background: url(../img/common/pagetop.png) no-repeat;
	width: 50px;
	height: 50px;
	-webkit-background-size: 50px 50px;/* WebKit */
	background-size: 50px 50px;/* WebKit以外 */ 
}


/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
header {
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 4px solid #007B32;
}
/*.headerInner {
	position: relative;
}*/
/*ロゴ*/
.headerLogo {
	width: 210px;
	position: absolute;
	top: 8px;
	left: 4px;
}

/*----------------------------------------------------
グローバルナビ
----------------------------------------------------*/
#menu {
	display:none;
}
.slicknav_menu {
	display:block;
}
.title span.menuPC {
	font-size: 1.0rem !important;
	color: #1EB770;
	padding: 3px;
	margin-left: 5px;
	border: 1px solid #1EB770;
}

/*----------------------------------------------------
フッター（フッター下部設定）
----------------------------------------------------*/
div#footer {
	width: 100%;
	font-size: 1.2rem;
	background: #007B32;
	padding: 10px;
	line-height: 1.5;
}
#footer p {color: #FFFFFF;}
.copyright {margin-top: 0.5em;}
.copyright a,
.copyright a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.footerName {margin-bottom: 0.5em;}
.footerName span {
	font-size: 1.5rem;
}

/*----------------------------------------------------
トップページ
----------------------------------------------------*/
.toph2 {
	background: #4BC58D;
	color: #FFFFFF;
	padding: 10px;
	line-height: 1.1;
	display: block;
	position: relative;
}
.toph2:before {
	content: "★ ";
	color: #FFE500;
}
.toph2 .toList {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 1.3rem;
	display: block;
}
.toph2 .toList a {
	background: #FFFFFF;
	color: #4BC58D;
	padding: 5px 16px 5px 5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: block;
	position: relative;
}
.toph2 .toList a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	border-top: solid 2px #4BC58D;
	border-right: solid 2px #4BC58D;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}


/*メインイメージ
----------------------------------------------------*/
.mainSlider {
}

/*新着・ブログ一覧
----------------------------------------------------*/
.newsListBox ul {
	line-height: 1.5;
}
.newsListBox li {
	font-size: 1.6rem;
}
.newsListBox li+li {
	border-top: 1px dotted #CCC;
}
.newsListBox li span.date {
	color: #333;
	font-size: 1.3rem;
}
.newsListBox li span.cat {
	color: #333;
	font-size: 1.3rem;
}
.newsListBox li a {
	text-decoration: none;
	display: block;
	word-wrap: break-word;
	padding: 10px 30px 10px 10px;
	position: relative;
}
.newsListBox li a:hover {
	background: #E8F8F1;
}
.newsListBox li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 10px;
	height: 10px;
	margin: -4px 0 0 0;
	border-top: solid 3px #939393;
	border-right: solid 3px #939393;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/*パンフレットDLバナー
----------------------------------------------------*/
.bannerBox {
	background: #E6E6E6;
	padding: 10px 5px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	margin-top: 10px;
}
.bannerBox div {
	width: 47%;
	margin: 0 1.5% 10px;
}

/* twitter Facebook バナー
----------------------------------------------------*/
.twfbBox {
	padding: 0 5px 10px;
	display: -webkit-flex; /* Safari */
	display: flex;
}
.twfbBox div {
	width: 50%;
	margin: 0 5px;
}

/* お知らせ上バナー
----------------------------------------------------*/
.newBnrBox {
	padding: 10px 10px 0;
}
.newBnrBox_col2 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	padding: 5px 5px 0;
}
.newBnrBox_col2 div {
	width: 50%;
	padding: 5px;
}

/* 通常バナー
----------------------------------------------------*/
.bnrBox {
	padding: 0 10px 10px;
}
.bnrBox div {
	margin-top: 10px;
}

/* ================================================================
snsシェア　2022.10
================================================================ */
.snsshare {
	margin: 20px 0;
}
.snsshare ul {
	display: flex;
	list-style: none;
}
.snsshare ul li {
	width: 32px;
	margin-right: 10px;
}
.snsshare ul li a {
	display: block;
}

/* ================================================================
snsアイコン　2023.6
================================================================ */
.snsicon {
	display: flex;
	margin-top: 14px;
	margin-bottom: 14px;
}
.snsicon div {
	width: 32px;
	height: 32px;
}
.snsicon div+div {
	margin-left: 20px;
}
.snsicon div.tiktok {
	width: 64px !important;
}

/* ================================================================
ニュースカテゴリバナー　2024.6
================================================================ */
.newsbnr {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 10px 10px 0px 10px;
}
.newsbnr div:nth-of-type(-n+3) {
	width: 31.5%;
	margin-bottom: 10px;
}
.newsbnr div:nth-of-type(n+4) {
	width: 48.5%;
}