.area1{padding:10px; padding-bottom: 100px;}
.area1 dl{display: inline-block; vertical-align: middle; width: 100%;}
.area1 dl dt{font-size: 20px; font-size: 2.0rem; font-weight: 400; margin-bottom: 10px;}
.area1 dl{margin-top: 80px;}
.area1 dl.first{margin-top: 20px;}
.area1 dl dd p{display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; font-size: 1.4rem;}
.area1 dl dd figure{margin-top: 10px; margin-bottom: 10px;}
.area1 dl dd figure img{width: 100%;}


.ul_wrap{display: inline-block; vertical-align: middle; width: 100%; font-size: 13px; font-size: 1.3rem; margin-top: 10px;}
.ul_wrap .title{font-size: 15px; font-size: 1.5rem; margin-bottom: 5px; font-weight: 400;}
.ul_wrap .help{font-size: 12px; font-size: 1.2rem; margin-top: 5px;}


.btn_wrap{margin-top: 20px;}

@media all and (min-width:600px) {
    .area1 dl dd p{font-size: 16px; font-size: 1.6rem; margin-top: 10px; margin-bottom: 10px;}
    .area1 dl dd{position: relative;}
    .area1 dl dd figure{float: left; width: 48%; margin: 1%;}

    .btn_wrap{margin-top: 30px;}

    .ul_wrap{font-size: 15px; font-size: 1.5rem; margin-top: 15px;}
    .ul_wrap .title{font-size: 18px; font-size: 1.8rem; margin-bottom: 10px;}
    .ul_wrap .help{font-size: 14px; font-size: 1.4rem; margin-top: 10px;}
}

@media all and (min-width:768px) {
    .area1 dl dt{font-size: 24px; font-size: 2.4rem; margin-bottom: 20px;}
    .area1 dl dd figure img{box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}

    .ul_wrap{font-size: 16px; font-size: 1.6rem; margin-top: 15px;}
    .ul_wrap .title{font-size: 20px; font-size: 2rem; margin-bottom: 10px;}
    .ul_wrap .help{font-size: 15px; font-size: 1.5rem; margin-top: 10px;}
}

@media all and (min-width:1000px) {
    .area1 dl dt{font-size: 28px; font-size: 2.8rem;}

    .area1 dl dd p{font-size: 18px; font-size: 1.8rem; margin-top: 20px; margin-bottom: 20px;}

    .btn_wrap{margin-top: 40px;}

}

@media all and (min-width:1200px) {
}