.long-main{ background: url("../img/long-main-pl-bg01.png") left top no-repeat, url("../img/long-main-pl-bg02.png") right top no-repeat, #ffc000; text-align: center; color: #111; font-weight: bold; margin-bottom: 100px;}
.long-main-text{ font-size: 21px; line-height: 1.6em; padding: 30px 10px;}
.long-main-ul{}
.long-main-li{ display: inline-block; margin: 0 13px -20px; -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6)); -moz-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6)); filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));}
.long-main-li-span{ display: block; background: #fff; font-size: 18px; padding: 9px 0;}

.long-price{ width: 1110px; padding: 30px 0; margin: 0 -55px 40px; background: url("../img/long-plan-bg.jpg") no-repeat no-repeat; background-size: cover; text-align: center;}

@media only screen and (max-width: 767px) {
.long-img100,.long-price-bg,.long-price{ width: 100%; height: auto;}
.long-main{ background: url("../img/long-main-pl-bg01.png") right top no-repeat, url("../img/long-main-pl-bg02.png") left bottom no-repeat, #ffc000; background-size: 70%; padding-bottom: 20px; margin-bottom: 70px;}
.long-main-text{ font-size: 4.2vw; padding: 30px 0;}
.long-main-li{ display: inline-block; width: 46%; margin: 0 2% 20px;}
.long-main-li-span{ display: block; background: #fff; font-size: 18px; padding: 9px 0;}

.long-price{ background-size: contain; margin: 0;}
.long-price-list{ display: block; width: 94%; height: auto; margin: 10px auto 10px; -webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2)); -moz-filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2)); filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));}
}
