.small{font-size: .8em; margin-top: 3em;}
.poppins-black {
    font-family: Poppins, sans-serif;
    font-weight: 900;
    font-style: normal;
}


h4{font-size: 2.5em; text-align: center;}
h4 span{font-weight: 100;}
.lead{text-align: center;}

section#kuji:first-of-type{margin-top: 70px;}

#kuji p{text-align: center;font-size: 1.2em;}

#data{margin-top: 4em;}
#data h5{text-align: center; margin-top: 1em;}
#data h5 span{color: #fff;padding: .5em 1em;  font-size: .8em; border-radius: 100px; font-weight: 500;}
#data h5 span.tokyo{background: var(--tokyo);}
#data h5 span.osaka{background: var(--osaka);}
#data h5 + p{text-align: center; font-size: 1.5em; font-weight: 800; line-height: 1.5;margin-top: .5em;}
#data h5 + p span{font-weight: 400; font-size: .7em;}

#prize .prize_wrap{margin-top: 1em;}
#prize .prize_wrap .tag{gap: 10px; margin-top: 10px; line-height: 1;}
#prize .prize_wrap .tag p{padding: .5em 1em; font-size: .7em; color: #fff; border-radius: 100px;}
#prize .prize_wrap .tag p.tokyo{background: var(--tokyo);}
#prize .prize_wrap .tag p.osaka{background: var(--osaka);}

#prize .prize_wrap a,
#prize .prize_wrap a p{text-decoration: none; color: var(--color);}
#prize .prize_wrap .top_area{gap: 50px;}
#prize .prize_wrap .top_area .box{display: block;line-height: 1;width: calc(50% - 25px);}
#prize .prize_wrap .top_area .box figure{overflow: hidden; border-radius: 10px; line-height: 0;}
#prize .prize_wrap .tag + p{margin-top: 10px;}
#prize .prize_wrap ul li{ margin-top: .5em; list-style: disc; line-height: 1.4;margin-left: 1em;}
#prize .prize_wrap ul li .flex{align-items: center;}
#prize .prize_wrap ul li .tag{gap: 0px; align-items: center;margin-top: 0; margin-left: .5em; line-height: 1.4;}
#prize .prize_wrap ul li .tag p{margin: 0; padding: 0;}
#prize .prize_wrap ul li .tag p.tokyo{background: none; color: var(--tokyo);}
#prize .prize_wrap ul li .tag p.osaka{background: none; color: var(--osaka);}
#prize h6{margin-top: 3em;}


#challenge h5{font-size: 1.2em;text-align: center;margin: 1em auto;}
#challenge h5.tokyo{background:  var(--tokyo); color: #fff;}
#challenge h5 .tab{display: block;width: 100%;color: #fff;font-size: .8em;text-align: center;padding: .5em;}

#challenge details{margin-top: 2em;}
#challenge details summary{background: #f1f4ff; padding: .5em 1em;position: relative;list-style: none;display: block;}
#challenge details summary:hover{cursor: pointer;}
#challenge details summary::-webkit-details-marker{display: none;}
#challenge details summary:after {content: "";position: absolute;top: calc(50%);right: 1em;display: block;width: .5em;height: .5em;border: 1px solid var(--color);border-width: 0 1px 1px 0;transform: rotate(45deg);transition: transform .5s}
#challenge details[open] {animation: fadeIn .85s ease}
#challenge details[open] summary:after {transform: rotate(224deg);transition: transform .5s}
#challenge .challenge_text{padding: .75em 1em 1em;}
#challenge .table-detail-container {display: flex;flex-direction: column;width: 100%;align-items: center;justify-content: center; margin-top: 1em;}
#challenge .map_inner iframe {aspect-ratio: 16 / 9;max-width: 1200px;width: 100%;height: auto;}

#howto h5{text-align: center;}
#howto .box.flex{flex-direction: column; justify-content: center;align-items: center}
#howto .box.flex .text_area{width: 100%;}
#howto .box.flex .text_area p{text-align: center;}
#howto .box.flex figure{line-height: 0; margin-top: 1em;}
#howto .caution{margin-top: 2em;}
#howto .caution li{text-align: center;}
#howto .cs{text-align: center; margin-top: 1em;}

#caution h4{font-size: 2em;}
#caution ul.caution{font-size: .8em;}
#caution ul.caution li{color: var(--color);}

footer br{display: block;}
footer .copyright span.twindrill img{width: 6em;}

@media screen and (max-width: 768px) { 
    #prize .prize_wrap .top_area{gap: 20px;}
    #prize .prize_wrap .top_area .box{width: calc(50% - 10px);}
    #prize .prize_wrap ul li{margin-left: 1.5em;}
    footer br{display: none;}
 }



 @media screen and (max-width: 500px) { 
    #prize .prize_wrap .top_area .box{width: 100%;}
 }