/* CSS Document */
.company-img{background:url(../images/service/service-main-img.jpg);background-repeat:no-repeat;background-size:cover;bacground-position:bottom;position:relative;min-height:230px;}
.contents-title h1{background:url(../images/service/contents-service-character.png);background-repeat:no-repeat;text-indent:-9999px;height:200px;}
.inner{display:inline-block;width:710px;padding:5px 0 70px 100px;}
table{width:100%;padding-left:5px;font-size:14px;line-height:2.6em;}
table th{text-align:left;width:auto;font-weight:bold;vertical-align: top;border: solid 1px #afafaf;background-color: #f0f0f6;padding-left:5px;}
table td{text-align:left;vertical-align: top;border: solid 1px #afafaf;background-color: #fff;padding:5px;}
.service-contents b{font-size:30px;font-weight:bold;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
.service-contents .link{padding:5px;color: #4b4b4b;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
.contents-link{display:block;width:310px;height:180px}
#content_area{margin-top:40px;}
.contents-list{display:block;background-image:url(../images/service/contents_menu_arrow.jpg);background-repeat:no-repeat;background-position:left;}
.contents-list span{margin-left:25px;}
#service-design{position:relative;}
#service-internet{position:relative;}
#service-network{position:relative;}
#service-creative{position:relative;}
#service-hppack{position:relative;}
#service-design span {position: absolute;display: inline-block;left:-7px;text-transform: uppercase;top:-12px;background:#fee19b;width:20px;padding: 1px 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow:hidden;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
#service-internet span {position: absolute;display: inline-block;left:-7px;text-transform: uppercase;top:-12px;background:#afd6fe;width:20px;padding: 1px 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow:hidden;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
#service-network span {position: absolute;display: inline-block;left:-7px;text-transform: uppercase;top:-12px;background:#7ff780;width:20px;padding: 1px 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow:hidden;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
#service-creative span {position: absolute;display: inline-block;left:-7px;text-transform: uppercase;top:-12px;background:#f8b5e3;width:20px;padding: 1px 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow:hidden;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
#service-hppack span {position: absolute;display: inline-block;left:-7px;text-transform: uppercase;top:-12px;background:#b9b9bb;width:20px;padding: 1px 3px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow:hidden;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
.service-contents .contents-link{width:310px;height:180px;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;overflow: hidden;display:inline-block;*display: inline; /* ie6,7 */*zoom: 1; /* ie6,7 */}
.service-inner{display:inline-block;width:310px;height:180px;}
#service-d{display:inline-block;width:673px;height:180px;vertical-align:top;padding:0 10px;}
#service-i{display:inline-block;width:673px;height:180px;vertical-align:top;padding:0 10px;}
#service-n{display:inline-block;width:673px;height:180px;vertical-align:top;padding:0 10px;}
#service-c{display:inline-block;width:673px;height:180px;vertical-align:top;padding:0 10px;}
#service-h{display:inline-block;width:673px;height:180px;vertical-align:top;padding:0 10px;}
#service-d p{display:inline-block;color:#ff7901;text-decoration:underline;}
#service-i p{display:inline-block;color:#087cf1;text-decoration:underline;}
#service-n p{display:inline-block;color:#076702;text-decoration:underline;}
#service-c p{display:inline-block;color:#f833e0;text-decoration:underline;}
#service-h p{display:inline-block;color:#fff;text-decoration:underline;}
#service-d b{display:block;padding:20px 0;color:#ff7901;}
#service-i b{display:block;padding:20px 0;color:#087cf1;}
#service-n b{display:block;padding:20px 0;color:#076702;}
#service-c b{display:block;padding:20px 0;color:#f833e0;}
#service-h b{display:block;padding:20px 0;color:#fff;}
.link div{display:none;}
.banner-1{display:block;padding:5px 0;text-indent:-9999px;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
.banner-1:hover{background-color:#fff;opacity:0.7;}
.go_contact a{background-image:url(../images/service/go_contact.png);display:block;width:300px;height:50px;text-align:left;text-indent:-9999px;margin:auto 10px auto auto;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
.go_contact a:hover{background-color:#fff;opacity:0.7;}
.service-banner{display:block;padding:30px 0;}
.service-banner img:hover{background:#fff;opacity:0.7;}
.anchor{position:absolute;top:-7.6em;}
.service-area{display:block;}
.service-inner{z-index: 0;position: relative;}
#service-design img {position: relative;}
#service-design{box-shadow: 0 0 0 3px #ff7901 inset;}
.service-contents .service-inner #service-design {box-shadow:0 0 0 3px #fee19b inset}
.service-contents .service-inner #service-internet {box-shadow:0 0 0 3px #afd6fe inset}
.service-contents .service-inner #service-network {box-shadow:0 0 0 3px #7ff780 inset}
.service-contents .service-inner #service-creative {box-shadow:0 0 0 3px #f8b5e3 inset}
.service-contents .service-inner #service-hppack {box-shadow:0 0 0 3px #b9b9bb inset}
.service-inner #service-design img {z-index: -1;position: relative;}
.service-inner #service-network img {z-index: -1;position: relative;}
.service-inner #service-internet img {z-index: -1;position: relative;}
.service-inner #service-creative img {z-index: -1;position: relative;}
.service-inner #service-hppack img {z-index: -1;position: relative;}
/*Webサイト制作*/
#design-page-link-area{display:block;position:relative;width:878px;height:562px;margin-left:auto;margin-right:auto;background-image:url(../images/service/t_design_main.png);}
section .flow-ill{width:878px;height:310px;text-indent:-9999px;margin-bottom:50px;margin-left:auto;margin-right:auto;}
section #design-flow1{background-image:url(../images/service/t_design_flowimage1.png);}
section #design-flow2{background-image:url(../images/service/t_design_flowimage2.png);}
section #design-flow3{background-image:url(../images/service/t_design_flowimage3.png);}
.service-design {display:block;position:relative;}
.service-design h4{display:block;font-size:16px;padding:10px 0;font-weight:bold;}
.service-design h3{display:block;}
.service-design a{color:#ff7901;text-decoration:underline;}
.service-design p{display:block;padding-bottom:10px;}
.service-design h3{font-size: 18px;font-weight: bold;border-style: solid;border-color: #ff7901;border-width: 0 0 0 8px;padding: 0 15px;margin: 50px 0 30px 0;}
.ul-style{padding-left:1em;padding-bottom:1em;}
.ul-style li{list-style:inherit;}
.sp-design-link{display:none;}
/*ホスティング事業*/
#internet-page-link-area{display:block;position:relative;width:878px;height:350px;margin-left:auto;margin-right:auto;background-image:url(../images/service/internet_image_n01.jpg);}
section #internet-flow1{background-image:url(../images/service/t_internet_flowimage.png);}
.service-internet {display:block;position:relative;}
.service-internet h4{display:block;font-size:16px;padding:10px 0;font-weight:bold;}
.service-internet h3{display:block;}
.service-internet a{color:#087cf1;text-decoration:underline;}
.service-internet p{display:block;padding-bottom:10px;}
.service-internet h3{font-size: 18px;font-weight: bold;border-style: solid;border-color: #087cf1;border-width: 0 0 0 8px;padding: 0 15px;margin: 50px 0 30px 0;}
#internet-block-1-1{background-image:url(../images/service/t_internet_image1.png);background-repeat:no-repeat;}
#internet-block-1-2{background-image:url(../images/service/t_internet_image2.png);background-repeat:no-repeat;}
#internet-block-2{background-image:url(../images/service/t_internet_image3.png);background-repeat:no-repeat;}
#internet-block-3{background-image:url(../images/service/t_internet_image4.png);background-repeat:no-repeat;}
#internet-block-4{background-image:url(../images/service/t_internet_image5.png);background-repeat:no-repeat;}
#internet-block-5{background-image:url(../images/service/amitie_logo.png);background-repeat:no-repeat;}
#internet-block-05{background-image:url(../images/service/siteguard_logo.png?202201);background-repeat:no-repeat;background-position: 0px 30px;padding-top:30px;min-height: 230px;}
#internet-block-6{background-image:url(../images/service/jprs.png);background-repeat:no-repeat;}
#internet-block-7{background-image:url(../images/service/SSL.png);background-repeat:no-repeat;}
#internet-block-8{background-image:url(../images/service/baremail_LINK.png);background-repeat:no-repeat;}
.catalog{display:block;padding-left:220px;}
/*#syadankun-banner{background:url(../images/service/banner_syadankun_650×81.jpg);display:block;width:650px;height:81px;}*/
#syadankun-banner{display:inline-block;padding:5px 15px;color:#fff;border-radius:8px;margin-bottom:10px;text-decoration:none;
                  background: #4cb5e4; /* Old browsers */
                  background: -moz-linear-gradient(top, #0080ab 0%, #4cb5e4 100%); /* FF3.6-15 */
                  background: -webkit-linear-gradient(top, #0080ab 0%,#4cb5e4 100%); /* Chrome10-25,Safari5.1-6 */
                  background: linear-gradient(to top, #0080ab 0%,#4cb5e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080ab', endColorstr='#4cb5e4',GradientType=1 ); /* IE6-9 */
}
#siteguard-banner{display:inline-block;padding:5px 15px;color:#fff;border-radius:8px;margin-bottom:10px;text-decoration:none;
                  background: #f29601; /* Old browsers */
                  background: -moz-linear-gradient(top, #e9460a 0%, #f29601 100%); /* FF3.6-15 */
                  background: -webkit-linear-gradient(top, #e9460a 0%,#f29601 100%); /* Chrome10-25,Safari5.1-6 */
                  background: linear-gradient(to top, #e9460a 0%,#f29601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9460a', endColorstr='#f29601',GradientType=1 ); /* IE6-9 */
}
.security-line span{display:inline-block;background:url(../images/service/arrow.png);background-repeat:no-repeat;width:11px;height:16px;position:relative;vertical-align:middle;margin-right:4px;}
.service-internet-1 {width:878px;margin-left:auto;margin-right:auto;padding:30px 0;}
.service-internet-1 h4 {display:block;font-size:16px;padding:10px 0;font-weight:bold;}
.service-internet-1 p{display:block;padding-bottom:10px;}
/*ネットワーク構築*/
#network-page-link-area{display:block;position:relative;width:878px;height:350px;margin-left:auto;margin-right:auto;background-image:url(../images/service/network_image.jpg);}
section #network-flow1{background-image:url(../images/service/t_network_flowimage1.png);}
section #network-flow2{background-image:url(../images/service/t_network_flowimage2.png);}
section #network-flow3{background-image:url(../images/service/t_network_flowimage3.png);}
section #network-flow4{background-image:url(../images/service/t_network_flowimage4.png);}
section #network-flow5{background-image:url(../images/service/t_network_flowimage5.png);}
section #network-flow6{background-image:url(../images/service/t_network_flowimage6.png);}
.service-network{display:block;position:relative;}
.service-network h4{display:block;font-size:16px;padding:10px 0;font-weight:bold;}
.service-network h3{display:block;}
.service-network a{color:#076702;text-decoration:underline;}
.service-network p{display:block;padding-bottom:10px;}
.service-network h3{font-size: 18px;font-weight: bold;border-style: solid;border-color: #076702;border-width: 0 0 0 8px;padding: 0 15px;margin: 50px 0 30px 0;}
#network-image1{background:url(../images/service/network_image1.jpg);vertical-align:top;}
#network-image2{background:url(../images/service/network_image2.jpg);vertical-align:top;}
#network-image3{background:url(../images/service/network_image3.jpg);vertical-align:top;}
#network-image4{background:url(../images/service/network_image4.jpg);vertical-align:top;}
#network-image5{background:url(../images/service/network_image5.jpg);vertical-align:top;}
#network-image6{background:url(../images/service/network_image6.jpg);vertical-align:top;}
.network-image{display:inline-block;text-indent:-9999px;width:300px;height:200px;}
.network-cont{padding-bottom:10px;}
.network-inner{display:inline-block;width:700px;}
/*創造的な開発事例*/
#lb-button{width:690px;margin-left:auto;margin-right:auto;}
#lb-button span{display:inline-block;height:100px;width:100px;margin:0 10px 10px 0;text-align:left;text-indent:-9999px;sont-size:1px;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
#lb-button span:hover{background-color:#fff;opacity:0.7;}
#lb-button .dummy{background:url(../images/service/icon_dummy.jpg);}
#lb-button1{background:url(../images/service/icon_mobile.jpg);}
#lb-button2{background:url(../images/service/icon_touch.jpg);}
#lb-button3{background:url(../images/service/icon_xoops.jpg);}
#lb-button4{background:url(../images/service/icon_zipcode.jpg);}
#lb-button5{background:url(../images/service/icon_analyze.jpg);}
#lb-button6{background:url(../images/service/icon_market.jpg);}
#lb-button7{background:url(../images/service/icon_movie.jpg);}
#lb-button8{background:url(../images/service/icon_etc.jpg);}
.service-creative h4 {display: block;font-size: 16px;padding: 10px 0;font-weight: bold;}
#lb-cont div{display:none;}
#lightbox{display:none;background-color:black;position:fixed;width:100%;height:100%;top:0;left:0;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;cursor:pointer;}
#lightbox_b{overflow:auto;height:100%;display:none;width:100%;position:fixed;top:250px;left:0;margin:0;text-align:center;cursor:pointer;}
#lightbox_b_clic{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.lightbox_inner{position:relative;top:50px;background-color:#fff;padding:10px;margin:0 auto 50px auto;width:600px;cursor:pointer;font-size:14px}

@media only screen and (min-width: 769px){
    #service-contents-d:hover{background-color:#ff7901;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #service-contents-i:hover{background-color:#087cf1;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #service-contents-n:hover{background-color:#076702;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #service-contents-c:hover{background-color:#f833e0;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #service-contents-h:hover{background-color:#7d7c7f;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > .service-inner{z-index: 0;position: relative;}
    .service-contents .service-inner #service-design img {position: relative;}
    .service-contents:hover > .service-inner #service-design{box-shadow: 0 0 0 3px #ff7901 inset;}
    .service-contents:hover > .service-inner #service-internet {box-shadow:0 0 0 3px #087cf1 inset}
    .service-contents:hover > .service-inner #service-network {box-shadow:0 0 0 3px #076702 inset}
    .service-contents:hover > .service-inner #service-creative {box-shadow:0 0 0 3px #f833e0 inset}
    .service-contents:hover > .service-inner #service-hppack {box-shadow:0 0 0 3px #7d7c7f inset}
    .service-contents:hover > .service-inner #service-design img {z-index: -1;position: relative;}
    .service-contents:hover > .service-inner #service-internet img {z-index: -1;position: relative;}
    .service-contents:hover > .service-inner #service-network img {z-index: -1;position: relative;}
    .service-contents:hover > .service-inner #service-creative img {z-index: -1;position: relative;}
    .service-contents:hover > .service-inner #service-hppack img {z-index: -1;position: relative;}
    .service-contents:hover > .link {color:#fff;}
    .service-contents:hover > #service-d b {color:#fff;}
    .service-contents:hover > #service-i b {color:#fff;}
    .service-contents:hover > #service-n b {color:#fff;}
    .service-contents:hover > #service-c b {color:#fff;}
    .service-contents:hover > #service-h b {color:#fff;}
    .service-contents:hover > #service-d p{color:#fee19b;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > #service-i p {color:#afd6fe;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > #service-n p {color:#7ff780;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > #service-c p {color:#f8b5e3;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > #service-h p {color:#f8b5e3;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    .service-contents:hover > .service-inner #service-design span{background:#ff7901;}
    .service-contents:hover > .service-inner #service-internet span{background:#087cf1;}
    .service-contents:hover > .service-inner #service-network span{background:#076702;}
    .service-contents:hover > .service-inner #service-creative span{background:#f833e0;}
    .service-contents:hover > .service-inner #service-hppack span{background:#7d7c7f;}
    /*Webサイト制作*/
    #design-page-link1{top:255px;left:42px;width:190px;height:147px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #design-page-link1:hover{background-color:#fff;opacity:0.4;}
    #design-page-link2{top:255px;left:243px;width:190px;height:147px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #design-page-link2:hover{background-color:#fff;opacity:0.4;}
    #design-page-link3{top:255px;left:444px;width:190px;height:147px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #design-page-link3:hover{background-color:#fff;opacity:0.4;}
    #design-page-link4{top:255px;left:645px;width:190px;height:147px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #design-page-link4:hover{background-color:#fff;opacity:0.4;}
    .service-contents{height:180px;}
    #design-page-link-area a{display:block;position:absolute;text-indent:-9999px;background:none;font-size:14px;}
    #service-contents-d{display:inline-block;position:relative;margin:15px 0;background-color:#fee19b;}
    #service-contents-i{display:inline-block;position:relative;margin:15px 0;background-color:#afd6fe;}
    #service-contents-n{display:inline-block;position:relative;margin:15px 0;background-color:#7ff780;}
    #service-contents-c{display:inline-block;position:relative;margin:15px 0;background-color:#f8b5e3;}
    #service-contents-h{display:inline-block;position:relative;margin:60px 0;background-color:#b9b9bb;}
    /*ホスティング事業*/
    .security-img{display: block;position: relative;width: 1024px;height: 287px;margin-left: auto;margin-right: auto;background-image: url(../images/service/security_main_image.png);margin-bottom: 50px;}
    #internet-page-link1{top:25px;left:610px;width:244px;height:48px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link1:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link2{top:92px;left:610px;width:244px;height:48px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link2:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link3{top:35px;left:25px;width:244px;height:37px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link3:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link4{top:102px;left:25px;width:255px;height:37px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link4:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link5{top:166px;left:25px;width:255px;height:37px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link5:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link6{top:295px;left:25px;width:235px;height:37px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link6:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link7{top:210px;left:625px;width:244px;height:48px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link7:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link8{top:290px;left:625px;width:210px;height:40px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #internet-page-link8:hover{background-color:#fff;opacity:0.4;}
    #internet-page-link-area a{display:block;position:absolute;text-indent:-9999px;background:none;font-size:14px;}
    /*ネットワーク構築*/
    #network-page-link1{top:8px;left:42px;width:324px;height:37px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link1:hover{background-color:#fff;opacity:0.4;}
    #network-page-link2{top:60px;left:42px;width:250px;height:59px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link2:hover{background-color:#fff;opacity:0.4;}
    #network-page-link3{top:133px;left:42px;width:239px;height:58px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link3:hover{background-color:#fff;opacity:0.4;}
    #network-page-link4{top:150px;left:518px;width:275px;height:33px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link4:hover{background-color:#fff;opacity:0.4;}
    #network-page-link5{top:197px;left:518px;width:332px;height:34px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link5:hover{background-color:#fff;opacity:0.4;}
    #network-page-link6{top:256px;left:518px;width:332px;height:36px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
    #network-page-link6:hover{background-color:#fff;opacity:0.4;}
    #network-page-link-area a{display:block;position:absolute;text-indent:-9999px;background:none;}
    /*創造的な開発*/
}

/* スマホ */
@media only screen and (max-width: 768px){
    .company-img{background:url(../images/service/service-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/service/contents-service-character-sp.png);background-repeat:no-repeat;text-indent:-9999px;background-position:50%;background-size:30%;}
    .inner{display:inline-block;width:100%;padding:5px 0 30px 0;}
    .service-inner{display:inline-block;width:310px;}
    #service-d{display:inline-block;width:100%;height:auto;vertical-align:top;padding:10px;}
    #service-i{display:inline-block;width:100%;height:auto;vertical-align:top;padding:10px;}
    #service-n{display:inline-block;width:100%;height:auto;vertical-align:top;padding:10px;}
    #service-c{display:inline-block;width:100%;height:auto;vertical-align:top;padding:10px;}
    #service-h{display:inline-block;width:100%;height:auto;vertical-align:top;padding:10px;}
    #service-d b{color:#ff7901;display:block;text-align:center;}
    #service-i b{color:#087cf1;display:block;text-align:center;}
    #service-n b{color:#076702;display:block;text-align:center;}
    #service-c b{color:#f833e0;display:block;text-align:center;}
    .link div{display:block;}
    #service-d div{background-color:#ff7901;text-align:center;color:#fff;}
    #service-i div{background-color:#087cf0;text-align:center;color:#fff;}
    #service-n div{background-color:#076702;text-align:center;color:#fff;}
    #service-c div{background-color:#f833e0;text-align:center;color:#fff;}
    #service-h div{background-color:#7d7c7f;text-align:center;color:#fff;}
    .go_contact a{background-image:url(../images/service/go_contact.png);display:block;width:300px;height:50px;text-align:left;text-indent:-9999px;margin:10px auto;}
    .anchor{position:absolute;top:-0.5em;}
    /*Webサイト制作*/
    section .flow-ill{background-size:100%;text-indent:-9999px;margin-bottom:20px;}
    #design-page-link-area{background:url(../images/service/t_design_main.png);background-repeat:no-repeat;background-size:contain;width:100%;height:0;padding-top:64%;}
    section #design-flow1{background:url(../images/service/t_design_flowimage1.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #design-flow2{background:url(../images/service/t_design_flowimage2.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #design-flow3{background:url(../images/service/t_design_flowimage3.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    .ul-style{padding-left:2em;}
    .ul-style li{list-style:inherit;}
    .ul-style li a{display:block;}
    #design-page-link-area a{display:block;text-decoration:underline;color:#ff7901;padding-left:10px;}
    #design-page-link-area div{position:absolute;bottom:-120px;}
    .sp-design-link{display:block;width:100%;height:120px;}
    #service-contents-d{display:block;background-color:#fee19b;margin-right:auto;margin-left:auto;margin-bottom:15px;}
    #service-contents-i{display:block;background-color:#afd6fe;margin-right:auto;margin-left:auto;margin-bottom:15px;}
    #service-contents-n{display:block;background-color:#7ff780;margin-right:auto;margin-left:auto;margin-bottom:15px;}
    #service-contents-c{display:block;background-color:#f8b5e3;margin-right:auto;margin-left:auto;margin-bottom:15px;}
    #service-contents-h{display:block;background-color:#b9b9bb;margin-right:auto;margin-left:auto;margin-bottom:15px;}
    /*ホスティング事業*/
    .security-img{background: url(../images/service/security_main_image_sp.png);background-repeat: no-repeat;background-size: contain;width: 100%;height: 0;padding-bottom: 80%;}
    #internet-page-link-area{background:url(../images/service/internet_image_n01.jpg);background-repeat:no-repeat;background-size:contain;width:100%;height:0;padding-top:39%;}
    section #internet-flow1{background:url(../images/service/t_internet_flowimage.png);background-repeat:no-repeat;background-size:contain;width:100%;height:0;padding-bottom:35%;}
    .service-internet-1 {width:100%;padding:10px 0;}
    .catalog{display:block;padding-top:140px;padding-left:0;}
    #internet-block-5{background-image:url(../images/service/amitie_logo.png);background-repeat:no-repeat;padding-top:208px;}
    #internet-block-05{background-image:url(../images/service/siteguard_logo.png);background-repeat:no-repeat;padding-top:208px;background-position:0px 0px;}

    #syadankun-banner{display:inline-block;padding:5px;background-color:#087cf0;color:#fff;}
    /*#syadankun-banner{background:url(../images/service/banner_syadankun_650×81.jpg);display:block;background-size:contain;background-repeat:no-repeat;width:100%;height:0;padding-top:13%;}*/
    table{width:100%;padding-left:5px;font-size:14px;line-height:1.8em;font-size:12px;}
    table th{text-align:left;width:0;font-weight:bold;vertical-align: top;border: solid 1px #afafaf;background-color: #f0f0f6;padding-left:5px;}
    table td{text-align:left;vertical-align: top;border: solid 1px #afafaf;background-color: #fff;padding:5px;width:auto;}
    #internet-page-link-area a{display:block;text-decoration:underline;color:#087cf1;padding-left:10px;font-size:14px}
    #internet-page-link-area div{position:absolute;bottom:-240px;}
    .sp-internet-link{display:block;width:100%;height:240px;}
    /*ネットワーク構築*/
    #network-page-link-area{background-image:url(../images/service/network_image.jpg);background-repeat:no-repeat;background-size:contain;width:100%;height:0px;padding-top:40%;}
    section #network-flow1{background:url(../images/service/t_network_flowimage1.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #network-flow2{background:url(../images/service/t_network_flowimage2.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #network-flow3{background:url(../images/service/t_network_flowimage3.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #network-flow4{background:url(../images/service/t_network_flowimage4.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #network-flow5{background:url(../images/service/t_network_flowimage5.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    section #network-flow6{background:url(../images/service/t_network_flowimage6.png);background-repeat:no-repeat;background-size:contain;width:100%;height: 0;padding-bottom:35%;}
    .network-inner{display:inline-block;width:100%;}
    #network-page-link-area a{display:block;text-decoration:underline;color:#076702;padding-left:10px;font-size:14px;}
    #network-page-link-area div{position:absolute;bottom:-180px;}
    .sp-network-link{display:block;width:100%;height:180px;}
    .network-image{display:block;text-indent:-9999px;width:300px;height:200px;margin:auto;}
    /*創造的な開発事例*/
    #lb-button{width:310px;margin:auto;}
    #lb-cont div{display:none;}
    #lightbox{display:none;background-color:black;position:fixed;width:100%;height:100%;top:0;left:0;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;cursor:pointer;z-index:11;}
    #lightbox_b{overflow:auto;height:100%;display:none;width:100%;position:fixed;top:50px;left:0;margin:0;text-align:center;cursor:pointer;z-index:12;}
    #lightbox_b_clic{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
    .lightbox_inner{position:relative;top:0;background-color:#fff;padding:10px;margin:0 auto 50px auto;width:90%;height:80%;overflow:scroll;cursor:pointer;font-size:12px;}
    #lb-button span{display:inline-block;height:100px;width:100px;margin:0;text-align:left;text-indent:-9999px;sont-size:1px;webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition:all .3s ease;}
}
/* スマホ縦 */
@media only screen and (max-width: 460px){
    .company-img{background:url(../images/service/service-main-img-sp.jpg);background-repeat:no-repeat;background-size:cover;background-position: bottom;min-height:210px;}
    .contents-title h1{background:url(../images/service/contents-service-character-sp.png);background-repeat:no-repeat;text-indent:-9999px;background-position:50%;background-size:50%;}
    #logo{vertical-align:top;width:50%;height:50%;}
}