.what_gotouchi {
  margin-top: clamp(2.8rem, 3.6458333333vw, 5rem);
}
.what_gotouchi h5 {
  font-size: clamp(1.6rem, 2.34375vw, 2.4rem);
  font-weight: bold;
  background: url("../../../img/sustainability/sightseeing/title_back.svg") no-repeat right bottom;
  background-size: 200%;
  padding-bottom: 15vw;
}
.what_gotouchi h5 img {
  width: 90%;
  max-width: 420px;
  margin-top: 0.2em;
}
@media (min-width: 768px) {
    .what_gotouchi h5{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-size: 100%;
        padding-bottom: min(1.2vw,160px);
    }
    
  .what_gotouchi h5 img {
    margin-top: max(-1.4vw , -1.2em);
    margin-left: 0.5em;
    display: inline-block;
  }
}

.waon_txtset , .waon_txt{
    margin-top: clamp(1.5rem, 4.6041666667vw, 4rem);
}

@media (min-width: 1024px) {
    .waon_txt{
        margin-top: 0;
    }
}

.waon_txtset img{
    width: 100%;
    max-width: 485px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1024px) {
    .waon_txtset{
        display: flex;
        align-items: flex-start;
    }
    
    .waon_txtset img{
        width: 40%;
        margin: 0;
    }
    
    .waon_txt{
        margin-left: 2em;
    }
}


.waon_txt > dl > dt{
    color: #00a73c;
    font-weight: bold;
    font-size: clamp(2.4rem, 2.34375vw, 3.4rem);
    line-height: 1;
}

.waon_txt > dl > dt span{
    color: #e8380d;
    font-size: clamp(3rem, 2.4rem + 4.09vw, 4.8rem);
}

.waon_txt > dl > dd{
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.waon_txt > dl > dd p{
    font-weight: bold;
    font-size: clamp(1.6rem, 2.34375vw, 2rem);
}

.waon_txt > dl > dd p span{
    font-weight: normal;
    padding-left:1em;
    text-indent: -1em;
    display: inline-block;
    font-size: 1.4rem;
}

.waon_txt > dl > dd .count_box02{
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.waon_txt > dl > dd .count_box02 dd{
    margin-top: 0.3em;
}

@media (min-width: 768px) {
    
    .waon_txt > dl > dd .count_box02 dl{
        align-items: center;
    }
    
    .waon_txt > dl > dd .count_box02 dt{
        line-height: 1.2;
    }
}

.table_box tr th , .table_box tr td{
    padding: 16px 30px;
}

.table_box tr th{
    text-align: left;
}

.table_box th.jissi{
    width: 10em;
}

/*card*/
.card{
    margin-top: clamp(2.8rem, 3.6458333333vw, 5rem);
}

.cardlist h5{
    color: #fff;
    font-size: clamp(1.6rem, 2.34375vw, 2rem);
    background: #00a73c;
    border-radius: 10px;
    padding: 0.4em 1em;
}

.cardlist ul{
    margin-top: clamp(1.5rem, 2.6041666667vw, 4.8rem);
    display: flex;
    flex-wrap: wrap;
    margin-right: -4%;
}

.cardlist ul > li{
    width: 46%;
    max-width: 295px;
    margin-right: min(4%,30px);
    margin-bottom:  min(4%,30px);
}

.cardimg{
    border: 1px solid #cfcfcf;
}

.cardimg img{
    width: 100%;
}

.cardlist ul > li dl{
   margin-top: clamp(0.5rem, 2.6041666667vw, 1rem); 
}

.cardlist ul > li dt{
    font-weight: bold;
}

.cardlist ul > li dt span{
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1;
}

.cardlist ul > li dd{
   margin-top: clamp(0.5rem, 2.6041666667vw, 1rem);
    font-size: clamp(1rem, 2.34375vw, 1.5rem);
    line-height: 1.6;
}

.nendo h5{
    border-bottom: 1px solid #00a73c;
    color: #00a73c;
    font-size: clamp(1.5rem, 1.1722rem + 1.4371vw, 2.25rem);
    padding-bottom: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}
