.sp {
  display: none !important;
}

#keyVisual {
  width: 100%;
  margin-bottom: 0;z-index: 0;
}

#keyVisual h1 {
  text-indent: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 375px;
  padding: 30px 0;
}


#widewrapper {
  width: 100%;
  position: relative;
  clear: both;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}

#widewrapper a:hover {
  opacity: 0.8;
}

.w1040 {
  width: 1040px;
  margin-right: auto;
  margin-left: auto;
}

h2.ttl {
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.4em;
}

#part1 {
  padding: 194px 0;
}

#part1 p {
  text-align: center;
  text-align: center;
  line-height: 200%;
  font-size: 18px;
}

#part2 .jdsTab {
  padding-top: 12px;
}

#part2 .jdsTab .jdsTabNav {
  display: flex;
  justify-content: space-between;
}

#part2 .jdsTab .jdsTabNav li {
  width: 25%;
  text-align: center;
  font-size: 24px;
  padding-bottom: 170px;
}

#part2 .jdsTab .jdsTabNav li:nth-child(1) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc01-off.png) center center no-repeat;
  color: #65B005;
  /*border-bottom: 16px solid #d1e7b4;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(1).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc01-on.png) center center no-repeat;
  /*border-bottom: 16px solid #65B005;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(2) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc02-off.png) center center no-repeat;
  color: #DDB100;
  /*border-bottom: 16px solid #f5e8b3;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(2).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc02-on.png) center center no-repeat;
  /*border-bottom: 16px solid #DDB100;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(3) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc03-off.png) center center no-repeat;
  color: #FF6400;
  /*border-bottom: 16px solid #ffd1b3;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(3).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc03-on.png) center center no-repeat;
  /*border-bottom: 16px solid #FF6400;*/
}
/* #part3 .planbox.plan03 .swiper-slide>a{min-height: 435px;} */
#part2 .jdsTab .jdsTabNav li:nth-child(4) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc04-off.png) center center no-repeat;
  color: #00A0F0;
  /*border-bottom: 16px solid #b3e3fb;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(4).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/pc04-on.png) center center no-repeat;
  /*border-bottom: 16px solid #00A0F0;*/
}


#part2 .jdsTab .tab01 ul li span b,#part2 .jdsTab .tab01 ul li span a {
  color: #65B005;
}

#part2 .jdsTab .tab02 ul li span b,#part2 .jdsTab .tab02 ul li span a {
  color: #DDB100;
}

#part2 .jdsTab .tab03 ul li span b,#part2 .jdsTab .tab03 ul li span a {
  color: #ff6400;
}

#part2 .jdsTab .tab04 ul li span b,#part2 .jdsTab .tab04 ul li span a {
  color: #00A0F0;
}
#part2 .jdsTab .jdsTabMain {
  padding: 20px 0;
}

#part2 .jdsTab .jdsTabMain ul {
  display: flex;
  justify-content: space-between;
}

#part2 .jdsTab .jdsTabMain ul li span {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  width: 336px;
  line-height: 160%;
}
#part2 .jdsTab .jdsTabMain ul li span a{
  display: block; text-decoration: underline;
}
#part2 .jdsTab .jdsTabMain ul li span b {
  display: block;
  font-size: 20px;
  padding-bottom: 5px;
}

#part3 {
  padding: 194px 0 100px;
}

#part3 h3 {
  font-size: 20px;

}

#part3 .planbox {
  padding-bottom: 20px;
  padding-top: 24px;
  margin-bottom: 40px;z-index: 0;
}
#part3 .planbox .swiper-slide {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#part3 .planbox .swiper-slide a {
  display: block;
  overflow: hidden;
  
}
#part3 .planbox .swiper-slide ul.btn{margin: 10px 15px;display: flex; justify-content: space-around;}
#part3 .planbox .swiper-slide ul.btn li a{display: block;margin: 5px 0;text-align: center;padding: 10px ;font-size: 14px;color: #54822B; }
#part3 .planbox .swiper-slide a img {width: auto; height: 100%;
}
#part3 .planbox .swiper-slide a p.photo{padding: 0;overflow: hidden;height: 200px;width: 100%;display: flex;justify-content: center;align-items: flex-start;background-color: #000;
}
#part3 .planbox .swiper-slide a p.photo img{display: block;}
#part3 .planbox .swiper-slide a p {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 150%;
}

