/*リセット*/
.footer_simple1{
  margin-top:0;
}

/*基本*/
.cont_unit{
  margin-top: 30px;
}
.cont_box{
  padding: 50px 0;
}

/*ヘッダ*/
h1 img{
  max-width: 70%;
}
.cont_header{
  position: relative;
}
a.btn_nav_open{
  display: inline-block;
  float: right;
  width: 9%;
  position: absolute;
  top:15px;
  right: 10px;
}
a.btn_nav_open img{
  max-width: 35px;
  width: 100%;
  height: auto;
}
/*ナビ*/
nav.cont_nav{
  position: absolute;
  top:0;
  left:-50%;
  width: 50%;
  height: 100vh;
  background: #FFF;
  border-right: 1px solid rgba(54, 168, 58, 0.08);
  /*display: none;*/
}
nav.cont_nav .cont_head_nav>li{
  background: #64bf29;
  padding: 0.5em;
  border-bottom:1px solid #FFF;
}
nav.cont_nav .cont_head_nav>li a{
  color:#FFF;
  display: block;
}
nav.cont_nav ul.cont_head_other>li{
  padding: 0.2em;
}
nav.cont_nav .cont_head_other a.cont_btn_shutten{
  display: block;
}
nav.cont_nav .cont_head_other .cont_snsicon{
  float: left;
}


/*メインイメージ*/
.cont_mainimg{
  position: relative;
}
.cont_mainimg:after{
  content: "";
  display: block;
}
.cont_page .cont_mainimg:after{
  padding-top: 40.5%;
}
.cont_mainimg>div{
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cont_mainimg .cont_page_ttl h2{
  font-size: 130%;
}
.cont_mainimg .cont_page_ttl{
  transform: translateY(-50%);
}


/*コンテンツ*/
.cont_ttl h3{
  font-size: 120%;
}
.cont_contents{
  padding-bottom: 50px;
}
.contents.cont_top .cont_contents .cont_head{
  padding: 1.5em;
  transform:translateY(-1em);
}
.contents.cont_top .cont_contents .cont_mtpos{
  margin-top: -1em;
}
.contents.cont_page .cont_contents .cont_head{
  padding-top:1em;
  padding-bottom: 25px;
}
.cont_contents .cont_head ul.cont_breadcrubs{
  font-size: 80%;
}




/*コンテンツフッター*/
.cont_footer{

}
.cont_footer .cont_gmaps>li .cont_gmap{
  height: 200px;
}
.cont_footer .cont_gmaps>li{
  margin-bottom: 20px;
}
.cont_footer .cont_gmaps>li:last-child{
  margin-bottom: 0;
}


/*ナビアニメーション*/
@keyframes slideNav{
 0%{left:-50%;}
 100%{left:0%;}
}
@keyframes slideCont{
 0%{left:0%;}
 100%{left:50%;}
}
.contents.nav_view nav.cont_nav{
  animation:slideNav 0.2s ease-out forwards;
}
.contents.nav_view .cont_wrap{
  animation:slideCont 0.2s ease-out forwards;
}