/*----------
  全体
----------*/
html {
  scroll-behavior: smooth;
}

/*----------
  header
----------*/
#header {
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  z-index: 1000000;
}

#header .topline {
  height: 5px;
  background: linear-gradient(45deg, #9cd10c 0%, #00a7ff 100%);
}

#header .logo {
  width: 110px;
}

#header .txtShadow a {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

#header .nav-height li > a {
  min-height: initial;
  height: 80px;
}

#header li a {
font-weight: bold;

}

#header .navi-en li a {
padding-left: 5x;
padding-right: 5px;
}

/*----------
  footer
----------*/
#footer .txtShadow a {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

#footer .uk-button-text::before {
  border-bottom: 1px solid #fff;
}

#footer .koroImg-01 {
  width: 111px;
  height: auto;
}

#footer .koroImg-02 {
  width: 106px;
  height: auto;
}

#footer .koroImg-03 {
  width: 78px;
  height: auto;
}

#footer .koroImg-04 {
  width: 92px;
  height: auto;
}

#footer .bannerImg {
  width: 180px;
  height: auto;
  margin: 0 10px;
}

#footer .snsImg {
  width: 49px;
  height: 49px;
  margin: 0 15px;
}

#footer .copyrightBg {
  background-color: #0c8b43;
}

@media screen and (max-width: 479px) {
  #footer .koroImg-01 {
    width: 84px;
  }

  #footer .koroImg-02 {
    width: 80px;
  }

  #footer .koroImg-03 {
    width: 58px;
  }

  #footer .koroImg-04 {
    width: 70px;
  }

  #footer .bannerImg {
    width: 150px;
  }
}

/*----------
  下層 heading
----------*/
.underlayer_h1 {
  padding: 10px 0;
  background-color: #28e13f;
  //background: linear-gradient(180deg, #ffffff 0%,#7dff89 10% ,#32f531 40%, #ffffff 100%);
  font-size: 40px;
  color: #fff;
  text-shadow: 0px 3px 6px rgb(0 0 0 / 50%);
}

/* h2 border
------------------*/
.head-border {
  position: relative;
  display: inline-block;
  padding: 0 50px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.head-border:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 5px;
  background-color: #74c649;
  border-radius: 15px;
}

.head-border:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 5px;
  background-color: #27b1c2;
  border-radius: 15px;
}

.head-border:before {
  left: -100px;
}

.head-border:after {
  right: -100px;
}

@media screen and (max-width: 479px) {
  .underlayer_h1 {
    padding: 20px 0;
    font-size: 30px;
  }

  .head-border {
    padding: 0 20px;
    font-size: 26px;
  }
}

@media screen and (max-width: 895px) {
  .head-border:before,
  .head-border:after {
    width: 30px;
  }

  .head-border:before {
    left: -30px;
  }

  .head-border:after {
    right: -30px;
  }
}

/* h2 border:white
------------------*/
.head-border_w {
  position: relative;
  display: inline-block;
  padding: 0 50px;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.head-border_w:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 5px;
  background-color: #fff;
  opacity: 0.8;
  border-radius: 15px;
}

.head-border_w:after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100px;
  height: 5px;
  background-color: #fff;
  opacity: 0.8;
  border-radius: 15px;
}

.head-border_w:before {
  left: -100px;
}

.head-border_w:after {
  right: -100px;
}

@media screen and (max-width: 479px) {
  .head-border_w {
    padding: 0 20px;
    font-size: 26px;
  }
}

@media screen and (max-width: 895px) {
  .head-border_w:before,
  .head-border_w:after {
    width: 30px;
  }

  .head-border_w:before {
    left: -30px;
  }

  .head-border_w:after {
    right: -30px;
  }
}

/*----------
  下層 Contents
----------*/

/* text
------------------*/
.txtShadow {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
}

.txt_w {
  color: #fff;
}

/* Youtube
------------------*/
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bg-Color
------------------*/
.sec_bg_col {
  background-color: #f9ffea;
  border-top: #dbe9c5 solid 1px;
  border-bottom: #dbe9c5 solid 1px;
}

.sec_bg_col_grn {
  background-color: #9dd10d;
}

.sec_bg_col_eme {
  background-color: #47bb8c;
}

.sec_bg_grd {
  background: linear-gradient(90deg, #9cd10c 0%, #00a7ff 100%);
}

.bg_color_st01 {
  background-color: #9cd10c;
}

.bg_color_st02 {
  background-color: #49bb8d;
}

.bg_color_st03 {
  background-color: #00a7ff;
}

.bg_color_st04 {
  background-color: #69b890;
}

/* Image
------------------*/
.imgBorder {
  border: solid 1px #e6e6e6;
}

/* Overlay
------------------*/

.overlay-dark {
  background: rgba(34, 34, 34, 0.8);
}

/* ページTOPに戻る */

.pagetop a {
  width: 50px;
  height: 50px;
  text-align: center;
  background: #44b9a5;
  border-radius: 50%;
  line-height: 50px;
}
.pagetop a span {
  font-size: 20px;
  color: #fff;
  line-height: 50px;
}

#pagetop {
  position: fixed;
  right: 2%;
  bottom: 5%;
  opacity: 0;
  -ms-filter: "alpha( opacity=0 )";
  filter: alpha(opacity: 0);
  zoom: 1;
  z-index: 9999;
}
#pagetop a {
  display: block;
  text-decoration: none;
}

/* tableのthを横スクロール時に固定する（IE11非対応）
------------------*/
.sticky_table th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
  padding-left: 5px;
}

/* IE11対応 xを非表示に
------------------*/
input::-ms-clear {
  display: none;
}

/* IE11対応 x表示削除
------------------*/
.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  height: 80px;
}

/* MT記事3件
------------------*/
.infoBox {
  display: flex;
  justify-content: space-between;
  margin-left: -30px;
}

.infoBox a {
  width: calc(100% * 1 / 3.001);
}

@media screen and (max-width: 479px) {
  .infoBox {
    flex-wrap: wrap;
    margin-left: 0px;
  }

  .infoBox a {
    width: 100%;
  }
}