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

#Mainimage dl dt {margin-bottom:15px;}
#Point .cbox {display:flex; flex-wrap:wrap; justify-content:space-between;}
#Point dl dt {margin-bottom:12px; text-align:center;}
#Point dl dd h4 {font-size:14px; text-align:center; font-weight:bold; color:#009943; line-height:1.4em; margin-bottom:5px;}

.section .btn {text-align:center;}

@media screen and (min-width:716px), print {
  #Mainimage {margin-bottom:80px;}
  #Point {margin-bottom:60px; position:relative; border:solid 1px #009943; padding:50px 25px 25px 25px;}
  #Point .head {position:absolute; top:-38px; left:50%; margin-left:-206px;}
  #Point dl {width:205px; margin-right:24px;}
  #Point dl.last {margin-right:0;}
  .section {margin-bottom:60px !important;}
}

/* スマホ */
@media only screen and (max-width:715px) {
  #Mainimage {margin-bottom:10%;}
  #Point {margin-bottom:8%; position:relative; border:solid 1px #009943; padding:7% 5% 5% 5%;}
  #Point .head {width:100%; position:absolute; top:-22px; left:0; text-align:center;}
  #Point .head img {width:70%; height:auto;}
  #Point dl {width:48%; margin-top:5%;}
  #Point dl.second {float:right;}
  .section {margin-bottom:8%;}
}