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

body {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  background: url("/images/bg1.png") repeat scroll center 260px;
  color: #464646;
  max-width: 2800px;
    min-width: 1200px;
}
.serif {
  font-family: 游明朝, YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', メイリオ, Meiryo, serif;
}

.hexagon-mask .img img{
  width:246px !important;
  height:320px !important}
#container {width:100%;}



section {
  padding: 5% 15%;
  margin: 0 auto;}

.movie {
  position: absolute;
  top: 50%;
  height: 240px;
  margin-top: -120px;}

.act {
  color: #ff6600}

.cen{
  margin: 0 auto;}

.tcen{text-align: center}

.block{display: block}

.fl{
  float: left}

.fr{
  float: right}

.migi{
  text-align: right}

.cb {
	clear:both}

	.pb10 {padding-bottom:10px;}
	.pb15 {padding-bottom:15px;}
	.pb20 {padding-bottom:20px;}
	.pb25 {padding-bottom:25px;}
	.pb30 {padding-bottom:30px;}
	.pb35 {padding-bottom:35px;}
	.pb40 {padding-bottom:40px;}
	.pb45 {padding-bottom:45px;}
	.pb50 {padding-bottom:50px;}
	.pb80 {padding-bottom:50px;}
  .pb185 {padding-bottom: 185px;}

	.pt10 {padding-top: 10px;}
	.pt15 {padding-top: 15px;}
	.pt20{padding-top: 20px;}
	.pt25 {padding-top: 25px;}
	.pt30 {padding-top: 30px;}
	.pt35 {padding-top: 35px;}
	.pt40 {padding-top: 40px;}
	.pt45 {padding-top: 45px;}
	.pt50 {padding-top: 50px;}
	.pt70 {padding-top: 70px;}
	.pt80 {padding-top: 80px;}
	.pt90 {padding-top: 90px;}
	.pt100 {padding-top: 100px;}
	.pt110 {padding-top: 110px;}
	.pt120 {padding-top: 120px;}
	.pt130 {padding-top: 130px;}
	.pt140 {padding-top: 140px;}
	.pt150 {padding-top: 150px;}
	.pt160 {padding-top: 160px;}
	.pt170 {padding-top: 170px;}
	.pt180 {padding-top: 180px;}
	.pt190 {padding-top: 190px;}
	.pt200 {padding-top: 200px;}
  .mt350{margin-top: 350px}
  .mt300{margin-top: 300px}
  .mt50{margin-top: 50px}
  .mt100{margin-top: 100px}
  .pt188{padding-top: 188px}
  .pt220{padding-top: 220px}

.font18{
  font-size: 1.8rem}

.disinblk{
  display: inline-block}

.h700{height: 700px}
.h770{height: 770px}
.h800{height: 800px}
.w300{width: 300px}
/*-------------------------------------*/


section {margin: 0; padding: 0}


.mt-5{margin-top: -5px;}
.h25{height: 25px; display: block; overflow: hidden;}
.pb10{ padding-bottom: 10px;}
.mp0{ position: absolute; left: 0;}


.oya{position: relative}


.kodomo{position: absolute}

.contain{
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;}

.contain1100{width: 1100px;
margin: 0 auto;}

.contain2{
  width: 950px;
  margin: 0 auto;}

  .contain4{
    width: 1000px;
    margin: 0 auto;}

.contain30{}
  .contain3{
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;}

  img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;}

.topslo{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.tright{text-align: right}

#section1{
  background-image:url(../images/topbg.jpg);
  background-size:cover;}

.mix{
  display: block;
  margin: 0 auto;
  text-align: cener;
  width: 250px;}

.logotonari{
  color: #fff;
  vertical-align: top;
  padding-top: 12px;
  display: inline-block;
  padding-left: 20px;}


.logotonari2{
  color: #537649;;
  vertical-align: top;
  padding-top: 12px;
  display: inline-block;
  padding-left: 20px;}

.contain00{width: 1200px;max-width: 1200px; margin: 0 auto;}
.subcontain{width: 1150px;}

.jbFixed {
  position: fixed;
  top:-30px;
  background-color: rgba( 245,245,240,0.9);
  display: block;
  height: 80px;
  z-index: 8888;
  box-shadow: 0 0 0 5px rgba(83, 118, 73, 0.15);;
  width: 100%
  }

