@charset "utf-8";


@media screen and (max-width: 899px) {


#lower-h1,#lower-h1-2{display:none;}
.hdline1{display:none!important;}



.lower-w{padding-bottom:0;width:auto;}


/*===== common ============================================*/
#wrapper{min-height: 100%;	height: auto !important;	height: 100%;	position: relative;min-width:auto!important;width:auto!important;} 
#page_top{display:none!important;}
#breadcrumb{display:none;}


input[type="text"],input[type="tel"],input[type="email"],textarea{border:1px solid #ccc;padding:5px;width:100%;background:#fff;border-radius:6px;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
select{border:1px solid #ccc;padding:5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#FFF7F7;}
label{display:block;}

.s{
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* IE9用 */
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Firefox用 */
box-shadow: 0 0 5px rgba(0,0,0,0.2); /* CSS3 */
position:relative;
}

.p-20{padding:20px;}
.p-l20{padding-left:20px;}
.p-r20{padding-right:20px;}

.c-bl{color:#003d78;}
.c-bl2{color:#2176ad;}
.c-wh{color:#ffffff;}

.btn1{display:block;margin:0 30px;background:#4cb0c9;padding:15px;border-radius:5px;text-align:center;color:#fff;}
.btn2{display:block;background:#21aee4;padding:15px;border-radius:5px;text-align:center;color:#fff;}
.btn3{display:block;background:#003b77;padding:15px;border-radius:5px;text-align:center;color:#fff;position:relative;width:90%;margin-left:auto;margin-right:auto;}
.btn3:before{
position:absolute;
content:'';
top:0;bottom:0;margin:auto 0;
left: 15px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.btn4,
.btn-confirm,
.btn-back,
.btn-send
{display:block;background:#003b77!important;padding:15px;border-radius:5px;text-align:center;color:#fff;position:relative;width:90%!important;margin-left:auto;margin-right:auto;border:none;height:auto!important;text-indent:0!important;}
.btn4:before,
.btn-confirm:before,
.btn-back:before,
.btn-send:before{
position:absolute;
content:'';
top:0;bottom:0;margin:auto 0;
left: 15px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn-send{margin-top:15px!important;}


#sp-lower-h1{color:#ffffff;font-size:136%;font-weight:bold;padding:20px;text-align:center;background:#0c5688;}
.sp-lower-h2{color:#003a73;background:#f3f4f6;padding:10px 20px;font-weight:bold;font-size:114%;border-top:2px solid #003a73;}
.sp-lower-h3{font-weight:bold;font-size:114%;background:url(https://knet-k.jp/img/open1-icon.png) no-repeat left 5px;background-size:10px 10px;padding-left:15px;}


.list1{margin:10px 0 10px 10px;}
.list1 li{background:url(https://knet-k.jp/img/icon1.png) no-repeat left 5px;background-size:14px 14px;padding-left:15px;}
.list1 li+li{margin-top:5px;}

.list2 li{background:url(https://knet-k.jp/img/open1-icon.png) no-repeat left 10px;background-size:10px 10px;padding:5px 0 5px 15px;border-bottom:1px dotted #4bbae7;}
.list2 li+li{margin-top:5px;}

.list3 li{padding:10px;display:table;width:100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.list3 li figure{display:table-cell;width:80px; vertical-align:top;}
.list3 li p{display:table-cell; vertical-align:top;padding-left:5px;}
.list3 li+li{margin-top:20px;}

.link1{display:inline-block;margin:5px 0;background:url(https://knet-k.jp/img/arrow1.png) no-repeat left; background-size:10.5px 7.5px;padding-left:15px;text-decoration:underline;}
.link2{color:#003a73;text-decoration:underline;}

.t01{padding:0!important;}
.t01,
.sp-t01{border:1px solid #003a73;}
.t01 dt,.t01 dd,
.sp-t01 dt,.sp-t01 dd{padding:10px;display:block;width:100%!important;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.t01 dt,
.sp-t01 dt{text-align:center;color:#fff;background:#003a73;font-weight:bold;}
.sp-t01 dt span.require{color:#fd6029;font-weight:bold;}

.sp-t02{border:1px solid #003a73;}
.sp-t02 thead th{background:#003a73;color:#fff;padding:10px;text-align:center;font-weight:bold;}
.sp-t02 tbody th,.sp-t02 tbody td{padding:10px;border-bottom:1px dotted #003a73;}
.sp-t02 tbody th{border-right:1px solid #003a73;background:#e3f3fd;width:2em;}





/*===== top ============================================*/
#top-slide .bx-controls{display:none;}

#top-main dl{margin-top:15px;}
#top-main dl dt{padding-bottom:5px;}
#top-main dl dd{background:url(https://knet-k.jp/img/sp/li-icon.png) no-repeat left 5px;background-size:12.5px 14px;padding-left:20px;}

#top-sec1{background:#f2f3f5;}
#top-sec1 li+li{padding-top:15px;}

#top-sec3{background:#226695 url(https://knet-k.jp/img/top/area-bg.jpg) no-repeat top center;background-size:949px 250px;}
#top-sec3 dl{background:#fff;padding:10px;}
#top-sec3 dt{font-weight:bold;border-bottom:1px solid #003d78;color:#003d78;margin-bottom:5px;}

#top-sec4 dl{display:table;margin-bottom:10px;width:100%;}
#top-sec4 dt,#top-sec4 dd{display:table-cell;padding:10px;}
#top-sec4 dt{width:4.5em;background:#1970a6;text-align:center;color:#fff;font-weight:bold;}
#top-sec4 dd{background:#f2f3f5;}



/*===== info + news ============================================*/
.news-box{border-bottom:1px dotted #4bbae7;margin:20px;padding-bottom:20px;}
.news-box dt{background:url(https://knet-k.jp/img/icon1.png) no-repeat left;background-size:14px 14px;padding-left:15px;}
.news-box dd{padding-left:15px;}
.news-box dd .contents img{width:100%;height:auto;}


/*===== software ============================================*/
.software-list1 li{display:table;width:100%;}
.software-list1 li figure,.software-list1 p{display:table-cell; vertical-align:middle;text-align:left;}
.software-list1 li figure{width:100px;}
.software-list1 p{padding:10px 10px 10px 0;}
.software-list1 li+li{margin-top:20px;}


/*===== network ============================================*/
.network-list1{padding:10px;background:#e3f3fd;}
.network-list1 li{margin-top:10px;background:url(https://knet-k.jp/img/sp/li-icon.png) no-repeat left 5px;background-size:12.5px 14px;padding-left:20px;}


/*===== oa ============================================*/
.oa-box1{border:2px solid #e6f4fd;padding:10px;margin-bottom:50px;text-align:center;position:relative;}
.oa-box1 dt{font-weight:bold;color:#003d78;text-align:center;}
.oa-box1:after{bottom:-50px;content:'＋';left:0;right:0;margin:0 auto;color:#999;font-weight:bold;position:absolute;font-size:30px;}
.oa-box1.last:after{bottom:-50px;content:'＝';left:0;right:0;margin:0 auto;color:#999;font-weight:bold;position:absolute;font-size:30px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.oa-box2{background:#e6f4fd;padding:10px;}


/*===== trans ============================================*/
#trans1{background:#e3f3fd}
#trans1 > div{border-radius:10px; padding:15px;background:#004380;color:#fff;}
#trans1 > div figure{margin-bottom:10px;}

#trans2 li{display:table;width:100%;padding-bottom:20px;margin-top:20px;border-bottom:1px dotted #45b0de;}
#trans2 li figure{display:table-cell;width:145px; vertical-align:top;}
#trans2 li p{display:table-cell; vertical-align:top;}

#trans3 dl{border-bottom:1px dashed #49bce8;padding-bottom:10px; margin-bottom:20px;position:relative;}
#trans3 dl dt{font-weight:bold;}
#trans3 dl dt > span{color:#03417a;font-size:171%;font-weight:bold;margin-right:0.5em;display:inline-block;}
#trans3 dl dd{padding-top:5px;text-indent:-1.2em;margin-left:2.5em;}
#trans3 dl dd > span{color:#fe9350;font-size:171%;font-weight:bold;margin-right:0.5em;display:inline-block;}
#trans3 dl dd a{text-indent:0;}


/*===== price ============================================*/
#price1{background:#f1faff;}
#price1 > ul{border-bottom:1px dotted #49bce8;margin-bottom:20px;}
#price1 > ul >li{position:relative;margin-bottom:30px;}
#price1 > ul >li.arr:after{content:'';background:url(https://knet-k.jp/img/sp/price/price-arrow.jpg) no-repeat;width:32px;height:29px;background-size:cover;left:0;right:0;margin:0 auto;bottom:-30px;position:absolute;}
#price1 > ul >li:first-child{margin-bottom:15px;}
#price1 dl{margin:0 15px;color:#185e91;margin-bottom:10px;}
#price1 dt{font-weight:bold;}
#price1 dd{text-indent:-1em;margin-left:1em;font-weight:bold;}
#price1 dd ul{text-indent:0;}
#price1 dd ul li{list-style:outside disc;margin-left:10px;}



/*===== sitemap ============================================*/
#sitemap1{padding:20px 0;}
#sitemap1 li{padding-left:35px;background-position: 20px;}


/*===== contact ============================================*/
#contact-sec1{padding:20px!important;}



/*===== order ============================================*/
.dispon{display:block!important;}
.dispon section{padding:10px;}
#order-login-sec dl{width:100%;display:block;}
#order-login-sec dl dt,#order-login-sec dl dd{display:block;width:100%;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#order-form2-sec .order-item-list > p{display:table-cell;width:40px;color:#03417a;font-weight:bold;padding:10px;}

.wp-pagenavi{text-align:center;padding:10px 30px;}
.wp-pagenavi a,.wp-pagenavi span{display:inline-block;font-size:16px;padding:5px;border:1px solid #ccc;margin:0 5px;}


/*===== ranger ============================================*/
#ranger-sec1{display:block!important;}
#ranger-sec1 section{padding:10px 10px 20px;}
#ranger-sec1 .lower-w > div{margin:20px 0 0 0!important;}
#ranger-sec1 .f-l{float:none;width:100%;text-align:center;margin-bottom:20px;}
#ranger-sec1 .f-l img{max-width:270px;width:270px;width:auto!important;height:auto;}
#ranger-sec1 dl{float:none;width:100%;}
#ranger-sec1 dl dt{background:url(https://knet-k.jp/img/ranger/mente-icon.jpg) no-repeat left;height:32px;line-height:32px;font-size:171%;font-weight:bold;color:#666;padding-left:40px;}
#ranger-sec1 dl dd{border-top:1px solid #333;padding-top:10px;margin-top:10px;}




/*tablet*/
.tablet{display:none;}


}