@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0;
	font-size:13px;
	line-height: 1.7;
	background:#E8E6DD;
	position:relative;
	color:#333;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
a {
	height:0 !important;
	color:#1DAC42;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a.zoom1 img{
	transition:0.5s;
}
a.zoom1:hover img{
	transform:scale(1.05)
}
.inner1 {
	width:980px;
	margin:0 auto;
	position:relative;
	clear:both;
}
.inner2 {
	width:1290px;
	margin:0 auto;
	position:relative;
	clear:both;
}
a.Banner img{
filter:alpha(opacity=100);
 -moz-opacity: 1.0;
opacity: 1.0;
}
a.Banner:hover img{
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}
.fixed{
	position: fixed !important;
	top: 20px !important;
	padding-top:0 !important;
}
.txtright{
	text-align:right;
}
.green{
	color:#1DAC42 !important;
}
.bg_gray{
	background:#E4E4E4 !important;
}
/* footer
========================================== */
footer{
	background:#E8E6DD;
	padding:100px 0 50px;
	color:#333;
	margin-top:0px;
}
footer a{
	color:#333;
	text-decoration:none;
}
footer a:hover{
	color:#36C200;
	text-decoration:none;
}
footer nav{
	letter-spacing:-.4em;
	margin-bottom:30px;
}
footer nav dl{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:55px;
}
footer nav dl:last-of-type{
	margin-right:0;
}
footer nav dl dt{
	font-weight:bold;
	margin-bottom:15px;
}
footer nav dl dd{
	font-size:12px;
	margin-bottom:5px;
}
footer ul{
	text-align:right;
	margin-bottom:20px
}
footer ul li{
	display:inline-block;
	vertical-align:top;
}
footer ul.f_ba01 li img{
	width:30px;
}
footer div.footbox01{
	display:inline-block;
	vertical-align:top;
	width:100%;
}
footer div.footbox01 img,
footer div.footbox02 img{
	margin-bottom:5px;
}
footer div.footbox01 p{
	font-size:12px;
}
footer div.footbox02{
	text-align:center;
	width:100%;
	border-top:1px solid #D3D0BE;
	padding-top:20px;
	clear:both;
}
footer div.footbox02 ul{
	text-align:center;
	margin-bottom:0;
}
footer div.footbox02 ul li{
	border-right:1px solid #666;
	padding:0 10px;
	font-size:12px;
}
footer div.footbox02 ul li a{
	color:#666;
}
footer div.footbox02 ul li a:hover{
	color:#36C200;
	text-decoration:none;
}
footer div.footbox02 ul li:first-of-type{
	border-left:1px solid #666;
}
footer div.footbox02 p{
	opacity:0.3;
}
.f_ba02 img{
	width:120px;
}
#totop{
	text-align:center;
	position:relative;
	z-index:20;
}
#totop a{
	display:block;
	position:relative;
	top:-23px;
	transition:0.3s;
	z-index:20;
}
#totop a:hover{
	top:-33px;
}
#totop a:hover img{
	opacity:1;
}
.footer-right{
	float:right;
	width:655px;
	margin-bottom:20px;
}
.footer-left{
	float:left;
	width:300px;
	padding-top:80px;
	margin-bottom:20px;
}
/* header
========================================== */
header{
	background:#fff;
	border-top:6px solid #36C200;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
	box-shadow:0 1px 15px rgba(0,0,0,0.2);
	-webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
header p.special-right{
	position:absolute;
	right:0;
	bottom:-150px;
	z-index:1000;
	 top:86px; 
}
header .inner1{
	position:relative;
	padding:25px 0 15px;
}
header h1{
	float:left;
	margin-right:20px;
	width:180px;
}
header h1 img{
	width:100%;
}
header nav{
	padding:10px 0 0 0;
	float:right;
}
header nav ul{
	text-align:right;
	letter-spacing:-.4em;
}
header nav ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	margin:0 5px;
}
header nav ul li a{
	padding:15px 20px 32px;
	color:#333;
	text-decoration:none;
	position:relative;
	border-bottom:0 solid #36C200;
	transition:linear 0.1s;
}
header nav ul li a:after{
	content:"";
	border-right:1px solid #C1C1C1;
	position:absolute;
	right:-5px;
	top:13px;
	height:20px;
}
header nav ul li:first-of-type a:before{
	content:"";
	border-right:1px solid #C1C1C1;
	position:absolute;
	left:-5px;
	top:13px;
	height:20px;
}
header nav ul li a:hover{
	padding:15px 20px 27px;
	border-bottom:5px solid #36C200;
	text-decoration:none;
	color:#36C200;
}
header .head-float{
	position:absolute;
	top:-2px;
	right:0;
}
header .head-float ul{
	letter-spacing:-.4em;
}
header .head-float ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	box-sizing:border-box;
	width:50px;
	height:20px;
	text-align:center;
	overflow:hidden;
}
header .head-float ul li a{
	display:block;
	background:#E9E9E9;
	padding:3px 20px 20px 18px;
}
header .head-float ul li:first-of-type{
	background:#36C200;
}
header .head-float ul li img{
	width:15px;
}
#main-img{
	background:url(../../img/top/main_bg.jpg) no-repeat center top fixed;
	background-size:cover;
	height:740px;
	position:relative;
}
#main-img div{
	text-align:center;
	padding-top:240px;
}
#main-img p.special_banner{
	width:1290px;
	margin:0 auto;
	position:relative;
}
#main-img p.special_banner a{
	position:absolute;
	right:0;
	top:-80px;
}
#main-img p.special_banner a:hover{
	transition:0.5s;
	filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
}
#main-img p.special_banner02{
	width:1290px;
	margin:0 auto;
	position:relative;
}
#main-img p.special_banner02 a{
	position:absolute;
	right:0;
	top:-200px;
}
#main-img p.special_banner02 a:hover{
	transition:0.5s;
	filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
}

