@media screen and (max-width: 1024px){
    .reform-suggestion__head,
    .reform-suggestion__title{
        width: 90%;
        margin: 0 auto;
    }
    .reform-suggestion__map-wrap{
        width: 95%;
        margin: 0 auto;
    }
    .countermeasure.section-heading{
        max-width: 700px;
        width: 75%;
    }
    .section-heading{
        max-width: 680px;
        width: 75%;
    }
    .point-title.section-heading{
        margin: 0 auto;
        max-width: 500px;
        text-indent: 0;
    }
    .point-foot-title.section-heading{
        margin: 50px auto 0;
        max-width: 1100px;
        width: 80%;
        text-indent: 0;
    }
    .subsidy-illust {
        left: calc(50% - 340px);
    }
    .point-foot__search figure + p, .point-foot__search p + figure {
        padding: 0px 0 0 160px;
    }
}
@media screen and (max-width: 820px){
    .reform-suggestion,
    .recommendation{
        margin: 50px auto 0;
    }
    .point-head__image{
        text-align: center;
    }
    .point-head__text,
    .point-head__image,
    .tab-content__add-image,
    .tab-content__image{
        width: 100%;
    }
    .tab-content__add-image figure,
    .tab-content__image figure{
        text-align: center;
    }
    .tab-content__add-text,
    .tab-content__text{
        width: 100%;
    }
    .point-foot__search figure + p, .point-foot__search p + figure{
        padding: 0 0 0 140px;
    }
    .subsidy-illust {
        left: calc(50% - 300px);
    }
    
}
@media screen and (max-width: 640px){
    header{
        height: 100px;
        padding: 15px 0;
    }
    .hero{
        padding: 0;
        background: none;
    }
    .point-head__image,
    .point-head__text,
    .recommendation__text,
    .tab-content__add-text,
    .tab-content__text,
    .tab-content__add-image,
    .tab-content__image
    .recommendation__text,
    .recommendation__img,
    .recommendation__title,
    .expert-comment__content,
    .expert-comment__img,
    .health-info__bottom-text,
    .health-info__top-text,
    .health-info__bottom-illustration,
    .health-info__top-illustration{
        width: 100%;
    }
    .topics{
        margin: 50px auto 0;
    }
    .topics_content__date,
    .topics_content__text{
        width: 100%;
        flex: unset;
    }
    .topics_content__text{
        margin: 5px 0 0;
    }
    .health-info{
        margin: 50px auto 0;
    }
    .expert-comment__head{
        justify-content: center;
        text-align: center;
    }
    .reform-suggestion__read,
    .recommendation__label{
        min-width: unset;
        width: 90%;
    }
    .recommendation{
        margin: 50px auto 0;
    }
    .recommendation__content{
        padding: 20px 20px 0;
        margin: 20px 0 0;
    }
    .reform-suggestion{
        padding: 60px 0 0;
        background: url(../images/reform_bg.png) center top / 200% auto no-repeat;
    }
    .reform-suggestion__head{
        justify-content: center;
    }
    .reform-suggestion__illust{
        width: 95px;
    }
    #tab-list > li{
        width: calc((100% - 24px) / 4);
        height: 60px;
    }
    #tab-list > li.active{
        height: 70px;
    }
    #tab-list > li.active span {
        top: calc(50% + 5px);
    }
    .tab-content__detail{
        padding: 20px;
    }
    .tab-content__add-area h5{
        min-width: unset;
        width: 90%;
        padding: 0 1em;
    }
    .recommend-list{
        gap: 25px 10px;
    }
    .recommend-list__item {
        width: calc((100% - 10px) / 2);
    }
    .recommend-list__item .name{
        height: 175px;
    }
    .recommend-list__item .name img,
    .recommend-list__item .name.cosmos img{
        max-width: 150px;
    }
    .tab-content__blc h4{
        line-height: 1.5;
        padding: 5px 10px 5px 120px;
        min-height: 76px;
    }
    .tab-content__blc.blc01 h4 {
        background: #FFE2D9 url(../images/tab-content_num01.png) left center / auto 85% no-repeat;
    }
    .tab-content__blc.blc02 h4 {
        background: #FBD07D url(../images/tab-content_num02.png) left center / auto 85% no-repeat;
    }
    .tab-content__blc.blc03 h4 {
        background: #FFC6C0 url(../images/tab-content_num03.png) left center / auto 85% no-repeat;
    }
    .tab-content__add-area{
        padding: 75px 25px 20px;
    }
    .recommend{
        margin: 50px 0 0;
        padding: 50px 0 100px;
    }
    .recommend h4{
        top: -25px;
    }
    .subsidy-illust{
        transform: unset;
        left: unset;
        right: 5%;
        top: 20px;
        margin: 0 auto;
        width: 32%;
    }
    .subsidy-illust img{
        width: 100%;
    }
    .subsidy{
        padding: 0;
        min-height: 0;
    }
    .subsidy-title{
        top: -45px;
        width: 105%;
    }
    .subsidy-content{
        padding: 0 5%;
    }
    .subsidy-search{
        text-align: left;
        font-weight: bold;
    }
    .point-foot__search figure + p,
    .point-foot__search p + figure,
    .subsidy-search .type,
    .subsidy-search p{
        padding: 0 5%;
    }
    .point{
        padding: 88px 0 40px;
    }
    .point-foot__button a {
        height: 100px;
        line-height: 1.5;
        padding: 8px 0;
    }
    .point-foot-title.section-heading{
        padding: 10px 1em;
    }
    .reform .point-foot-title.section-heading{
        margin: 0 auto;
    }
    .footer-wrap{
        text-align: center;
    }
    .point-title.section-heading{
        width: 70%;
    }
    .point-foot-title.section-heading{
        width: 90%;
    }
    .section-heading,
    .countermeasure.section-heading{
        width: 95%;
    }
}