@charset "euc-jp";
ul {
  list-style: none;
}
.sdgs-wrapper {
  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%);
}
.pc {
  display: none;
}
/* =============================================
                    SP
============================================= */
img {
  width: 100%;
  vertical-align: bottom;
}
.header {
  padding: 1% 5% 0;
  display: flex;
  justify-content: space-between;
}
.header .logo-left {
  width: 14%;
}
.header .logo-right {
  width: 14%;
}
a {
  display: block;
}
/* ------------------------------------------
     MV
   ------------------------------------------*/
.mv {
  padding: 0 0 0;
  position: relative;
  overflow: hidden;
}
h1 {
  padding: 11% 30px 0;
  text-align: center;
  z-index: 99999;
}
h1 img {
  width: 83%;
}
.mv .mv-icon-1 {
  width: 10%;
  position: absolute;
  left: 9%;
  top: 10.8%;
}
.mv .mv-icon-2 {
  width: 28%;
  position: absolute;
  left: 25%;
  top: 1.7%;
}
.mv .mv-icon-3 {
  width: 29%;
  position: absolute;
  left: 47%;
  top: -1.5%;
}
.mv .mv-icon-4 {
  width: 9.5%;
  position: absolute;
  left: 79%;
  top: 10.5%;
}
.mv .mv-icon-5 {
  width: 20.2%;
  position: absolute;
  left: 88%;
  top: 4%;
}
.mv .mv-icon-6 {
  width: 29%;
  position: absolute;
  left: 81%;
  top: 24.5%;
}
.mv .mv-icon-7 {
  width: 32%;
  position: absolute;
  left: 80%;
  top: 38%;
}
.mv .mv-icon-8 {
  width: 34%;
  position: absolute;
  left: -17%;
  top: 29%;
}
.mv .mv-icon-9 {
  width: 10%;
  position: absolute;
  left: 15%;
  top: 39.8%;
}
.mv .mv-icon-10 {
  width: 28%;
  position: absolute;
  left: -7.2%;
  top: 15.5%;
}
/* ------------------------------------------
     navigation
   ------------------------------------------*/
.navi-container {
  position: relative;
}
nav {
  background: url("../images/sp/nav_bg.png");
}
nav ul {
  position: relative;
  width: 83%;
  margin: 3.5% auto 0;
  padding: 6% 0 9%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 99998;
}
nav ul li {
  
  padding: 0.8% 0;
  width: 49%;
  
}
.nav-icon-1 {
  width: 23%;
  position: absolute;
  left: -8.5%;
  top: -26%;
}
.nav-icon-2 {
  width: 10%;
  position: absolute;
  left: 64.5%;
  top: -1.5%;
}
.nav-icon-3 {
  width: 26%;
  position: absolute;
  left: 79%;
  top: -14%;
  opacity: 0.7;
}
/*
.nav-icon-4{
  width: 6%;
  position: absolute;
  left: 50%;
  top: -3%;
}
*/
.nav-icon-5 {
  width: 12.5%;
  position: absolute;
  left: 87%;
  top: 58%;
}
.nav-icon-6 {
  width: 20%;
  position: absolute;
  left: -8%;
  top: 64%;
  opacity: 0.7;
}
.btn {
  position: absolute;
  width: 64.4%;
  left: 50%;
  transform: translate(-50%, 0);
}
.pagetop {
  width: 2.8%;
  position: absolute;
  right: 2%;
}
/* ------------------------------------------
     cont
   ------------------------------------------*/
#cnt01 {}
#cnt01 .cnt-1-1 {
  margin: 20% 0 0;
}
#cnt01 .cnt-1-4 {
  position: relative;
}
#cnt01 .cnt-1-4 .btn {
  bottom: -6.5%;
}
#cnt01 .cnt-1-4 .pagetop {
  bottom: -20.5%;
}
#cnt02 .cnt-2-4 {
  position: relative;
}
#cnt02 .cnt-2-4 .btn {
  bottom: -2%;
}
#cnt02 .cnt-2-4 .pagetop {
  bottom: -10%;
}
#cnt02 .cnt-2-6 {
  margin: 0 0 20%;
  position: relative;
}
#cnt02 .cnt-2-6 .btn {
  bottom: 3.5%;
}
#cnt02 .cnt-2-6 .pagetop {
  bottom: -5%;
}
#cnt03 .cnt-3-2 {
  position: relative;
}
#cnt03 .cnt-3-2 .pagetop {
  bottom: 10%;
}
#cnt04 .cnt-4-2 {
  margin: 0;
  position: relative;
}
#cnt04 .cnt-4-2 .btn {
  bottom: -3.5%;
}
#cnt04 .cnt-4-5 {
  margin: 0;
  position: relative;
}
#cnt04 .cnt-4-5 .btn:first-of-type {
  bottom: 7.5%;
}
#cnt04 .cnt-4-5 .btn {
  bottom: -0.5%;
}
#cnt04 .cnt-4-5 .pagetop {
  bottom: -1%;
}
#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_sp.png");
  height: 22px;
}