.navi{
  background-color: rgba( 245,245,240,0.9);
  display: block;
  height: 80px;
  margin: 0;
  padding: 0;
  margin-top: 30px}

.navi0{
  background-color: rgba( 245,245,240,0.9);
  display: block;
  height: 80px;
  margin: 0;
  padding: 0;
  position: fixed;

  z-index: 8888;
  width: 100%;
  box-shadow: 0 0 0 5px rgba(83, 118, 73, 0.15);}


nav ul li{
  padding: 0;
  margin: 0;
  list-style: none;
  color:#537649;
  float: left;
  font-size: 16px}


#top-menu a{
  color: #abbba7 ;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
 display: inline-block
}

#top-menu li.active a  { color: #537649;}

#top-menu a:hover{color: #abbba7;}

.navi1{
  background-color: rgba( 245,245,240,0.9);
  display: block;
  height: 80px;
  margin: 0;
  padding: 0;
  margin-top: 30px}

.navi1 ul li{
  padding: 0;
  margin: 0;
  list-style: none;
  color:#abbba7;
  float: left;
  font-size: 16px}


#top-menu2 a{
  color: #abbba7 ;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
 display: inline-block
}


#top-menu2 a:hover{color: #537649;}


.tit1{
  width: 200px;
  height: 45px;
  line-height: 45px;
  display: block;
  margin-top: 120px;
  color: #537649;
  border-top: 1px solid #537649;
  border-bottom: 1px solid #537649;
  font-size: 24px;
  font-weight: bold;
}

.tit11{
  width: 200px;
  height: 45px;
  line-height: 45px;
  display: block;
  color: #537649;
  border-top: 1px solid #537649;
  border-bottom: 1px solid #537649;
  font-size: 24px;
  font-weight: bold;
}

#slo {
  position: absolute;
  top:1140px;
  width: 100%;}
#news {
  position: absolute;
  top:1260px;
  width: 100%;}

#about {
  position: absolute;
  top:2400px;
  width: 100%;}

#company {
  position: absolute;
  top:6140px;
  width: 100%;}

#footer1{
  position: absolute;

  top:7910px;
  width:100%;
}
.slo1{
    font-size: 40px;
    font-family: -webkit-pictograph;
    text-align: center;
    margin-top: 150px;}

*, *:before, *:after {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
/* -------------------- 六角形（マスク） -------------------- */
#newsWrapper, #newsArchive {
  padding-top: 75px;
}
.hexagon {
  position: relative;
  width: 250px;
  height: 144.34px;
  margin: 72.17px 0;
  background-size: auto 288.6751px;
  background-position: center;
}
.hexTop,
.hexBottom {
  position: absolute;
  z-index: 1;
  width: 176.78px;
  height: 176.78px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 36.61px;
}
.hexTop:after,
.hexBottom:after {
  content: "";
  position: absolute;
  width: 250px;
  height: 144.33756729740645px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  transform: rotate(45deg) scaleY(1.7321) translateY(-72.1688px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
  left: 0;
}

.hexTop {
  top: -88.3883px;
}

.hexTop:after {
  background-position: center top;
}

.hexBottom {
  bottom: -88.3883px;
}

.hexBottom:after {
  background-position: center bottom;
}

.hexagon:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 250px;
  height: 144.3376px;
  z-index: 2;
  background: inherit;
}
.hexagonWrapper {
  position: relative;
}
.hexagonWrapper .cat {
  color: #537649;
  position: absolute;
  top: -73px;
  left: 18px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  font-size: 16px;
  font-weight: bold;
}
.hexagonWrapper .date {
  color: #537649;
  position: absolute;
  bottom: -70px;
  right: 18px;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  font-size: 13px;
}
.article{
  display: block;
  width: 270px;
  text-align: center;
  margin-right: 50px;
  padding: 10px;
}
.article a {
  display: block;
  color: #537649;
  text-decoration: none;
}
.articleBottom {
  text-align: left;
  padding-top: 40px;
}
.articleBottom .title {
  font-size: 20px;
  font-weight: bold;
}