/* 4/27追加バナー */
#main-img p.special_banner03{
	width:1290px;
	margin:0 auto;
	position:relative;
}
#main-img p.special_banner03 a{
	position:absolute;
	right:0;
	top:-320px;
}
#main-img p.special_banner03 a:hover{
	transition:0.5s;
	filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
}
#main-img p.special_banner04{
	width:1290px;
	margin:0 auto;
	position:relative;
}
#main-img p.special_banner04 a{
	position:absolute;
	right:0;
	top:-440px;
}
#main-img p.special_banner04 a:hover{
	transition:0.5s;
	filter:alpha(opacity=30);
-moz-opacity: 0.7;
opacity: 0.7;
}
/* 追加バナーここまで */

#schedule-box{
	display:none;
	background:url(../../img/top/top_schedule_bg.png);
	box-shadow:0 1px 10px #666;
	padding:15px 0;
	position:relative;
	z-index:10;
}
#schedule-box > div.inner2 > span{
	position:absolute;
	top:8px;
	right:20px;
}
#schedule-box > div.inner2 > span > a{
	color:#fff;
}
#schedule-box > div.inner2 > span > a > span{
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
#schedule-box > div.inner2 > span > a > img{
	display:inline-block;
	vertical-align:middle;
}
#schedule-box dt{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin-right:15px;
	width:180px;
	padding:20px;
}
#schedule-tab{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	width:1080px;
}
#schedule-tab ul{
	border-bottom:1px solid #fff;
	padding:10px 0;
}
#schedule-tab li{
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	padding:0 10px 5px;
	margin:0 10px;
	cursor:pointer;
}
#schedule-tab li.active{
	border-bottom:2px solid #36C200;
}
#schedule_content{
	color:#fff;
	max-height:150px;
	overflow-y:auto;
	overflow-x:hidden;
}
#schedule_content .schedule{
	display:none;
}
#schedule_content .schedule.active{
	display:block;
}
#top-contents1{
	position:relative;
	z-index:2;
	letter-spacing:-.4em;
	background:#E8E6DD;
}
.top-left-box{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:690px;
	background:#fff;
}
.top-left-box h2{
	padding:37px 20px 25px;
}
.top-left-box > span{
	position:absolute;
	top:50px;
	right:15px;
}
.top-left-box > span > a{
	color:#000;
}
.top-left-box > span > a > span{
	margin-right:10px;
}
#news-tab{
	padding:0 20px;
	margin-bottom:20px;
}
#news-tab li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	padding:5px 15px;
	margin:0 10px 0 0;
	cursor:pointer;
}
#news-tab li.active{
	border-bottom:2px solid #36C200;
}
#news_content .news{
	display:none;
	letter-spacing:-.4em;
}
#news_content .news.active{
	display:block;
}
#news_content .news dl{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	box-sizing:border-box;
	width:345px;
	height:270px;
}
#news_content .news dl dt{
	position:relative;
	box-sizing:border-box;
	width:345px;
	height:180px;
	overflow:hidden;
}
#news_content .news dl dt img{
	position:absolute;
	width:100%;
}
#news_content .news dl dt span{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
}
#news_content .news dl dt span img{
	position:relative;
	width:36px;
	margin:0 3px;
}
#news_content .news dl dd{
	padding:10px 15px;
	font-size:14px;
	position:relative;
	height:3.9em;
	overflow:hidden;
}
#news_content .news dl dd:before,
#news_content .news dl dd:after{
	position:absolute;
}
#news_content .news dl dd:before{
	font-weight:bold;
	content: "…";
	bottom:0;
	right:8px;
}
#news_content .news dl dd:after{
	content: "";
	height: 100%;
	width: 100%;
	background:#fff;
}
#news_content .news dl dd span{
	font-size:11px;
}
#news_content .news dl dd span.new{
	display:inline-block;
	font-size:11px;
	background:#F00;
	color:#fff;
	margin-left:5px;
	padding:0 5px;
}
#news_content .news dl dd a{
	font-weight:bold;
}
.top-right-box{
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:600px;
	background:#fff;
	letter-spacing:-.4em;
}
.column1 dl{
	box-sizing:border-box;
	width:600px;
	height:300px;
	background:url(../../img/top/btn_bg1.png) no-repeat center;
	background-size:100%;
	transition:0.2s;
}
.column1 dl dt{
	padding:110px 0 0 30px;
}
.column1 a.zoom2 dl:hover{
	background-size:105%;
}
.column3{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	position:relative;
}
.column3 dl{
	box-sizing:border-box;
	width:200px;
	height:200px;
	background:url(../../img/top/btn_bg2.png) no-repeat left top;
}
.column3:nth-of-type(2) dl{
	background:url(../../img/top/btn_bg3.png) no-repeat left top;
}
.column3:nth-of-type(3) dl{
	background:url(../../img/top/btn_bg4.png) no-repeat left top;
}
.column3 dl dt{
	position:relative;
	text-align:center;
	padding-top:60px;
	z-index:10;
}
.column3:nth-of-type(4) dl dt img:first-of-type,
.column3:nth-of-type(3) dl dt img:first-of-type{
	display:inline;
	opacity:1;
	transition:0.5s;
}
.column3:nth-of-type(4) dl dt img:last-of-type,
.column3:nth-of-type(3) dl dt img:last-of-type{
	display:none;
	opacity:0;
	transition:0.5s;
}
.column3:nth-of-type(4):hover dl dt img:first-of-type,
.column3:nth-of-type(3):hover dl dt img:first-of-type{
	display:none;
	opacity:0;
}
.column3:nth-of-type(4):hover dl dt img:last-of-type,
.column3:nth-of-type(3):hover dl dt img:last-of-type{
	display:inline;
	opacity:1;
}
.column3:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-right: 15px solid #FFCC00;
	border-top: 15px solid #FFCC00;
	transition: 0.2s;
	background:none;
	z-index:5;
}
.column3:hover:before{
	width:200px;
	height:200px;
	border: none;
	background:#FFCC00;
}
.column3.redarrow:before{
	border: 15px solid transparent !important;
	border-right: 15px solid #AE0000 !important;
	border-top: 15px solid #AE0000 !important;
}
.column3.redarrow:hover:before{
	width:170px;
	height:170px;
	background:#AE0000 !important;
}
.column2{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	width:200px;
}
.column2 dl{
	box-sizing:border-box;
	width:200px;
	height:200px;
	background:url(../../img/top/btn_bg7.png) no-repeat center;
	display:table;
	background-size:auto 100%;
	transition:0.3s;
}
.column2:nth-of-type(5) dl{
	background:url(../../img/top/btn_bg5.png) no-repeat center;
	background-size:auto 100%;
	transition:0.3s;
}
.column2:last-of-type dl{
	background:url(../../img/top/btn_bg6.png) no-repeat center;
	background-size:auto 100%;
	transition:0.3s;
}
.column2 dl dt{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.column2 a.zoom2 dl:hover{
	background-size:auto 105%;
}
#top-contents2{
	background:url(../../img/top/top_bg01.png) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding:50px 0 165px;
	z-index:1;
}
#top-contents2 h2{
	margin-bottom:30px;
}
#top-contents2 .trend-list{
	width:600px;
	margin:0 auto;
	letter-spacing:-.4em;
}
#top-contents2 .trend-list li{
	border:1px solid #E0DED3;
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin:5px;
	background:#fff;
	transition:0.7s;
}
#top-contents2 .trend-list li a{
	padding:15px;
	display:block;
	color:#333;
	text-decoration:none;
	line-height:0;
	white-space:nowrap;
	transition:0.7s;
}
#top-contents2 .trend-list li:hover{
	box-shadow:0 5px 6px 0 rgba(0,0,0,0.1), 0 3px 8px 0 rgba(0,0,0,0.15);
	border:1px solid #1DAC42;
}
#top-contents2 .trend-list li a:hover{
	color: #1DAC42;
		background:#fff;
    text-decoration: none;
}
#top-contents3{
	background:url(../../img/top/top_bg02.png) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding:70px 0 230px;
	position:relative;
	z-index:2;
	transform:skew(0deg,-4deg);
	margin-top:-80px;
}
#top-contents3 .inner1{
	transform:skew(0deg,4deg);
	position:relative;
}
#top-contents3 .inner1:before{
	content:"";
	background:url(../../img/about/about_m.png) no-repeat;
	background-size:contain;
	width:400px;
	height:600px;
	position:absolute;
	top:0;
	left:-250px;
}
#top-contents3 h2{
	margin-bottom:30px;
}
#top-contents3 h3{
	margin-bottom:15px;
	font-size:26px;
	color:#519933;
	font-weight:bold;
}
#top-contents3 p{
	margin-bottom:15px;
	line-height:1.7;
}
#top-contents3 ul{
	text-align:center;
	width:100%;
	letter-spacing:-.4em;
}
#top-contents3 ul li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	margin:0 5px;
}
#top-contents4{
	background:url(../../img/top/top_bg03.png) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding:100px 0 280px;
	transform:skew(0deg,4deg);
	z-index:2;
	position:relative;
	margin-top:-140px;
}
#top-contents4 .inner1{
	transform:skew(0deg,-4deg);
}
#top-contents4 dl{
	text-align:center;
	background:rgba(255,255,255,0.7);
	box-shadow:0 1px 10px #666;
	box-sizing:border-box;
	width:650px;
	height:350px;
	padding:65px 0;
	margin:0 auto;
}
#top-contents4 dl dt{
	font-size:26px;
	font-weight:bold;
	color:#33611F;
	margin-bottom:20px;
}
#top-contents4 dl dd a{
	margin:30px auto 0;
}
#top-contents5{
	background:#fff url(../../img/top/top_bg04.png) no-repeat center bottom;
	background-size:1600px;
	text-align:center;
	padding:60px 0 80px;
	z-index:3;
	position:relative;
	margin-top:-170px;
	transform:skew(0deg,-4deg);
}
#top-contents5 article{
	transform:skew(0deg,4deg);
	padding:30px 80px 50px;
}
#top-contents5 ul{
	text-align:center;
	width:100%;
}
#top-contents5 ul li{
	width:240px;
	padding:30px;
	background-color:rgba(84,166,53,0.9);
	display:inline-block;
	vertical-align:middle;
	margin:0 12px;
}
#top-contents5 ul a{
	text-decoration:none;
}
#top-contents5 ul a:hover{
	transition:0.5s;
	filter:alpha(opacity=20);
