@charset "UTF-8";.service{margin:80px auto 100px auto}.service .s-box{display:flex;justify-content:space-between;flex-wrap:wrap}.item{width:45%;margin-bottom:6%}.item .img{position:relative;overflow:hidden}.item .img a{display:block;background-color:#000}.item .img img{display:block;width:100%;transition:all .8s;opacity:.6}.service .s-block{display:flex;justify-content:space-between;margin:22px 0}.service .s-block .icon{background-repeat:no-repeat;background-size:contain;background-position:center center;width:26%;height:105px}.service .s-block .icon1{background-image:url(//nksnet.co.jp/wp/wp-content/themes/nksnet/css/../images/common/icon1.png)}.service .s-block .icon2{background-image:url(//nksnet.co.jp/wp/wp-content/themes/nksnet/css/../images/common/icon2.png)}.service .s-block .icon3{background-image:url(//nksnet.co.jp/wp/wp-content/themes/nksnet/css/../images/common/icon3.png)}.service .s-block .icon4{background-image:url(//nksnet.co.jp/wp/wp-content/themes/nksnet/css/../images/common/icon4.png)}.service .s-block .tex{width:72%;margin:6px 0}.service .s-block .tex .s-name{font-weight:700;font-size:20px;line-height:1em;margin:15px 0}.service .s-block .tex .s-name span{padding-left:18px;background-image:url(//nksnet.co.jp/wp/wp-content/themes/nksnet/css/../images/common/ar3.png);background-size:8px auto;background-position:left center;background-repeat:no-repeat;transition:all .3s}.service .s-block .tex p{color:#333}.service .s-block .tex ul li{margin-bottom:0}.service .s-block .tex ul li a{position:relative;padding-left:20px;color:#333}.service .s-block .tex ul li a:after{position:absolute;top:0;left:0;content:">";color:#333}@media screen and (min-width:980px){.service .s-block a,.service .s-block a:after{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .25s;color:#c00}.item .img a:hover img{transform:scale(1.2);opacity:1}.service .s-block .tex .s-name a:hover span{padding-left:18px;background-position:5px center}.service .s-block .tex ul li a:hover{color:#333}.service .s-block .tex ul li a:hover:after{left:5px;color:#666}}@media screen and (max-width:768px){.service{margin:24px auto 50px auto}.service .s-box{display:block;width:80%;margin:0 auto}.item{width:auto;margin-bottom:60px}.service .s-block{width:auto;margin-bottom:2%}.service .s-block .icon{background-position:center top;width:26%;height:100px}.service .s-block .tex{width:84%;margin:2px 0}.service .s-block .tex .s-name{font-size:20px;line-height:1em;margin:8px 0;letter-spacing:0em}.service .s-block a .tex .s-name span{padding-left:15px;padding-bottom:1px}.service .s-block .tex p{font-size:14px;line-height:1.4em}.service .come{margin:30px auto}.service .come p{font-size:16px;line-height:1.6em}}@media screen and (max-width:640px){.service .s-box{width:100%}.item{margin-bottom:45px}.service .s-block{width:auto;margin-bottom:6%}.service .s-block .icon{width:23%;height:85px}.service .s-block .tex{width:72%}.service .s-block .tex .s-name{font-size:18px;line-height:1em}.service .s-block a .tex .s-name span{padding-left:14px}.service .s-block .tex p{font-size:13px;line-height:1.4em}.service .s-block .tex ul li{font-size:13px;line-height:1.4em;margin-bottom:3px}}@media screen and (max-width:330px){.service .s-block .tex .s-name{font-size:16px;line-height:1em;margin:6px 0}.service .s-block .tex p{font-size:12px;line-height:1.4em}}