body {
  height: 100%;
  background: #022a4f url(../images/sub/index_body_bg.png) no-repeat top center;
}
body.DIRNAME1 {
  height: 100%;
  background: #022a4f url(../../images/appare/appare_body_bg.png) no-repeat top
    center;
}
ul#globalnavi li a {
  display: block;
  background: url(../images/header/g_navi_bg.gif) no-repeat;
}
#contents .unkou1 {
  width: 362px;
  height: auto;
  padding-bottom: 10px;
  background: url(../images/index/ensoleille_bg.png) no-repeat bottom;
}
.unkou4 {
  width: 362px;
  padding-bottom: 10px;
  background: url(../../images/index/ensoleille_bg.png) no-repeat bottom;
  overflow: hidden;
}
.btn {
  text-align: center;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  transition: 0.3s;
}
.btn.btn-primary {
  background: #b52a2a;
  color: #ffffff;
}
.btn.btn-primary:hover {
  text-decoration: none;
  background: #eaf0f6;
  color: #b52a2a;
}
.btn.btn-secondly {
  background: #e4c304;
  color: #ffffff;
}
.btn.btn-secondly:hover {
  text-decoration: none;
  background: #eaf0f6;
  color: #e4c304;
}
#jquery-cycle-nav,
#jquery-cycle-nav2 {
  width: 90%;
  margin: 10px 0px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.roundimg a img{
	border-radius: 10px;
	transition: 0.5s;
}
.roundimg a:hover img {
	opacity: 0.6;
}