@charset "euc-jp";
ul {
  list-style: none;
}
.sdgs-wrapper {
  widows: 100%;
  max-width: 1198px;
  margin: 0 auto;
  position: relative;
}
.marker-pink {
  background: linear-gradient(transparent 0%, #f6cdd0 0%);
}
.marker-yellow {
  background: linear-gradient(transparent 0%, #f8edb9 0%);
}
.marker-green {
  background: linear-gradient(transparent 0%, #d7ecdf 0%);
}
.marker-purple {
  background: linear-gradient(transparent 0%, #dfd4e7 0%);
}
.sp {
  display: none;
}
a:hover{
  opacity: 0.7;
}
/* =============================================
                    SP
============================================= */
img {
  width: 100%;
  vertical-align: bottom;
}
.header {
  padding: 1% 16% 0;
  display: flex;
  justify-content: space-between;
}
.header .logo-left {
  width: 14.5%;
}
.header .logo-right {
  width: 14.5%;
}
a {
  display: block;
}
/* ------------------------------------------
     MV
   ------------------------------------------*/
.mv {
  padding: 0 0 0;
  position: relative;
  overflow: hidden;
}
h1 {
  position: relative;
  padding: 7% 30px 0;
  text-align: center;
  z-index: 99999;
}
h1 img {
  width: 69.6%;
}
.mv .mv-icon-1 {
  width: 6%;
  position: absolute;
  left: 16%;
  top: 13%;
}
.mv .mv-icon-2 {
  width: 20.2%;
  position: absolute;
  left: 30%;
  top: -1.5%;
}
.mv .mv-icon-3 {
  width: 12.5%;
  position: absolute;
  left:57%;
  top: 5%;
}
.mv .mv-icon-4 {
  width: 7%;
  position: absolute;
  left: 74%;
  top: 16.5%;
}
.mv .mv-icon-5 {
  width: 16%;
  position: absolute;
  left: 85.8%;
  top: -6%;
}
.mv .mv-icon-6 {
  width: 16.4%;
  position: absolute;
  left: 87%;
  top: 22%;
}
.mv .mv-icon-7 {
  width: 17.8%;
  position: absolute;
  left: 83%;
  top: 36%;
}
.mv .mv-icon-8 {
  width: 23.5%;
  position: absolute;
  left: -12.5%;
  top: 29%;
}
.mv .mv-icon-9 {
  width: 8.5%;
  position: absolute;
  left: 15%;
  top: 39.8%;
}
.mv .mv-icon-10 {
  width: 16.2%;
  position: absolute;
  left: -3%;
  top: 15.5%;
}
/* ------------------------------------------
     navigation
   ------------------------------------------*/
.navi-container {
  position: relative;
}
nav {
  background: url("../images/sp/nav_bg.png");
}
nav ul {
  position: relative;
  width: 60%;
  margin: 2% auto 0;
  padding: 6% 0 9%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 99998;
}
nav ul li {
  padding: 1% 0;
  width: 49%;

}
.nav-icon-1 {
  width: 27%;
  position: absolute;
  left: -9.5%;
  top: 15%;
}
.nav-icon-2 {
  width: 6%;
  position: absolute;
  left: 81.5%;
  top: 20.5%;
}
.nav-icon-3 {
  width: 15%;
  position: absolute;
  left: 88%;
  top: 12%;
  opacity: 0.7;
}
.nav-icon-4{
  width: 16%;
  position: absolute;
  left: 72%;
  top: 45%;
}
.nav-icon-5 {
  width: 10%;
  position: absolute;
  left: 86%;
  top: 64%;
  z-index: 1000;
}
.nav-icon-6 {
  width: 14%;
  position: absolute;
  left: 1%;
  top: 61%;
  opacity: 0.7;
}
.btn {
  position: absolute;
  width: 45.6%;
  left: 50%;
  transform: translate(-50%, 0);
}
.pagetop {
  width: 2%;
  position: absolute;
  right: 2%;
}
/* ------------------------------------------
     cont
   ------------------------------------------*/
#cnt01 {}
#cnt01 .cnt-1-3 {
  margin: 2% 0 0;
}
#cnt01 .cnt-1-4 {
  position: relative;
}
#cnt01 .cnt-1-4 .btn {
  bottom: -6.5%;
}
#cnt01 .cnt-1-4 .pagetop {
  bottom: -22.5%;
}
#cnt02 .cnt-2-4 {
  position: relative;
}
#cnt02 .cnt-2-4 .btn {
  bottom: -8%;
}
#cnt02 .cnt-2-4 .pagetop {
  bottom: -18.2%;
}
#cnt02 .cnt-2-6 {
  margin: 0 0 0;
  position: relative;
}
#cnt02 .cnt-2-6 .btn {
  bottom: 10.5%;
}
#cnt02 .cnt-2-6 .pagetop {
  bottom: 1.5%;
}
#cnt03 .cnt-3-2 {
  position: relative;
}
#cnt03 .cnt-3-2 .pagetop {
  bottom: 16%;
}
#cnt04 .cnt-4-2 {
  margin: 0;
  position: relative;
}
#cnt04 .cnt-4-2 .btn {
  bottom: 6.5%;
}
#cnt04 .cnt-4-5 {
  margin: 0;
  position: relative;
}
#cnt04 .cnt-4-5 .btn:first-of-type {
  bottom: 12.5%;
}
#cnt04 .cnt-4-5 .btn {
  bottom: 4.5%;
}
#cnt04 .cnt-4-5 .pagetop {
  bottom:4%;
}
#cnt05{
  margin: 0 0 6.8%;
}
#cnt06 .btn{
  position: relative;
}
#cnt06 .bn{
  text-align: center;
  margin: 9.5% 0 30%;
}
#cnt06 .bn img{
  width: 85%;
}


.wave {
  background-image: url("../images/wave_pc.png");
  height: 44px;
}