.pc {
  display: none !important;
}

img {
  max-width: 100%;
}

#keyVisual {
  margin-bottom: 0;
}

.w1040 {
    padding: 32px 16px 0px 16px;
}

h2.ttl {
    font-size: 24px;
    text-align: center;

    color: #767676;
padding-bottom: 24px;
    line-height: normal;letter-spacing: 0.3em;
}
#keyVisual h1{padding: 34px 40px 0;width: calc(100% - 80px);}
#keyVisual h1 img:nth-child(2){padding-bottom: 20px;}
#part1 p {
  text-align: center;
  font-size: 16px;
  line-height: 200%;
}

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

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

#part2 .jdsTab .jdsTabNav li {
  width: 24%;
  text-align: center;
  font-size: 11px;
  padding-bottom: 130px;
  background-size: 90px !important;
}

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

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

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

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

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

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

#part2 .jdsTab .jdsTabNav li:nth-child(4) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp04-off.png) center bottom no-repeat;
  color: #00A0F0;
  /*border-bottom: 4px solid #b3e3fb;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(4).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp04-on.png) center bottom no-repeat;
  /*border-bottom: 4px 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 ul li {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  padding: 50px 0 10px;
  position: relative;
}

/* #part2 .jdsTab .jdsTabMain ul li:nth-child(2) {
  flex-direction: row-reverse;
} */

#part2 .jdsTab .jdsTabMain ul li:nth-child(2) div {
  padding-right: 0;
margin-left: 5px;
}

#part2 .jdsTab .jdsTabMain ul li:last-child {
  border: none;
}

#part2 .jdsTab .jdsTabMain ul li div {
  width:50%;
  height: 120px;
  overflow: hidden;
  display: flex;
  justify-content: center;
 margin-right: 5px;
  position: relative;
}
#part2 .jdsTab .jdsTabMain ul li div img{max-width:none;width: auto;height: 100%;}
#part3 .planbox .swiper-slide a p.photo{padding:0;display: flex;justify-content: center;height: 170px;align-items: center;overflow: hidden;}
#part3 .planbox .swiper-slide a p.photo img{width: 100%;height: auto;}
#part2 .jdsTab .jdsTabMain ul li span {
  display: block;
  font-size: 13px;
  line-height: 170%;
  width: calc(100% - 105px);
}

#part2 .jdsTab .jdsTabMain ul li span a{display: block;text-decoration: underline;position: relative;font-weight: bold;}


#part2 .jdsTab .jdsTabMain ul li span b {
  display: block;
  font-size: 15px;
  padding-bottom: 5px;position: absolute;
  top: 20px;left: 0;
}

#part3 h3 {
  font-size: 16px;
  text-align: left;
  padding-top: 5px;
}

#part3 .planbox {
  padding-bottom: 20px;
  padding-top: 24px;
  margin-bottom: 15px;
  z-index: 0;
}

#part3 .planbox .swiper-slide a {
  display: block;
  overflow: hidden;

}
#part3 .planbox .swiper-slide {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#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;
}

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

#part4 a.btn {
  display: block;
  position: relative;
  padding: 10px;
  border-radius: 80px;
  border: 1px solid #333;
  font-size: 16px;
  width: 80%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
}

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

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

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

#part4 ul li {
  float: left;
  width: 48%;
  margin:4px 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;
  /* min-height: 94px; */
}

#bnr {
  padding: 30px 16px;
}

#bnr ul {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
  margin-bottom: 20px;
}

#bnr ul li img {
  width: 100%;
}
/* @media screen and (max-width:320px) {
  #part3 .planbox .swiper-slide a p.photo{height: 145px;}
  #part3 .planbox.plan01 .swiper-slide a{min-height: 376px;}
  #part3 .planbox.plan02 .swiper-slide a{min-height: 376px;}
  #part3 .planbox.plan03 .swiper-slide a{min-height: 387px;}
  #part3 .planbox.plan04 .swiper-slide a{min-height: 376px;}
}
@media screen and (max-width:375px) {
  #part3 .planbox .swiper-slide a p.photo{height: 175px;}
  #part3 .planbox.plan01 .swiper-slide a{min-height: 345px;}
  #part3 .planbox.plan02 .swiper-slide a{min-height: 381px;}
  #part3 .planbox.plan03 .swiper-slide a{min-height: 387px;}
  #part3 .planbox.plan04 .swiper-slide a{min-height: 376px;}
} */
/* 
#part3 .planbox.plan01 .swiper-slide a{min-height: 345px;}
#part3 .planbox.plan02 .swiper-slide a{min-height: 381px;}
#part3 .planbox.plan03 .swiper-slide a{min-height: 358px;}
#part3 .planbox.plan04 .swiper-slide a{min-height: 355px;} */
.checklink { text-align: right; font-size: 14px; margin-right: 8px;}
.expsml { margin: 16px auto 0 auto; line-height: 1.5;font-size: 14px;}