.just1{overflow: hidden;height: 850px;margin-top: 60px;padding-left: 90px;}
.articleBottom .newscon{
  color: #464646;
  margin-top: 10px;
  height:80px;
  width: 250px;
  max-width:250px;
  overflow:hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
 }
 #newsWrapper .article:hover {
   background: #e8e8e8;
 }


.subcontain2{display: block}
.hexagon-mask {
width:246px;
height:320px;
 position:relative;
 top:-4em;
 width: 8.5em;
 height: 17em;
 -webkit-transform: rotate(120deg);
 -ms-transform: rotate(120deg);
 transform: rotate(120deg);
 overflow: hidden;
}
.hexagon-mask > div, .hexagon-mask > div > div {
 width: 100%;
 height: 100%;
 -webkit-transform: rotate(-60deg);
 -ms-transform: rotate(-60deg);
 transform: rotate(-60deg);
 overflow: hidden;
}
.hexagon-mask img {
 position:relative;
 top:.8em;
 left:-.5em;
}

.f45{
  position: absolute;
  /* border: 1px solid; */
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  left: 30px;
  top: 30px;
  text-align: center;
  z-index:999999;
  font-size: 18px;
  font-weight: bold;
}

.f45 a{text-decoration: none; color:#537649;}
.f45 a:hover{text-decoration: none; color:#537649;}

 .f452{
   position: absolute;
   /* border: 1px solid; */
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   left: 156px;
   top: 270px;
   text-align: center;
            }
.a01{
  margin-top: 55px;
  display: block;
  width:1060px;
  height: 550px}

.a001{
  margin-top: 55px;
  display: block;
  width:1060px;}

.rock{display: block;
    width: 100%;}

.news1{display: block;
    text-align: left;
    padding-top: 60px;
    width: 260px;}
.newstit{font-weight: 600; padding-top: 20px}
.newscon{
  margin-top: 20px;
  height:80px;
  width: 250px;
  max-width:250px;
  overflow:hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   word-wrap: break-word; }

.wpcon img{display: none;
padding-top: 0px;}

.line1{
  border-top: 1px solid #537649;
  width: 880px;
  position: relative;
  margin-top: 100px;}
.linemore{position: absolute;
    top: -1px;}
.more2{padding-top: 100px;
    padding-bottom: 100px;}


.tit2{
  width: 200px;
  display: block;
  margin-top: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  border-top: 1px solid #537649;
  border-bottom: 1px solid #537649;
  font-size: 30px;}

.about{    background-image: url(/images/about_bg.png);
    background-size: cover;
    height: 750px;
    background-position: top right;
    margin-top: 127px;}

.ab1{padding-top: 115px;
  text-align: left}
.ab2{    color: #464646;
    display: block;
    line-height: 240%;
    padding-top: 80px;
    font-family: serif;
    /* font-weight: 700; */
    font-size: 15px;
    letter-spacing: 1px;}

.a00 {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding-left: 53px;}

.mt360{margin-top: 360px}

.tate{
  height: 400px;
  text-align:left;
  margin-top: 100px;
  z-index: 30000;
  color:#537649;
  display: block;
  -webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;}

.tate ul {
  padding: 0;
  padding: 0;
  margin: 0;
  list-style: none}

.tate li{
  width: 50px;
  z-index: 30;
  height: 330px;
  border-left: 1px dashed;
  padding-right: 14px;
  letter-spacing: 1.5px;
  padding-top: 10px;
  font-size: 15px;
  }

.ab3{font-size: 20px !important;
    border-right: 1px dashed !important;
    letter-spacing: 8px !important;
    padding-right: 8px !important;}

.ab4{float: right;
    width: 300px;
    }
.ab5{
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: #454545;
  width: 300px;
  padding: 20px;
  right: 0px;
    bottom: 20px;}

.con1{
  padding-top: 70px;
  display: block;
  line-height: 200%;}

.ab6{

  float: left;
    width: 380px;
    }

.con2{
  padding-top: 70px;
  display: block;
  width: 100%%;
  line-height: 150%;}

.fnt1{
  color: #537649;
  font-size: 20px;
  display: inline-block;
  padding-bottom: 15px;
}
.fnt2{    font-size: 15px;
    color: #454545;
    padding-bottom: 20px;
    display: inline-block;
    letter-spacing: 2px;}

.w30{padding: 30px; width: 33%}

.w3320{padding: 20px; width: 33%}

.tt01{    padding-top: 150px;
    padding-bottom: 100px;}


.com1{float: right;
    width: 400px;    padding-top: 50px;
    }
.com2{
  padding-top: 70px;
  display: block;
  color:#464646;
  width: 400px;
  line-height: 200%;}

.com3{float: right;
    width: 360px;
    padding-top: 50px;
    text-align: right;
    }

.com4{
  padding-top: 70px;
  float: left;
  display: block;
  color:#464646;
  padding-left: 80px;
  line-height: 200%;}

.com5{
  padding-top: 40px;
  display: block;
  color:#464646;
  font-size: 16px;
  width: 530px;
  line-height: 200%;}

.com5 a{color: #537649 ; text-decoration: none;}
.com5 a:hover{color: darkorange ; text-decoration: none;}

.nav2 ul{    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-table;
    padding-bottom: 50px;
    padding-top: 60px;}

.nav2 li{    float: left;
    text-align: center;
    display: block;
    border: 1px solid;
    width: 200px;
    font-weight: bold;
    height: 45px;
    background-color: #fff;
    padding-top: 10px;
    cursor: pointer;}

.nav2 li a{
  background-color: #fff;
  color: #abbca6 ;
  text-decoration: none;}

.nav2 li a:hover{
  background-color: #f5f5f0;
  color: #537649;
  height: 40px;
  margin-top: -9px;
  padding-top: 9px;}

footer {
  text-align: center;
  color: #537649;
}
.tel{
  display: inline-block;
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid;
}

.tel span{
  display: inline-block;
  padding: 0 15px 20px;
}

.text-decoration01 a{
  text-decoration: none;
  color:#537649
}

.text-decoration01 a:hover{
  text-decoration: none;
  color:#537649
}
.copyl{font-size: 13px; padding-bottom: 80px;     font-family: monospace; }

.datww  {display: block;
  padding-left: 30px;
  font-weight: bold;
  padding-top: 10px;
  font-size: 16px;
  color: #537649 !important;}

.news_tit{
  text-align: left;
    padding-top: 5px;
    display: block;
    font-size: 20px;
    color: #537649 !important;
    border-bottom: 1px solid;
    width: 600px;
    margin-bottom: 30px;
}

.news_tit a{
    padding-top: 5px;
    display: block;
    font-size: 29px;
    color: #537649 !important;
    letter-spacing: 3px;}

.cate {background: url(/images/cate_bg.png) no-repeat;
  width: 63px;
  font-size: 12px;
  height: 73px;}

.cate a{color: #fff}
.cate a:hover{color: #abbba7}

.cat_font{margin-top: 40%;}


.t00{width:900px; padding-top:300px;}

.postpager {
    font-size: 11px;
}
.postpager .prev {
  float: left;
  width: 400px;
}
.postpager .next {
  float: right;
  padding-left: 90px;
  width: 430px;
  text-align: right;
}
.t001 {
  display: table;
  margin: 5px;
}
.t001 a {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color:#464646;
  text-decoration: none;
}
.t001  img {
  display: table-cell;
  padding: 3px;
  vertical-align: middle;
  width: 90px;
  color:#464646;
  height: 90px;
}

.pagerWrapper {width: 900px;
  display: block;
   margin: 0 auto;
   padding-top: 50px;
 margin-bottom: -140px;}

.pagerWrapper ul { margin: 0 auto;}
.pagerWrapper li {float: left; padding-left: 20px; padding-right: 20px;}

.pagerWrapper a  {
  text-decoration: none;
  color: #abbba7;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  transition: all 0.5s ease;}

.pagerWrapper a:hover {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding-left: 10px;
  background-color: #537649;
  padding-right: 10px;
  border-radius: 5px;
  transition: all 0.5s ease;}

.font40{font-size: 40px;
    font-family: serif;}
.topscroll {
  padding-top: 155px;
}
.green {
  color: #537649;
}
.not-support {
  width: 500px;
  height: 250px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000; }