@charset "utf-8";

.contents_point .wrapper{padding: 60px 0;}

.point_base,
.point_about{padding:40px;background:#f6f5f1;}
.point_base .inner,
.point_about .inner{padding:20px;background:#fff;}

.contents_point h2{font-size:26px;margin-bottom:20px;font-weight:bold;color:#655623;}

.point_base .banner{margin-bottom:40px;text-align:center;}
.point_base .expalin ul{justify-content: center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.point_base .expalin li{padding:0 20px 20px;width:25%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.point_base .expalin h3{font-weigjhtbold;font-size:18px;margin-bottom:10px;}
.point_base .area{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.point_base .area .box{width:50%;padding:0 20px 20px;}

.point_about dt{font-weight:bold;font-size:18px;margin-bottom:5px;}
.point_about dd{padding-bottom:20px;}

@media only screen and (max-width: 1280px){
    .contents_point .wrapper{padding: 60px 20px;}
}
@media only screen and (max-width: 1080px){
    .contents_point .wrapper{padding: 40px 20px;}
    .point_base,
    .point_about{padding:40px 20px;margin-right:-20px;margin-left:-20px;}
    .contents_point h2{font-size:22px;}
    .point_base .expalin li{width:50%;}
    .point_base .expalin h3{font-size:16px;}

}
@media only screen and (min-width: 768px){
    .point_about .box{display:-webkit-flex;display:flex;}
    .point_about .image{margin-right:40px;}
    .point_about dl{flex:1;}
}

@media only screen and (max-width: 767px){
    .contents_point .wrapper{padding: 40px 15px;}

    .point_base,
    .point_about{padding:20px;margin-right:-15px;margin-left:-15px;}
    .point_base .inner,
    .point_about .inner{padding:20px;}
    .point_base .banner{margin-bottom:30px;}

    .point_about .image{text-align:center;margin-bottom:20px}
    .point_about dt{font-size:16px;}
}