@charset "UTF-8";

.intor{text-align: center; margin: 30px auto;} .benefits_box{ margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.benefits_box li{ width: 48%; position: relative;}
a.bnr {width: 100%;margin: 10px auto 0;background:  #3a3531;color: #FFF;text-align: center;letter-spacing: 3px;padding: 5px;font-size: 1.6rem;position: absolute;bottom: 0;}
a.bnr:after{content: ">>"; margin-left: 10px;}
.benefits_first{margin-top: 40px;line-height: 1.9;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.benefits_first li{width: 32.2%;border: 1px dashed;padding: 12px 12px 60px;position: relative;font-size: 14px;}
.benefits_first img{margin-bottom: 15px;}
.benefits_first .bnr{ width: 93%;bottom: 10px;} @media screen and (max-width: 736px) { 
.intor{ margin: 3%;}
.main-contents {    width: 96%;    margin: 0 auto;}
.benefits_box{margin-bottom: 10%;display: block;}
.benefits_box li{width: 100%;position: relative;margin-bottom: 5%;}
.benefits_first img {    margin: 3% auto}
a.bnr {width: 100%;margin: 5% auto 0;padding: 1%;font-size: 5vw;position: static;}
.benefits_first{display: block;}
.benefits_first li{width: 100%;padding: 3%;margin-bottom: 5%;}
.benefits_first .bnr{width: 100%;}
}