/*method*/
#method{ padding-bottom: 0 }
#method h3{ margin-bottom: 10px }
#method h3 span{ font-size: 16px }
#method .massage{ position: relative; overflow: hidden; margin-bottom: 70px }
#method .massage .img{ width: 55%; height: 400px }
#method .massage .text{ position: absolute; right: 0; z-index: 1; width: 45%; background: rgba(234,234,234,0.9); padding: 20px }
#method .massage .text span{ font-weight: bold; padding-left: 10px }
#method .massage .text p{ margin-bottom: 10px; font-size: 12px; line-height: 24px }
#method ul{ border-top: dashed 1px #666; padding-top: 10px }
#method ul li{ font-size: 14px; line-height: 28px; padding-left: 25px; background: url(img/massage_05.png) no-repeat; background-size: 15px; background-position: 0 }
#method ul li span{ color: #f78bc5 }
#method .massage_01 .img{ background: url(img/massage_01.jpg) no-repeat; background-size: cover; background-position: center }
#method .massage_02 .img{ background: url(img/massage_02.jpg) no-repeat; background-size: cover; background-position: center; float: right }
#method .massage_03 .img{ background: url(img/massage_03.jpg) no-repeat; background-size: cover; background-position: center }
#method .massage_04 .img{ background: url(img/massage_04.jpg) no-repeat; background-size: cover; background-position: center; float: right }
#method .massage_01 .text , #method .massage_02 .text , #method .massage_03 .text , #method .massage_04 .text{ bottom: 30px }
#method .massage_02 .text , #method .massage_04 .text{ left: 0 }

@media(max-width: 768px){
/*method*/
#method{ padding-bottom: 10px }
#method .massage{ margin-bottom: 30px !important }
#method .massage .img{ width: 100%; height: 250px; float: none }
#method .massage .text{ position: static; box-sizing: border-box; width: 100%; padding: 20px }
}