/* CSS Document */
.company-img{background:url(../images/hppack/company-main-img.jpg);background-repeat:no-repeat;background-size:cover;bacground-position:bottom;position:relative;min-height:230px;}
.contents-title h1{background:url(../images/hppack/contents-service-character.png);background-repeat:no-repeat;text-indent:-9999px;height:200px;}
.inner{display:inline-block;width:710px;padding:5px 0 70px 100px;}
.contents img{display:block;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px;}
section{display:block;}
section h4{display:block;font-weight:bold;font-size:16px;}
section div{display:block;border-bottom:dotted 1px #4b4b4b;margin-bottom:15px;padding-left:90px;padding-top:10px;}
section div p{padding:15px 0;}
section #jp{background-image:url(../images/hppack/badge_domain.png);background-repeat:no-repeat;}
section #server{background-image:url(../images/hppack/badge_server.png);background-repeat:no-repeat;}
section #web{background-image:url(../images/hppack/badge_web.png);background-repeat:no-repeat;}
section .box{display:block;padding-left:90px;}
/* スマホ */
@media only screen and (max-width: 768px){
.company-img{background:url(../images/hppack/company-main-img-sp.jpg);background-repeat:no-repeat;background-size:cover;background-position: bottom;min-height:210px;}
.service-contents{display:block;width:310px;position:relative;margin-left:auto;margin-right:auto;margin-bottom:40px;overflow:hidden;}
.contents-title h1{background:url(../images/hppack/contents-service-character.png);background-repeat:no-repeat;text-indent:-9999px;background-position:50%;background-size:30%;}
.contents img{display:block;margin-left:auto;margin-right:auto;margin-top:40px;margin-bottom:20px;width:100%;}
section div{display:block;position:relative;border-bottom:dotted 1px #4b4b4b;margin-bottom:10px;padding-left:0;padding-top:10px;}
section div p{padding:35px 5px;}
section div h4{position:relative;top:10px;left:75px;}
section .box{display:block;padding-left:0px;}
}
/* スマホ縦 */
@media only screen and (max-width: 460px){
.company-img{background:url(../images/hppack/company-main-img-sp.jpg);background-repeat:no-repeat;background-size:cover;background-position: bottom;min-height:210px;}
.contents-title h1{background:url(../images/hppack/contents-company-character.png);background-repeat:no-repeat;text-indent:-9999px;background-position:50%;background-size:50%;}

}