#part3 .planbox .swiper-slide a p b {
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}

.plan01 .swiper-slide a p b {
  min-height: 46px;
}
/* .plan01 .swiper-slide a{min-height: 485px;}
.plan03 .swiper-slide a{min-height: 426px;}*/
/* .plan04 .swiper-slide a{min-height: 432px;}  */
.plan02 .swiper-slide a p b {
  min-height: 65px;
}

.plan03 .swiper-slide a p b {
  min-height: 65px;
}

.plan04 .swiper-slide a p b {
  min-height: 46px;
}

#part4 h2.logo {
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  line-height: 150%;
}
#part4 h2.logo span{font-size: 16px;display: block;}
#part4 h2.logo img {
  display: block;
  margin: 10px auto 20px;
}

#part4 a.btn {
  display: block;
  position: relative;
  padding: 20px;
  border-radius: 100px;
  border: 2px solid #333;
  font-size: 20px;
  width: 30%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top:36px;
}

#part4 a.btn:hover {
  text-decoration: none;
}

#part4 a.btn:after {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg);
  position: absolute;
  right: 40px;
  top: 38%;
}

#part4 ul {
  overflow: hidden;
  padding: 20px 0;
}

#part4 ul li {
  float: left;
  width: 160px;
  margin: 0.6%;
}

#part4 ul li a {
  display: block;
border-radius: 5px; overflow: hidden;
  box-shadow: 1px 1px 4px #ccc;
}

#part4 ul li a:hover {
  text-decoration: none !important;
}

#part4 ul li a img {
  width: 100%;
  display: block;
}

#part4 ul li a span {
  display: block;
  font-size: 13px;padding: 8px;
  line-height: 150%;
}

#bnr {
  padding: 108px 0;
}

#bnr ul {padding-top: 32px;
  display: flex;

  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
}

#bnr ul li {
  width: 24%;
}

#bnr ul li img {
  width: 100%;
}
/* .plan01 .swiper-wrapper,.plan03 .swiper-wrapper{justify-content: center;} */
.checklink { text-align: right; font-size: 14px; margin-right: 8px;}
.expsml {  max-width: 1040px; margin: 20px auto 0 auto; line-height: 1.5;font-size: 16px;}

.gogreen{margin-top: 64px;}
.gogreen a,#naruhodo a{box-shadow: 1px 1px 4px #ccc;padding: 10px;display: flex;width: 850px;margin: 20px auto; align-items: center;}
.gogreen a span,#naruhodo a span{margin-left: 20px;font-size: 16px;line-height: 170%;}
#naruhodo a img{width: 300px;}
#naruhodo {padding-bottom: 80px;}

#part1 h2.ttl{padding-bottom: 50px;color: #767676;}
#part1 .popbtn{color: #54822B !important;font-size: 16px;display: block;text-align: center; padding-top: 32px;}
#popupNEW {position: fixed;top: 0; right:0;display: flex; justify-content:  center; align-items:  center;width: 100%; height: 100%;}
#popupNEW .blackbg{position: fixed;top: 0;right: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);z-index: 998;}
#popupNEW .inner{width: 834px; background-color: #fff;z-index: 999;height: auto;overflow: hidden;}
#popupNEW .inner>.ttl{padding:8px 16px; box-shadow:-1px 1px 2px rgb(213 213 213);font-size:18px;font-weight: bold; display: flex;align-items: center;position: relative;z-index: 999;}
#popupNEW .inner>.ttl .close{cursor: pointer;padding-right: 20px;}
#popupNEW .inner div.wrap{overflow: auto;max-height: 500px;padding: 24px;}