#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 0;font-size: 14px;color: #72A331;}


.gogreen a,#naruhodo a{box-shadow: 1px 1px 4px #ccc;display: block;padding: 10px;margin: 20px 10px; }
.gogreen a span,#naruhodo a span{font-size: 16px;line-height: 170%;display: block;padding-top: 10px;}



#part1 .popbtn{color: #54822B !important;font-size: 14px;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;}
@media screen and (max-width:320px) {
  #popupNEW .inner div.wrap{max-height: 400px !important;}
}
#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{ margin-bottom: 24px;}
.about h3{text-align: center;font-size: 16px;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: 34%;padding: 0 20px;color: #767676;font-size: 16px;}
.stepttl span b{font-weight: 800;color: #009700;}
#part1{padding: 88px 16px;}
#index{background: #F2F6EA;}
#index .w1040{padding: 40px 16px;}
#index h2{color: #767676; font-size: 24px;text-align: center;padding-bottom: 0;}

#index ul li{margin: 0 5%;}
#index ul li a{display: block; color: #54822B !important; font-size: 14px;padding-top: 24px;}

.stepttl{color: #767676;font-size: 24px;letter-spacing: 0.1em;text-align: center;}
.stepttl span img{padding-right: 10px;width: 40px;padding-top: 5px;}
.stepttl span{display: flex;align-items:flex-start; justify-content:flex-start;padding-bottom: 24px;text-align: left;}
.stepttl>img{width: 50%;}
#step01 dl{color: #333;font-size: 16px;line-height: 200%;padding-top: 16px;align-items: center;}
#step01 dl dt{padding-bottom: 16px;}

#step01{padding-bottom: 88px;}

.explain{font-size: 16px;color: #333;line-height: 200%;}
#step02 .stepttl>img{width:75px;}



.stepcontents dl dt{text-align: center;}
.stepcontents dl{padding: 24px 8px 16px;}
.stepcontents dl dd ul{display: flex; justify-content: space-between;width: 100%;margin: 20px auto 0;}
.stepcontents dl dd ul li a.popbtn{display: block;border-radius: 3px;overflow: hidden;width:100%; box-shadow: 0px 0px 2px 1px #d8d8d8;}
.stepcontents dl dd ul li a:hover{text-decoration: none !important;}
.stepcontents dl dd ul li{width: 32%;}
.stepcontents dl dd ul li a.popbtn span:first-child{display: block;height: 70px; 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 25px 8px 2px;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;}
.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 8px !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 8px 36px !important;
  } 

  .sustainabilityicon ul{display: flex;flex-wrap: wrap; justify-content: space-between;text-align: center;}
  .sustainabilityicon ul li{width: 24%;font-size: 12px;}
  .sustainabilityicon ul li b{display: block;padding-top:8px;padding-bottom: 8px;}
  .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;}

  #step03{padding: 88px 0 0;}
  #step03 h2{padding-bottom: 24px;}
  #step03 .explain{text-align: left;}
  #step03 .stepttl img{width: 97px;}
  #step03 dl{margin:56px 0 ;}
  #step03 dl dt{font-size: 14px;line-height: 160%;}
  #step03 dl dt img{padding-top: 24px;}
  #step03 dl dt h3{font-size: 18px;font-weight: normal;color: #888;position: relative;padding-left: 40px;padding-bottom: 24px;letter-spacing: 0.1em;}
  #step03 dl dt h3:before{display: block;position: absolute;width: 30px;height: 1px;background-color: #009700;content: "";left: 0;top: 24%;}
  .newbtn{display: flex;font-size: 14px;color: #767676 !important;text-align: center;margin: 24px auto 0; justify-content: center;}
  .newbtn span{display: block;border: 1px solid #D9D9D9;border-radius: 100px;padding: 8px 24px;}
  .newbtn:hover{text-decoration: none !important;}
  .newbtn.green{color: #54822B !important;}
  .newbtn.green span{border-color: #54822B; }

  #step04{margin: 32px 0 0;}
  #step04 .stepttl img{width: 120px;}
  #step04 .stepttl{margin-bottom: 24px;}
  #step04 ul{padding: 24px 0 0;width: 100%;}
  #step04 ul li img{width: 100%;}
  #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;margin-bottom: 24px;}

.swiper-scrollbar-drag{background: #ccc !important;}
#part3 .stepttl img{width: 148px;}
#part3 .stepttl{margin-bottom: 24px;}
#indexwrap{position: relative;}
.jdsShowFix1{position: fixed;bottom: 0;right: 5px;z-index: 999; text-align: center;}
.jdsShowFix1 a{ width: 65px; display: block;}
.jdsShowFix1 a:nth-of-type(2) img{ width: 30px;}

/* .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;}
.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;} */

#part4 .stepttl img{width: 110px;padding-bottom: 24px;}
#popupNEW .wrap .stepbox p b{display: none;}

.gogreen a img{display: block;margin:  0 auto;}

#bnr h2.ttl{text-align: left;}


/* 0915 renewal */
#top img{width: 100%; display: block; }
.folder{margin: 0 24px; line-height: 1.5;}
.midashi img{display: block; margin: 0 auto 32px; width: 100%;}
.ttlNew{text-align: center; font-size: 24px; color: #00b800; margin-bottom: 26px; font-weight: 500;}
#lead p{font-size: 18px; color: #6e6b6b; font-weight: bold; margin-bottom: 64px;}
#lead p span{display: block;font-size: 12px;font-weight: normal;color: #666;padding-top: 20px;}
.videoBox{margin-bottom: 64px;}

#theme{margin-bottom: 64px;}
#theme ul{margin-top: 64px; position: relative; padding-bottom: 24px;}
#theme ul:nth-child(2){margin-top: 32px;}
#theme ul li p{font-size: 30px; color: #6e6b6b; margin-bottom: 24px; letter-spacing: -2px; text-align: center; line-height: 1.4;}
#theme ul li a{position: absolute; left: 0;bottom: 0; right: 0;}
#theme ul li a img{display: block; margin: 0 auto; width: 50%; max-width: 315px;}
#theme ul li a:active{opacity: .3;}
#theme ul li:nth-child(even){position: relative; padding: 40px 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; width: 70vw; margin: 0 auto;}
#theme ul li#girl1 .ico img:first-child{top: 0; left: 0; width: 15vw; animation: anmRotate 4s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(2){top: 8vh; left: 14vw; width: 12vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(3){top: -2vh; right: 4vw; width: 35vw; animation: anmMoveY 3s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(4){bottom: 6vh; right: 2vw; width: 22vw; animation: anmMoveX 6s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(5){bottom: 6vh; left: 1vw; width: 20vw; animation: anmMove2 5s ease infinite; z-index: 6;}

#theme ul li#girl2 .ico img:first-child{top: 3vh; left: 4vw; width: 22vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(2){top: 3vh; right: -2vw; width: 38vw; animation: anmMoveY 3s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(3){top: 21vh; right: -3vw; width: 12vw; animation: anmMoveX 4s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(4){bottom: 11vh; right: 0; width: 20vw; animation: anmMoveX 5s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(5){bottom: 9vh; left: 3vw; width: 20vw; animation: anmMove2 5s ease infinite;
}
#theme ul li#girl3 .ico img:first-child{top: 5vh; left: 11vw; width: 18vw; animation: anmMoveY 5s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(2){top: 6vh; right: -3vw; width: 24vw; animation: anmMoveX 6s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(3){bottom: 8vh; right: -3vw; width: 22vw; animation: anmMoveY 2.5s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(4){bottom: 15vh; left: 2vw; width: 28vw; animation: anmScale 3s ease infinite;}

#theme ul li#girl4 .ico img:first-child{top: 2vh; left: 3vw; width: 24vw; animation: anmMoveY 2s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(2){top: 5vh; right: 2vw; width: 23vw; animation: anmRotate 3s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(3){bottom: 9vh; right: 1vw; width: 22vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(4){bottom: 10vh; left: 0; width: 22vw; animation: anmRotate 4s ease infinite;}
@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(-8px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes anmMoveX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
  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: 18px; font-weight: bold; color: #00b900; margin-bottom: 8px;}
#hint dl dd{font-size: 16px; color: #6e6b6b; margin-bottom: 24px;}
#hint dl dd a{ color: #00a0e9 !important; text-decoration: underline !important;}
.btn{text-align: center; margin: 32px auto 0;}
.btn a{font-size: 18px; border: 2px solid #00b900; color: #00b900 !important; border-radius: 100rem; padding: 16px 40px; display: inline-block; font-weight: bold;}

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

#about h3{font-size: 18px; color: #6e6b6b; margin-bottom: 18px; text-align: center;}
#about p{font-size: 16px; color: #6e6b6b;}


/* theme */
.fourTheme{padding: 24px 0 0; margin-bottom: 56px;}
.fourTheme .rtnBtn{text-align: center;}
.fourTheme .rtnBtn a{font-size: 16px; border: 1px solid #00b900; color: #00b900 !important; border-radius: 4px; padding: 8px 32px; display: inline-block;}

.ttlNew.ttlNew2{margin: 24px 0 48px;}
.themeTtl{font-size: 32px; color: #6e6b6b; font-weight: normal; letter-spacing: -2px; margin-bottom: 24px;}
.themeTtl small{font-size: 16px; display: block; letter-spacing: 0;}
.fourTheme#theme1{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust2.png) no-repeat right calc(100% - 70px); background-size: 30vw auto;}
.fourTheme#theme1 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust1.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme#theme2{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust2.png) no-repeat right calc(100% - 70px); background-size: 30vw auto;}
.fourTheme#theme2 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust1.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme#theme3{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust2.png) no-repeat right calc(100% - 70px); background-size: 25vw auto;}
.fourTheme#theme3 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust1.png) no-repeat right top; background-size: 26vw auto;}
.fourTheme#theme4{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust2.png) no-repeat right calc(100% - 70px); background-size: 18vw auto;}
.fourTheme#theme4 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust1_sp.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme img{display: block; margin-bottom: 24px;}
.fourTheme p{color: #6e6b6b; font-size: 16px; margin-bottom: 24px;}

#widewrapper{opacity: 0;}


/* 202401 */
#contentsArea{ margin-top: 64px;}
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; align-items: center;}
nav ul li{ border-right: 1px solid #ccc; width: 25%; display: flex; align-items: center; height: 60px; position: relative;}
nav ul li:last-child{ border-right: none;}
nav ul li a{ display: block; padding: 0 10px;width: 100%; color: #767676 !important; text-align: center; font-size: 12px; font-weight: 700; line-height: 130%; position: relative;}
nav ul li:active{ text-decoration: none !important;}
nav ul li:active::after{ display: block; content: ""; height: 4px; width: 80%; background: #00B900; position: absolute; left: 50%; bottom: -8px; margin-left: -40%;}
.ttlNew{ position: relative; padding-bottom: 16px;}
.ttlNew::after{ content: ""; width: 140px; height: 3px; display: block; background: #00B900; position: absolute; left: 50% ; bottom: 0; margin-left: -70px;}
#hint dl{ margin-top: 32px;}
#hint dl dt{ text-align: center; padding-top: 40px; background: url(../images/icon1.png) top center no-repeat; background-size: 32px; line-height: 1;}
#hint dl dt:nth-of-type(2){ background: url(../images/icon2.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(3){ background: url(../images/icon3.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(4){ background: url(../images/icon4.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(5){ background: url(../images/icon5.png) top center no-repeat; background-size: 32px;}
.btn a{ width: 80%; font-size: 18px; padding: 8px 0 6px; position: relative; background: #00B900; color: #fff !important; text-decoration: none !important;}