#wrap {width:100%;height:auto;background:#fff;}

.swiper-container {margin-top:53px;width:100%;height:auto;}
.swiper-container img {width:100%;height:auto;}

#title {width:100%;height:auto;box-sizing:border-box;}
#title .title_text {padding-top:38px;font-size:1.8em;color:#9ad4cd;}
#title .subtitle_text {padding-bottom:38px;font-size:0.8em;color:#4c4c4c;}

.img {margin:-150px 12px 0;width:calc(100% - 24px);height:auto;}
.first {margin-top:0;}
.img img {width:100%;height:auto;}
.img div.bg_wrap {position:relative;width:100%;height:170px;bottom:170px;padding:0 12px;text-align:center;background:#484a51;opacity:0.7;color:#fff;box-sizing:border-box;}
.img div.bg_wrap .top {width:100%;height:120px;}
.img div.bg_wrap .top p.title {padding-top:12px;font-size:0.9em;text-align:left;}
.img div.bg_wrap .top p.date {padding-top:6px;font-size:0.6em;text-align:left;}
.img div.bg_wrap .top p.text {padding-top:6px;font-size:0.7em;text-align:left;}
.img div.bg_wrap .top p a {color:#fff;}
.img div.bg_wrap .bottom {width:100%;height:50px;}
.img div.bg_wrap .bottom img {width:89px;}