/*mainnav*/
@media (min-width: 1024px) {
    
    .contents > article .mainnav ul {
    flex-wrap: wrap;
  }
    
    .contents > article .mainnav li {
    width: 23%;
    margin-right: 2%;
        
  }
    
    .contents > article .mainnav li:nth-of-type(3n) {
    margin-right: 2%;
  }
    
    .contents > article .mainnav li:nth-of-type(4n) {
    margin-right: 0;
  }
}


@media (min-width: 1024px) {
    #sustainability .contents > article .flex_clm3 > ul {
        flex-wrap: wrap;
    }
    
    #sustainability .contents > article .flex_clm3 > ul li {
        margin-bottom: min(2%,30px);
    }
}

.aeonday {
    padding-block: clamp(1.2rem, 1.5625vw, 2.8rem);
    padding-inline: 14px;
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.aeonday dl , .aeonday dd{
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.aeonday dt{
    background: #00a73c;
    color: #fff;
    font-size: clamp(1.6rem, 2.34375vw, 2rem);
    font-weight: bold;
    padding: min(1.2vw,0.5em) min(4vw,1.5em);
    border-radius: 100px;
}

@media (min-width: 1024px) {
    .aeonday{
        display: flex;
        justify-content: flex-start;
    }
    
    .aeonday img{
        max-width: 485px;
        height: auto;
    }
    
    .aeonday dl{
        margin-top: 0;
        margin-left: 2em;
    }
}

/*count_box02*/
.count_box02{
    display:inline-flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.count_box02 dl{
    width: 100%;
}

.count_box02 dt span{
    font-size: 0.7em;
}

.count_box02 p{
    font-size: 0.8em;
    margin-top: 0.6em;
}

@media (min-width: 768px) {
    .count_box02 dl{
    width: auto;
}
}

@media (min-width: 1024px) {
    
    
    .count_box02 dl + dl {
    margin-top: min(4vw, 0.5em);
}
    
}

/*download*/

.downloadlist ol > li+li{
    margin-top: clamp(2.8rem, 2.6041666667vw, 3rem);
}

.downloadlist ol .step{
    border-radius: 50%;
    background: #00a73c;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 5em;
    height: 5em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.downloadlist ol .step span{
    font-size: 1.4em;
    margin-left: 0.2em;
    margin-top: -0.3em;
}

.downloadlist ol ul{
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.downloadlist ol ul li{
    width: 100%;
}

@media (min-width: 768px) {
    
    .downloadlist ol .step{
        margin: 0;
        margin-right: 1.4em;
    }
    
    .downloadlist ol > li{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    
    .downloadlist ol ul{
    margin-top: 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex: 1;
}
    
    .downloadlist ol ul li{
    max-width: 400px;
        line-height: 1.2;
}
    
}


.downloadlist ol ul li+li{
    margin-top: clamp(1rem, 2.6041666667vw, 1.4rem);
}

@media (min-width: 768px) {
    .downloadlist ol ul li+li{
        margin: 0;
        margin-left: 1.5em;
    }
}

.downloadlist ol ul li a{
    display: block;
    border: 1px solid #dadad9;
    border-radius: 100px;
    padding: min(2vw,1.2em) 3em min(2vw,1.2em) 2em;
    position: relative;
    transition: 0.7s;
}

.downloadlist ol ul li a::after{
    content: "";
    width: 1.6em;
    height: 1.6em;
    position: absolute;
    right: 1.5em;
    top:calc(50% - 0.8em);
}

.downloadlist ol ul li.pdf a::after{
    background: url("../../../img/sustainability/icon_PDF.svg") no-repeat center center;
    background-size:contain;
}

.downloadlist ol ul li.word a::after{
    background: url("../../../img/sustainability/icon_word.svg") no-repeat center center;
    background-size:contain;
}

@media (min-width: 768px) {
    .downloadlist ol ul li a:hover{
        background: #f4f4f4;
    }
}

/*募金活動*/
.bokinlist{
    margin-top: clamp(2.8rem, 3.6458333333vw, 5rem);
}

.bokinlist li+li{
    margin-top: clamp(2.8rem, 3.6458333333vw, 5rem);
}

.bokinlist dt{
    font-weight: bold;
    font-size: clamp(1.6rem, 2.34375vw, 2.2rem);
    line-height: 1.5;
}

.bokinlist dd{
    border-left: 5px solid #bae7ca;
    padding-left: min(2vw,25px);
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}

.bokinlist dd p span{
    color: #e8380d;
    font-weight: bold;
}

.bokinlist dd p+p{
    margin-top: 1em;
}

.bokinlist li > p{
    margin-top: clamp(1.5rem, 2.6041666667vw, 1.8rem);
}