-moz-opacity: 0.8;
opacity: 0.8;
}
#top-contents5 ul li img{
	margin:0 0 10px 0;
}
#top-contents5 ul li dl dt{
	font-size:18px;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
	margin:0 0 15px 0;
	border-bottom:#fff solid 1px;
	letter-spacing:0.05em;
}
#top-contents5 ul li dl dd{
    color:#fff;
	text-align:left;
}
#top-contents6{
	z-index:4;
	position:relative;
	margin-top:-100px;
	padding-bottom:10px;
}
#top-contents6 .sns-bg{
	background:#36C200;
	letter-spacing:-.4em;
}
#top-contents6 h2{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	letter-spacing:normal;
	color:#fff;
	width:180px;
}
@import url('https://fonts.googleapis.com/css?family=Lora');
#top-contents6 h2 span span{
	font-family: 'Lora', serif;
	font-size:30px;
	line-height:1.2;
}
#top-contents6 h3{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	letter-spacing:normal;
	color:#fff;
	width:170px;
	margin-right:10px;
}
#top-sns{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	box-sizing:border-box;
	padding:20px 0;
}
#top-sns li{
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:center;
	width:130px;
	padding:0 10px;
	color:#fff;
	font-size:14px;
	border-right:1px solid #3DDD00;
}
#top-sns li a{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	border-bottom:0px solid #fff;
	transition:0.2s;
	display:block;
	padding:5px 1px 70px;
	position:relative;
}
#top-sns li a:after{
	content:"";
	position:absolute;
	bottom:-10px;
	left:0;
	height:5px;
	width:0;
	background:#fff;
	transition:0.2s;
}
#top-sns li a:hover:after,
#top-sns li a.active:after{
	width:100%;
}
#top-sns li:first-of-type{
	border-left:1px solid #3DDD00;
}
#top-contents6{
	background:#EAF0D9;
}
#top-contents6 .sns-slider{
	height:500px !important;
	box-sizing:border-box;
	background:#EAF0D9 !important;
	letter-spacing:normal;
}
#top-contents6 .sns-slider > div{
	height:500px;
	padding:20px 0;
	box-sizing:border-box;
}
  header.on{
    opacity: 0;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
	}
  .is-scroll-bnr,
  .is-scroll-bnr1,
  .is-scroll-bnr2 {
    opacity: 0;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
  }
  .is-scroll-bnr3 {
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,-4deg);
        -ms-transform: translateY(50px) skew(0deg,-4deg);
            transform: translateY(50px) skew(0deg,-4deg);
	}
  .is-scroll-bnr4 {
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,4deg);
        -ms-transform: translateY(50px) skew(0deg,4deg);
            transform: translateY(50px) skew(0deg,4deg);
	}
  .is-scroll-bnr5 {
    opacity: 0;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
  }
  .is-scroll-bnr6 {
    -webkit-transform: scale(0,0);
        -ms-transform: scale(0,0);
            transform: scale(0,0);
		transition:0.3s;
  }
  .is-scroll-bnr6.on {
    -webkit-transform: scale(1,1) !important;
        -ms-transform: scale(1,1) !important;
            transform: scale(1,1) !important;
 visibility: visible !important;
  }
  header.on{
    -webkit-animation-name: showdown;
            animation-name: showdown;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
 visibility: visible !important;
  }
  .is-scroll-bnr.on,
  .is-scroll-bnr1.on,
  .is-scroll-bnr2.on {
    -webkit-animation-name: showup;
            animation-name: showup;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
 visibility: visible !important;
  }
  .is-scroll-bnr3.on {
    -webkit-animation-name: showup1;
            animation-name: showup1;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: translateY(0px) skew(0deg,-4deg);
        -ms-transform: translateY(0px) skew(0deg,-4deg);
            transform: translateY(0px) skew(0deg,-4deg);
 visibility: visible !important;
	}
  .is-scroll-bnr4.on {
    -webkit-animation-name: showup2;
            animation-name: showup2;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: translateY(0px) skew(0deg,4deg);
        -ms-transform: translateY(0px) skew(0deg,4deg);
            transform: translateY(0px) skew(0deg,4deg);
 visibility: visible !important;
	}
  .is-scroll-bnr5.on {
    -webkit-animation-name: showleft;
            animation-name: showleft;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
 visibility: visible !important;
  }
  .is-scroll-bnr1.on {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important;
  }
  .is-scroll-bnr2.on {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
  }
}
@-webkit-keyframes showup {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes showup {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes showup1 {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,-4deg);
            transform: translateY(50px) skew(0deg,-4deg);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,-4deg);
            transform: translateY(50px) skew(0deg,-4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) skew(0deg,-4deg);
            transform: translateY(0px) skew(0deg,-4deg);
  }
}
@keyframes showup1 {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,-4deg);
            transform: translateY(50px) skew(0deg,-4deg);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,-4deg);
            transform: translateY(50px) skew(0deg,-4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) skew(0deg,-4deg);
            transform: translateY(0px) skew(0deg,-4deg);
  }
}
@-webkit-keyframes showup2 {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,4deg);
            transform: translateY(50px) skew(0deg,4deg);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,4deg);
            transform: translateY(50px) skew(0deg,4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) skew(0deg,4deg);
            transform: translateY(0px) skew(0deg,4deg);
  }
}
@keyframes showup2 {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,4deg);
            transform: translateY(50px) skew(0deg,4deg);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px) skew(0deg,4deg);
            transform: translateY(50px) skew(0deg,4deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) skew(0deg,4deg);
            transform: translateY(0px) skew(0deg,4deg);
  }
}
@-webkit-keyframes showdown {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes showdown {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes showleft {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes showleft {
  0% {
    display: none;
    opacity: 0;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
a.button01{
	display:block;
	box-sizing:border-box;
	width:200px;
	color:#000;
	border:1px solid #000;
	padding:10px 20px 30px;
	margin-right:10px;
	background:none;
	background-size:8px;
	text-decoration:none;
	transition:ease-in-out 0.2s;
	position:relative;
	z-index:2;
	margin:20px auto;
}
a.button01:hover{
	background:#000;
	background-size:8px;
	border:1px solid #000;
	color:#fff;
}
a.button01:before{
	position:absolute;
	display:block;
	z-index:-1;
	content:"";
	top: 0;
	right: 0;
	width:100% !important;
	height:100% !important;
	background: none;
	background-size:8px;
	transition:ease-in-out 0.2s;
}
a.button01:after{
	position:absolute;
	display:block;
	z-index:3;
	top:38%;
	left:90%;
	width:10px;
	height:10px;
	content:"";
	background:url(../../img/arrow02.png) no-repeat 90% center;
	background-size:8px;
	transition:ease-in-out 0.15s;
}
a.button01:hover:before{
	width: 0 !important;
	background: #fff;
	background-size:8px;
}
a.button01:hover:after{
	background:url(../../img/arrow01.png) no-repeat 90% center;
	background-size:8px;
}
a.button01.btn_w{
	color:#fff;
	border:1px solid #fff;
}
a.button01.btn_w:hover{
	background:#fff;
	border:1px solid #fff;
	color:#000;
}
a.button01.btn_w:after{
	background:url(../../img/arrow01.png) no-repeat 90% center;
}
a.button01.btn_w:hover:before{
	background: #000;
}
a.button01.btn_w:hover:after{
	background:url(../../img/arrow02.png) no-repeat 90% center;
}
#g_search{
	clear:both;
	padding-top:20px;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus{
	background-color:#36C200 !important;
}
.sns-slider div.sns_ch{
	box-sizing:border-box;
	line-height:1.7em !important;
	margin-right:10px;
}
.sns-slider div.sns_ch:nth-of-type(3){
	margin-right:0;
}
.sns-slider div.sns_ch > a,
.sns-slider div.sns_ch > div{
	display:block;
	box-sizing:border-box;
	background:#fff;
	width:580px;
	height:460px !important;
	padding:18px 18px;
	border:3px solid #E9E9E9;
	color:#333;
	text-decoration:none;
	transition:0.2s;
	margin:0 auto;
}
.sns-slider div.sns_ch > a:hover{
	border:3px solid #1DAC3F;
}
.sns-slider div.sns_ch dl.sns-title{
	width:100%;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}
.sns-slider div.sns_ch dl.sns-title dt{
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 15px 0;
	width:45px;
}
.sns-slider div.sns_ch dl.sns-title dd{
	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	width:350px;
	line-height:1.2em;
}
.sns-slider div.sns_ch dl.sns-title dd span{
	display:block;
	font-size:12px;
	color:#1DAC3F;
}
.sns-slider div.sns_ch p{
	font-size:18px;
	line-height:1.7;
	padding:0 30px 30px;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}
.sns-slider div.sns_ch dl.sns-next dt{
	font-size:16px;
	color:#fff;
	background:#1DAC3F;
	display:block;
	border-radius:5px;
	padding:10px 0 10px 30px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:20px;
}
.sns-slider div.sns_ch dl.sns-next dd{
	font-size:18px;
	background:none;
	padding:0 30px;
}
.sns-slider div.sns_ch > div .twitter-timeline{
	height:80% !important;
}
.sns-slider div.sns_ch > div .fb-page{
	height:80% !important;
	width:500px !important;
	margin:0 20px !important;
}
.schedule ul{
	border-bottom:1px solid #fff;
	width:1080px;
	box-sizing:border-box;
	overflow:hidden;
}
.schedule ul li{
	letter-spacing:-.4em;
	width:1060px;
	padding:0 10px !important;
}
.schedule ul p{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:80%;
}
.schedule ul time{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:1%;
	width:19%;
}
.schedule ul a{
	color:#fff;
}
#schedule_content>div.schedule>p.no-data{
	padding:20px 20px 0;
}
.top-sect__news-content__list.past{
	display: none !important;
}
.pull_down{
	background:#F0F0F0;
	transition:0.3;
	box-shadow:0 1px 15px rgba(0,0,0,0.2);
}
.pull_down div > p{
	font-size:22px;
	margin-bottom:20px;
}
.pull_down div > p a.button01{
	font-size:12px;
	width:220px;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 20px;
}
.pull_down ul{
	letter-spacing:-.4em;
}
.pull_down ul li{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	width:180px;
	position:relative;
	margin:0 20px 20px 0;
}
.pull_down ul li:nth-of-type(5n){
	margin:0 0 20px 0;
}
.pull_down ul li a img{
	margin-bottom:5px;
}
.pull_down ul li a p{
	padding:0 0 0 1em;
	position:relative;
	color:#000;
	transition:0.2s;
}
.pull_down ul li a p:before{
	font-family:FontAwesome;
	content:"\f0da";
	position:absolute;
	left:0;
}
.pull_down ul li a:hover,
.pull_down ul li a{
	text-decoration:none;
}
.pull_down ul li a:hover p{
	color:#1DAC42;
}
#pull_about,
#pull_news,
#pull_ele,
#pull_join{
  visibility: hidden;
	opacity:0;
	height:0;
}
#pull_about.active,
#pull_news.active,
#pull_ele.active,
#pull_join.active{
  visibility: visible;
	opacity:1;
	height:auto;
}
.h_nav02.active a,
.h_nav04.active a,
.h_nav05.active a,
.h_nav07.active a{
	padding:15px 20px 27px;
	border-bottom:5px solid #36C200;
	text-decoration:none;
	color:#36C200;
}

.nopc{
	display:none;
	}

/* 4/27更新 */


/* 20181122追加 */
header p.special-right2{
	position:absolute;
	right:0;
	bottom:-100px;
	z-index:1000;
	/* top:85px; */
}

/* 20190311追加 */
.ba-slider {
	text-align: center;
}
.ba-slider img {
	margin-bottom: 5px;
}
.ba-slider a {
	color: #333;
}
.ba-slider .bx-wrapper {
	background-color: #E8E6DD !important;
	padding: 20px 0;
}
.ba-slider .bx-controls-direction {
	width: 1200px !important;
	margin: auto;
	position: relative;
}
.ba-slider .bx-wrapper .bx-prev,
.ba-slider .bx-wrapper .bx-next {
	display: block;
	width: 50px !important;
	height: 50px !important;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: -200px !important;
	bottom: 0;
	margin: auto;
}
.ba-slider .bx-wrapper .bx-prev:before,
.ba-slider .bx-wrapper .bx-next:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 30px;
	background-color: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.ba-slider .bx-wrapper .bx-prev:after,
.ba-slider .bx-wrapper .bx-next:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 10px;
	background-color: #fff;
	top: -8px;
	bottom: 0;
	right: 10px;
	margin: auto;
	transform: rotate(45deg);
}
.ba-slider .bx-wrapper .bx-prev:after {
	right: auto;
	left: 10px;
	transform: rotate(-45deg);
}
.ba-slider .bx-wrapper .bx-prev {
	left: -20px;
}
.ba-slider .bx-wrapper .bx-next {
	right: -20px;
}

/* 191216 */
.fix-btn {
  position: fixed;
  top: 120px;
  right: 0;
  z-index: 100;
}
.fix-btn div {
  width: 250px;
  position: absolute;
  right: -300px;
  transition: .8s;
}
.fix-btn div.on {
  right: 20px;
}
.fix-btn div .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  border: 1px solid #333;
  cursor: pointer;
}
.fix-btn div .close::before,
.fix-btn div .close::after {
  content: '';
  width: 8px;
  height: 1px;
  background-color: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}
.fix-btn div .close::after {
  transform: rotate(-45deg);
}
.fix-btn div a img {
  width: 100%;
}