#popupNEW .inner .bottom{ box-shadow: -4px -1px 2px rgb(213 213 213);text-align: center;padding: 8px 0;position: relative;z-index: 999;}
#popupNEW .inner .bottom button{border-radius: 4px; background: #fff; border: 1px solid #8C8C8C;padding: 8px 62px;cursor: pointer;font-weight: bold;font-size: 14px;}
#popupNEW .inner .bottom button:hover,#popupNEW .inner .ttl .close:hover{opacity: 0.8;}

.about h3{text-align: center;font-size: 18px;color: #767676;padding-bottom: 24px;font-weight: normal;}
.about .greenbg{padding: 24px; background-color: #F2F6EA;font-size: 14px;text-align: center;}
.about .greenbg b{display: block;text-align: center;font-size: 16px;padding-bottom: 8px;}
.about .sdgs{border:1px solid #D9D9D9 ; border-radius: 3px;margin-top: 32px;padding: 24px;font-size: 16px;position: relative;line-height: 160%;}
.about .sdgs b{font-size: 18px;text-align: center;display: block;padding-bottom: 16px;}
.about .sdgs img{text-align: center;display: block;margin: 16px auto;}
.about .sdgs .icon{position: absolute;display: flex; align-items: center; background: #fff;top: -20px;right: 43%;padding: 0 20px;color: #767676;font-size: 16px;}

#index{background: #F2F6EA;padding: 48px 0;}
#index h2{color: #767676; font-size: 24px;text-align: center;padding-bottom: 24px;}
#index ul{display: flex;width: 80%; margin: 0 auto;}
#index ul li{width: 40%;margin: 0 5%;}
#index ul li a{display: block; color: #54822B !important; font-size: 16px;padding-bottom: 24px;}

#step01{padding: 194px 0;}
#step01 dl{display: flex;color: #333;font-size: 16px;line-height: 200%;padding-top: 40px;align-items: center;}
#step01 dl dt{padding-right: 24px;}
.stepttl{color: #767676;font-size: 30px;letter-spacing: 0.1em;text-align: center;}
.stepttl span img{padding-right: 10px;}
.stepttl span{display: flex;align-items: center; justify-content: center;padding-bottom: 24px;}
.stepttl span b{font-weight: 800;color: #009700;}
.explain{font-size: 16px;color: #333;line-height: 200%; text-align: center;}
.stepcontents{width: 700px;margin: 0 auto;}
.stepcontents dl dt{text-align: center;}
.stepcontents dl{padding: 40px 0;}
.stepcontents dl dd ul{display: flex; justify-content: space-between;width: 542px;margin: 20px auto;}
.stepcontents dl dd ul li a.popbtn{display: block;border-radius: 3px;overflow: hidden;width: 170px; box-shadow: 0px 0px 2px 1px #d8d8d8;}
.stepcontents dl dd ul li a:hover{text-decoration: none !important;}
.stepcontents dl dd ul li{width: 170px;}
.stepcontents dl dd ul li a.popbtn span:first-child{display: block;height: 130px; background-size: cover !important; background-position: center center !important;}
.stepcontents dl dd ul li a.popbtn span:last-child{display: block;  background: #fff;padding: 8px 20px 8px 8px;font-size: 13px; color: #333;background: url(https://travel.rakuten.co.jp/special/sustainability/images/greenarrow.png) no-repeat 96% center;}
.stepbox{text-align: center;padding: 10px 40px; width: calc(100% - 80px) !important;line-height: 150%;}
.stepbox p{width: 100%;word-wrap: break-word;text-align: left;padding-top: 24px;font-size: 14px;}
.stepbox p b{display: block;}
.contents{width: 100%;}

.step02{background-image: url(https://travel.rakuten.co.jp/special/sustainability/images/step_top.png),url(https://travel.rakuten.co.jp/special/sustainability/images/step_bottom.png); background-position: top center,bottom center; background-repeat: no-repeat,no-repeat;background-color: #F6F6F6;
padding: 60px 0 !important;
}
.step04{background-image: url(https://travel.rakuten.co.jp/special/sustainability/images/step_top.png); background-position: top center; background-repeat: no-repeat;background-color: #F6F6F6;
  padding: 60px 0 36px !important;
  } 

  #step03{padding: 194px 0;}
  #step03 h2{padding-bottom: 24px;}
  #step03 .explain{text-align: left;}

  #step03 dl{display: flex;margin:56px 0 ;}
  #step03 dl dt{padding-right: 24px;font-size: 14px;line-height: 160%;}
  #step03 dl dt h3{font-size: 20px;font-weight: normal;color: #888;position: relative;padding-left: 50px;padding-bottom: 24px;letter-spacing: 0.2em;}
  #step03 dl dt h3:before{display: block;position: absolute;width: 30px;height: 1px;background-color: #009700;content: "";left: 0;top: 26%;}
  .newbtn{display: flex;font-size: 14px;color: #767676 !important;text-align: center;margin: 24px auto; justify-content: center;}
.newbtn span{display: block;border: 1px solid #D9D9D9;border-radius: 100px;padding: 8px 24px;}
.newbtn:hover{text-decoration: none !important;}
  .sustainabilityicon dl{margin: 24px 0;}
  .sustainabilityicon dl dt{display: flex;font-size: 18px;font-weight: bold;align-items: center;}
  .sustainabilityicon dl dt img{width: 40px;padding-right: 10px;}
  .sustainabilityicon dl dd{margin-left: 40px;font-size: 14px;color: #333333;line-height: 150%;}
  .sustainabilityicon dl dd p{background: url(https://travel.rakuten.co.jp/special/sustainability/images/checkicon.png) top left no-repeat;padding-left: 30px;}

  .newbtn.green{color: #54822B !important;}
  .newbtn.green span{border-color: #54822B; }

  #step04 ul{display: flex; justify-content: space-between;padding: 24px 0 0;}
  #step04 ul li{width: 330px;}
  #step04 ul li p{font-size: 14px;padding: 16px 0;line-height: 150%;}
  #step04 ul li span{font-size: 13px;color: #54822B !important;text-align: right;display: block;}

  .swiper-scrollbar-drag{background: #ccc !important;}

  #part3 .stepttl{margin-bottom: 32px;}

  #indexwrap{position: relative;}
  .jdsShowFix1{position: fixed;bottom: 0;right: 10px;z-index: 999; text-align: center;}
  /* .jdsShowFix1 li:first-child{border-radius: 5px 0 0 5px; background: #fff;border:1px solid #ccc;border-right: none;}
  .jdsShowFix1 li a{display: block;font-size: 13px;padding: 8px;border-bottom: 1px solid #ccc;color: #333 !important;}
  .jdsShowFix1 li a:last-child{border: none;}
  .jdsShowFix1 li a:hover{text-decoration: none !important;}
  .jdsShowFix1 li.trigger{width: 50px; height: 50px; background: url(https://travel.rakuten.co.jp/special/sustainability/images/menu.png) no-repeat; background-size: cover;margin: 10px 0 0 auto;}
  .jdsShowFix1.menuon li.trigger{background: url(https://travel.rakuten.co.jp/special/sustainability/images/menu_off.png) no-repeat; background-size: cover;} */

#popupNEW .wrap .stepbox p b{display: none;}


/* 0915 renewal */
#top img{width: 100%; display: block;}
.folder{width: 1040px; margin: 0 auto; line-height: 1.8;}
#widewrapper a {transition: all 0.3s ease-out;}
.midashi img{display: block; margin: 0 auto 96px;}
.ttlNew{text-align: center; font-size: 48px; color: #00b900; margin-bottom: 32px; font-weight: 500; letter-spacing: -2px; white-space: nowrap;}
#lead p{font-size: 28px; text-align: center; color: #6e6b6b; font-weight: bold; margin-bottom: 112px;}
#lead p span{display: block;font-size: 20px;font-weight: normal;color: #666;padding-top: 20px;}
.videoBox{margin-bottom: 128px;}
#theme{margin-bottom: 128px; width: 950px; margin: 0 auto;}
#theme ul{display: flex; align-items: center; justify-content: center; margin-top: 64px; line-height: 1.2;}
#theme ul li:nth-child(odd){width: 35%;}
#theme ul li:nth-child(even){width: 35%;}
#theme ul li p{font-size: 44px; color: #6e6b6b; margin-bottom: 88px; letter-spacing: -3px; white-space: nowrap;}
#theme ul li p + a img{width: 220px;}
#theme ul li a:hover, #theme ul li a:active{opacity: .3;}
#theme ul li:nth-child(even){position: relative; padding: 54px 0;}
#theme ul li:nth-child(even) .ico img{position: absolute; z-index: 1;}
#theme ul li:nth-child(even) > img{position: relative; z-index: 5; display: block; margin: 0 auto; width: 90%;}
#theme ul li#girl1 .ico img:first-child{top: 0; left: -40px; animation: anmRotate 4s ease infinite; width: 90px;}
#theme ul li#girl1 .ico img:nth-child(2){top: 110px; left: 40px; animation: anmRotate 5s ease infinite; width: 72px;}
#theme ul li#girl1 .ico img:nth-child(3){top: -10px; right: 15px; animation: anmMoveY 3s ease infinite;width: 160px;}
#theme ul li#girl1 .ico img:nth-child(4){bottom: 70px; right: -20px; animation: anmMoveX 6s ease infinite; width: 100px;}
#theme ul li#girl1 .ico img:nth-child(5){bottom: 70px;
  left: -10px;
  animation: anmMove2 5s ease infinite;
  z-index: 6;
  width: 90px;}
#theme ul li#girl2 .ico img:first-child{top: 0; left: -20px; animation: anmRotate 5s ease infinite; width: 130px;}
#theme ul li#girl2 .ico img:nth-child(2){top: 0; right: -40px; animation: anmMoveY 3s ease infinite; width: 180px;}
#theme ul li#girl2 .ico img:nth-child(3){top: 280px;
  right: 0;
  animation: anmMoveX 4s ease infinite;
  width: 45px;}
#theme ul li#girl2 .ico img:nth-child(4){bottom: 85px;
  right: -10px;
  animation: anmMoveX 5s ease infinite;
  width: 90px;}
#theme ul li#girl2 .ico img:nth-child(5){bottom: 70px; left: 0; animation: anmMove2 5s ease infinite; width: 100px;}
#theme ul li#girl3 .ico img:first-child{top: 45px;
  left: 40px;
  animation: anmMoveY 3s ease infinite;
  width: 85px;}
#theme ul li#girl3 .ico img:nth-child(2){top: 60px; right: -35px; animation: anmMoveX 6s ease infinite; width: 130px;}
#theme ul li#girl3 .ico img:nth-child(3){bottom: 70px; right: -35px; animation: anmMoveY 3s ease infinite; width: 110px;}
#theme ul li#girl3 .ico img:nth-child(4){bottom: 140px; left: -10px; animation: anmScale 3s ease infinite; width: 120px;}
#theme ul li#girl4 .ico img:first-child{    top: 20px;
  left: 10px;
  animation: anmMoveY 2s ease infinite;
  width: 110px;}
#theme ul li#girl4 .ico img:nth-child(2){top: 40px; right: 15px; animation: anmRotate 3s ease infinite; width: 90px;}
#theme ul li#girl4 .ico img:nth-child(3){bottom: 90px; right: 5px;animation: anmRotate 5s ease infinite; width: 90px;}
#theme ul li#girl4 .ico img:nth-child(4){bottom: 120px; left: 0;animation: anmRotate 6s ease infinite; width: 90px;}

@keyframes anmRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes anmScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes anmMoveY {
  0% {
    transform: translateY(-12px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-12px);
  }
}
@keyframes anmMoveX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-12px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes anmMove2 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(0.98) rotate(0.5deg);
  }
  40% {
    transform: scale(0.96) rotate(0deg);
  }
  60% {
    transform: scale(0.97) rotate(-0.5deg);
  }
  80% {
    transform: scale(0.99) rotate(-0.75deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
#hint dl dt{font-size: 28px; text-align: center; font-weight: bold; color: #00b900; margin-bottom: 24px;}
#hint dl dd{font-size: 16px; color: #6e6b6b; margin-bottom: 80px;}
#hint dl dd a{ color: #00a0e9 !important; text-decoration: underline !important; display: block; text-align: right;}
.btn{text-align: center; margin-bottom: 128px;}
.btn a{font-size: 28px; border: 2px solid #00b900; color: #00b900 !important; border-radius: 100rem; padding: 24px 56px; display: inline-block; font-weight: bold;}
.btn a:hover{ color: #00b900; text-decoration: none !important;}

#sustainaSrh p{font-size: 16px; color: #6e6b6b; margin-bottom: 80px;}

#about{margin-bottom: 64px;}
#about h3{font-size: 35px; color: #6e6b6b; margin-bottom: 32px;}
#about p{font-size: 16px; color: #6e6b6b; margin-bottom: 64px;}

#part4{margin-bottom: 128px;}

/* theme */
.fourTheme{padding: 0; margin: 0 auto 136px; overflow: hidden; width: 950px;}
.fourTheme .rtnBtn{text-align: center;}
.fourTheme .rtnBtn a{font-size: 24px; border: 1px solid #00b900; color: #00b900 !important; border-radius: 4px; padding: 8px 56px; display: inline-block;}
.fourTheme .rtnBtn a:hover{text-decoration: none !important;}
.ttlNew.ttlNew2{margin: 128px 0 88px;}
.themeTtl{font-size: 56px; color: #6e6b6b; font-weight: normal; letter-spacing: -2px; margin-bottom: 56px; padding-right: 160px; white-space: nowrap;}
.themeTtl small{font-size: 24px; display: block; font-weight: 500; white-space: normal; letter-spacing: 0; line-height: 1.6;}
.fourTheme#theme1{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust2.png) no-repeat right bottom;}
.fourTheme#theme1 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust1.png) no-repeat right center; background-size: 18%;}
.fourTheme#theme2{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust2.png) no-repeat right bottom;}
.fourTheme#theme2 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust1.png) no-repeat right center; background-size: 18%;}
.fourTheme#theme3{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust2.png) no-repeat right bottom;}
.fourTheme#theme3 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust1.png) no-repeat right center; background-size: 15%;}
.fourTheme#theme4{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust2.png) no-repeat right bottom;}
.fourTheme#theme4 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust1.png) no-repeat right center; background-size: 18%;}
.fourTheme img{display: block; margin-bottom: 56px; width: 100%;}
.fourTheme p{color: #6e6b6b; font-size: 16px; margin: 0 50px 56px;}

#widewrapper{opacity: 0;}


/* 202401 */
#contentsArea{ margin-top: 80px;}
nav{ overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding:8px 0 ;}
nav ul{ display: flex; justify-content: center;}
nav ul li{ border-right: 1px solid #ccc;}
nav ul li:last-child{ border-right: none;}
nav ul li a{ display: block; padding: 24px 64px;color: #767676 !important; text-align: center; font-size: 20px; font-weight: 700; line-height: 130%; position: relative;}
nav ul li a:hover{ text-decoration: none !important;}
nav ul li a:hover::after{ display: block; content: ""; height: 4px; width: 180px; background: #00B900; position: absolute; left: 50%; bottom: -8px; margin-left: -90px;}
.ttlNew{ position: relative; padding-bottom: 24px;}
.ttlNew::after{ content: ""; width: 280px; height: 6px; display: block; background: #00B900; position: absolute; left: 50% ; bottom: 0; margin-left: -140px;}
#hint dl{ margin-top: 50px;}
#hint dl dt{ text-align: center; padding-top: 48px; background: url(../images/icon1.png) top center no-repeat; line-height: 1;}
#hint dl dt:nth-of-type(2){ background: url(../images/icon2.png) top center no-repeat;}
#hint dl dt:nth-of-type(3){ background: url(../images/icon3.png) top center no-repeat;}
#hint dl dt:nth-of-type(4){ background: url(../images/icon4.png) top center no-repeat;}
#hint dl dt:nth-of-type(5){ background: url(../images/icon5.png) top center no-repeat;}
.btn a{ font-size: 28px; padding: 12px 60px 8px; position: relative; background: #00B900; color: #fff !important;}