@charset "utf-8";
/* CSS Document */

.support_list dl{display: flex; flex-direction: column;width: 100%;margin: 1.5em auto 0; }
.support_list dl div{display:flex;gap:25px;}
.support_list dl > div{position:relative;padding:0.8rem;margin-bottom:0.2rem;border-bottom:5px solid var(--theme-light-green)}

.support_list dl dt{display:flex;width: 15%;background: var(--theme-green);padding: 30px;border-radius: 10px}
.support_list dl dt img{width:100%;height:auto}
.support_list dl dd{display: flex;flex-direction: column;width:calc(85% - 25px);justify-content: center}
.support_list dl dd .txt{text-align:left;display:flex;flex-direction:column;justify-content:center;width:100%;padding:  1.5em 0;gap:10px}
.support_list dl dd .txt h3{font-size:clamp(1.25rem,0.977rem + 1.36vw,2rem);}
.support_list dl dd .txt h3 span{background-image: repeating-linear-gradient(-45deg,var(--theme-light-green) 0, var(--theme-light-green) 4px,transparent 4px, transparent 8px);
  background-repeat: no-repeat; background-position: left bottom; background-size: 100% 0.5em;}
.support_list dl dd .txt p{font-size:clamp(1.125rem,1.08rem + 0.23vw,1.25rem)}
@media all and (max-width: 480px) {
.support_list dl div{display:flex;flex-wrap: wrap;flex-direction: column; align-content:center;justify-content: center;gap:10px } 
.support_list dl dt,.support_list dl dd {width: 100%;display: flex;align-content:center;justify-content: center;gap:0}
.support_list dl dt {justify-content: center;gap:5px;padding: 15px} 
.support_list dl dt {width: 100%;text-align: left}
.support_list dl dt img{width:20%;height:auto}
.support_list dl dd .txt{width: 100%;padding-top: 30px;}
    
}
.support_list h4{padding: 1em;margin: 1em auto;background: var(--theme-red);}