@charset "utf-8";


.f-m{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/** font 表示したいサイズ / 基本サイズ * 100**/
.f-11{font-size:78%}
.f-12{font-size:86%}
.f-13{font-size:93%}
.f-14{font-size:100%}
.f-15{font-size:107%}
.f-16{font-size:114%}
.f-17{font-size:121%}
.f-18{font-size:129%}
.f-19{font-size:136%}
.f-20{font-size:143%}
.f-21{font-size:150%}
.f-22{font-size:157%}
.f-23{font-size:164%}
.f-24{font-size:171%}
.f-25{font-size:179%}
.f-26{font-size:186%}
.f-27{font-size:193%}
.f-28{font-size:200%}
.f-29{font-size:207%}
.f-30{font-size:214%}
.f-31{font-size:221%}
.f-32{font-size:229%}
.f-33{font-size:236%}
.f-34{font-size:243%}
.f-35{font-size:250%}
.f-36{font-size:257%}
.f-37{font-size:264%}
.f-38{font-size:271%}
.f-39{font-size:279%}
.f-40{font-size:286%}


.f-r {	float: right;}
.f-l {	float: left;}

.m-b5 {	margin-bottom: 5px;}
.m-b10 {margin-bottom: 10px;}
.m-b15 {margin-bottom: 15px;}
.m-b20 {margin-bottom: 20px;}
.m-b25 {margin-bottom: 25px;}
.m-b30 {margin-bottom: 30px;}
.m-b40 {margin-bottom: 40px;}
.m-b50 {margin-bottom: 50px;}
.m-b60 {margin-bottom: 60px;}
.m-b70 {margin-bottom: 70px;}
.m-t10 {margin-top: 10px;}
.m-t15 {margin-top: 15px;}
.m-t20 {margin-top: 20px;}
.m-t25 {margin-top: 25px;}
.m-t30 {margin-top: 30px;}
.m-t40 {margin-top: 40px;}
.m-l5{margin-left:5px;}
.m-l10{margin-left:10px;}
.m-l30{margin-left:30px;}
.m-l40{margin-left:40px;}
.m-r10{margin-right:10px}
.m-r20{margin-right:20px}
.m-r30{margin-right:30px}
.p-t5{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-t50{ padding-top:50px;}
.p-t60{ padding-top:60px;}
.p-b5{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}
.p-b50{ padding-bottom:50px;}
.p-b60{ padding-bottom:60px;}
.p-b70{ padding-bottom:70px;}
.p-b80{ padding-bottom:80px;}
.p-b90{ padding-bottom:90px;}
.p-b100{ padding-bottom:100px;}

.p-lr40{padding:0 40px;}

.p-l50{padding-left:50px;}

.bold{font-weight:bold;}

.t-l{	text-align:left;}
.t-r{	text-align:right;}
.t-c{	text-align:center;}

.c-red{color:#CC0000;}
.c-gray{color:#999;}

.u-line{text-decoration:underline;}

a.u-line{text-decoration:underline;}
a.u-line:hover{text-decoration:none;}


/*======================================================
	CLEARFIX  clearしたい親要素に加える
======================================================*/
.clearfix:after {	content: ".";	display: block;	clear: both;	height: 0;	visibility: hidden;	font-size:0;	line-height:0;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */




/*===== common ============================================*/

#breadcrumb{background:#185e91;height:39px;line-height:39px;}
#breadcrumb ul{width:980px;margin:0 auto;height:39px;}
#breadcrumb ul li{display:inline-block;color:#fff;height:39px;}
#breadcrumb ul li a{color:#fff;line-height:39px;text-decoration:none;}
#breadcrumb ul li+li{position:relative;padding-left:20px;margin-left:20px;}
#breadcrumb ul li+li:after{position:absolute;content:'';left:-10px;top:-9px;background:url(https://knet-k.jp/img/breadcrumb-arrow.jpg) no-repeat;width:15px;height:39px;}


.link1{color:#004380;}
.link1:hover{text-decoration:none;}

.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;
}


.btn01{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;padding:10px 20px;color:#fff;background:url(https://knet-k.jp/img/btn01-bg.png);
behavior:url(PIE.php); cursor:pointer;
position:relative;}
.btn01 > span{text-decoration:none; background:url(https://knet-k.jp/img/btn01-arrow.png) no-repeat left; padding-left:12px;}
.btn01:hover{zoom: 1;	filter: alpha(opacity=70); /* IE6/7 */	-ms-filter: "alpha(opacity=70)"; /* IE8 */	-moz-opacity: 0.70; /* Firefox */	opacity: 0.70;}

#lower-h1{height:155px;background:#f2f3f5;margin-bottom:70px;}
#lower-h1 h1{display:flex;align-items:center;width:980px;margin:0 auto;background:url(https://knet-k.jp/img/lower-h1-bg.jpg) no-repeat right;height:155px;line-height:155px;}

#lower-h1-2{height:155px;background:#f2f3f5;margin-bottom:70px;}
#lower-h1-2 h1{width:980px;margin:0 auto;background:url(https://knet-k.jp/img/lower-h1-bg2.jpg) no-repeat right;height:155px;line-height:155px;}


.hdline1{background:#f2f3f5;border-top:1px solid #03417a;padding:15px 20px;margin-bottom:30px;color:#03417a;font-size:171%;font-weight:bold;}
.hdline2{position:relative;padding-left:30px;font-size:129%;margin-bottom:10px;}
.hdline2:after{content:url(https://knet-k.jp/img/open1-icon.png); position:absolute;left:0;top:4px;}
.hdline3{border-bottom:1px solid #03417a;padding-bottom:5px; margin-bottom:20px;}
.hdline3 > span{ color:#03417a;font-size:157%;font-weight:bold;background:url(https://knet-k.jp/img/hdline3-icon.png) no-repeat left 6px;padding-left:22px;display:inline-block;}

.t01{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:-1px;padding:25px 0;display:table;width:100%;}
.t01 dt,.t01 dd{display:table-cell; vertical-align:top;}
.t01 dt{color:#03417a;font-weight:bold;}

.t02 th,.t02 td{border:1px solid #6e6e6e;padding:20px; vertical-align:middle;}
.t02 th{background:#03417a;color:#fff;}

.arrow1{background:url(https://knet-k.jp/img/arrow1.png) no-repeat left;padding-left:27px;}
.arrow2{background:url(https://knet-k.jp/img/arrow2.png) no-repeat left;padding-left:23px;text-align:center;text-decoration:none;}

.open1 dl{border-bottom:1px dashed #49bce8;padding-bottom:10px; margin-bottom:20px;position:relative;padding-left:30px;}
.open1 dl:after{content:url(https://knet-k.jp/img/open1-icon.png); position:absolute;left:0;top:0;}
.open1 dl dt{font-weight:bold;}
.open1 dd{padding-top:5px;}

.check li{position:relative;font-size:143%;margin-top:10px;padding-left:35px;}
.check li:before{content:url(https://knet-k.jp/img/check-icon.jpg);position:absolute;left:0;top:3px;}

.page-link-btn{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;padding:10px 30px 10px 40px;color:#fff;background:#004380 url(https://knet-k.jp/img/btm-arrow.png) no-repeat 10px;text-decoration:none;font-weight:bold;
behavior:url(PIE.php); cursor:pointer;
position:relative;}


/*===== top ============================================*/
#top-news{background:#d9e4ea;padding:30px 0;}
#top-news > dl{width:980px;margin-left:auto;margin-right:auto;display:table;}
#top-news > dl > dt{display:table-cell; vertical-align:middle; text-align:center;width:110px;padding:15px 0; background:#2176ad;}
#top-news > dl > dd{display:table-cell;padding:15px 25px; vertical-align:middle; text-align:center; background:#fff;}
#top-news > dl > dd.info-link{width:130px;}
#top-news > dl > dd.info-link a{display:inline-block;width:100%;color:#fff;text-align:center;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#4db1cb;padding:5px 0;}
#top-news > dl > dd dl{display:table;}
#top-news > dl > dd dl dt{display:table-cell;width:10em; vertical-align:top;}
#top-news > dl > dd dl dd{display:table-cell; vertical-align:middle;}

#top-bnr{padding:0 0 30px 0;background:#f2f3f5;}
#top-bnr > div{width:980px;margin:0 auto;}
#top-bnr ul{margin-left:-14px;}
#top-bnr li{width:483px;margin:30px 0 0 14px;float:left;}

#top-contents{padding:80px 0;background:#8cafe4 url(https://knet-k.jp/img/top/top-content-bg.jpg) no-repeat center;background-size:cover;}
#top-contents > div{width:980px;margin:0 auto;}
#top-contents h2{font-size:286%;font-weight:bold;color:#03417a;text-align:center;line-height:100%;margin-bottom:55px;}
#top-contents ul li{float:left;width:33.33333333%;text-align:center;height:330px;}
#top-contents ul li:hover{zoom: 1;	filter: alpha(opacity=70); /* IE6/7 */	-ms-filter: "alpha(opacity=70)"; /* IE8 */	-moz-opacity: 0.70; /* Firefox */	opacity: 0.70;}
#top-contents ul li a{text-decoration:none;display:block;height:300px;border-left:1px solid #ccc;padding-top:30px;}
#top-contents ul li dl dt{text-align:center;color:#49bce8;font-weight:bold;padding:20px 0;font-size:143%;}
#top-contents ul li dl dd{text-align:center;}
#top-contents ul li.con1 a,
#top-contents ul li.con2 a,
#top-contents ul li.con3 a{border-bottom:1px solid #ccc;}
#top-contents ul li.con3 a,
#top-contents ul li.con6 a{border-right:1px solid #ccc;}

#reason{height:900px;background:#a4b6c2 url(https://knet-k.jp/img/top/top-reason-bg.jpg) no-repeat center;padding:67px 0;}
#reason > div{width:980px;margin:0 auto;}
#reason > div figure{float:left;width:430px;}
#reason > div > div{float:right;width:490px;}
#reason > div > div h2{color:#004380;font-weight:bold;font-size:229%;}
#reason > div > div dl{margin-top:40px;}
#reason > div > div dl dt{color:#17548c;font-size:143%;font-weight:bold;margin-bottom:20px;}



/*===== company ============================================*/
#company-sec1 > div{background:url(https://knet-k.jp/img/company/company-sec1-bg.jpg) no-repeat;width:980px;height:490px;position:relative;}
#company-sec1 > div > figure{position:absolute;left:0;top:50px;}
#company-sec1 > div > div{padding:50px 30px 0 345px;}

#company-sec3 .t01  dt{width:200px;}


/*===== software ============================================*/
#software-sec1 ul li{width:190px;float:left;margin-left:7.5px;background:#49bce8;}
#software-sec1 ul li:first-child{margin-left:0;}
#software-sec1 ul li div{display:table;height:100px;width:100%;}
#software-sec1 ul li p{color:#fff;text-align:center;display:table-cell; vertical-align:middle;font-weight:bold;line-height:100%;}
#software-sec1 ul li p span{font-weight:bold;line-height:100%;}


/*===== network ============================================*/
#network-sec1 .network-sec1-box1{background:url(https://knet-k.jp/img/network/network-sec1-bg.jpg) no-repeat center;width:980px;height:500px;}
#network-sec1 .network-sec1-box1 h2{padding:40px 0 30px;text-align:center;}
#network-sec1 .network-sec1-box1 ul{width:880px;margin:0 auto;}
#network-sec1 .network-sec1-box1 ul li{width:280px;text-align:center;float:left;}
#network-sec1 .network-sec1-box1 ul li > div{
height:300px;
background-color: rgba( 255, 255, 255, 0.8 );
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.4); /* Safari, Chrome用 */
-ms-box-shadow:inset 0 0 4px rgba(0,0,0,0.4); /* IE9用 */
-moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.4); /* Firefox用 */
box-shadow:inset 0 0 4px rgba(0,0,0,0.4); /* CSS3 */
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
position:relative;
}
#network-sec1 .network-sec1-box1 ul li+li{margin-left:20px;}
#network-sec1 .network-sec1-box1 ul li figure{padding:25px 0 20px;}
#network-sec1 .network-sec1-box1 ul li dt{color:#2176ad;font-weight:bold;font-size:171%;text-align:center;}
#network-sec1 .network-sec1-box1 ul li dd{padding:5px 15px 0 15px;}
#network-sec1 .network-sec1-box2{background:#e3f3fd;width:820px;margin:0 auto;padding:25px;}

#network-sec2 ul{display:inline-block;letter-spacing:-0.4em;text-align:center;}
#network-sec2 li{letter-spacing:normal;width:310px;display:inline-block; vertical-align:top;}
#network-sec2 li+li{margin-left:25px;}
#network-sec2 li dt{background:#49bce8;color:#fff;text-align:center;margin-bottom:15px;padding:10px 0;font-size:157%;font-weight:bold;}

#network-sec3 > div > div{background:#e3f3fd;padding:40px 0 40px 160px;margin:0;}
#network-sec3 > div > div ol{border-left:1px dotted #000;}
#network-sec3 ol li{padding:20px 0;list-style:none;margin:0;position:relative;padding-left:30px;}
#network-sec3 ol li+li{margin-top:20px;}
#network-sec3 ol dt{color:#03417a;font-weight:bold;font-size:157%;}
#network-sec3 ol li.step1:before{content:url(https://knet-k.jp/img/network/network-sec3-step1.jpg);position:absolute;left:-90px;top:0;}
#network-sec3 ol li.step2:before{content:url(https://knet-k.jp/img/network/network-sec3-step2.jpg);position:absolute;left:-90px;top:0;}
#network-sec3 ol li.step3:before{content:url(https://knet-k.jp/img/network/network-sec3-step3.jpg);position:absolute;left:-90px;top:0;}
#network-sec3 ol li.step4:before{content:url(https://knet-k.jp/img/network/network-sec3-step4.jpg);position:absolute;left:-90px;top:0;}


/*===== oa ============================================*/
.oa-plan-box{background:#e3f3fd;border:5px solid #e3f3fd;}
.oa-plan-box ul{background:#fff;padding:60px 0;display:grid;grid-template-columns: 1fr 1fr 1fr;gap:70px;}
.oa-plan-box ul li{position:relative;}
.oa-plan-box ul li+li:before{content:'+';position:absolute;left:-50px;top:35px;font-size:50px;color:#999;}
.oa-plan-box ul li figure{padding-bottom:50px;}
.oa-plan-box ul li:first-child{padding-left:55px;}
.oa-plan-box ul li dt{font-weight:bold;padding-bottom:10px;font-size:114%;}
.oa-plan-box > div{position:relative;}
.oa-plan-box > div > img{position:absolute;left:10px;top:-30px;}
.oa-plan-box > div > figure{text-align:right;}
.oa-plan-box > div > figure img{margin-left:30px;}


/*===== transceiver ============================================*/
#transceiver-sec1 > div{background:url(https://knet-k.jp/img/transceiver/transceiver-sec1-bg.jpg);}
#transceiver-sec2 ul{margin-left:-55px;}
#transceiver-sec2 li{float:left;width:290px;margin-left:55px;height:310px;}
#transceiver-sec2 li p{text-align:center;}

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


/*===== price ============================================*/
#price-sec1 .price-sec1-box{background:#e3f3fd;width:820px;margin:0 auto;padding:25px;}
#price-sec1 .t02 td{text-align:center;}

/*===== office ============================================*/
#office-sec1 li{float:right;width:483px;}
#office-sec1 li:first-child{float:left;}
#office-sec2 figure{width:310px;float:left;}
#office-sec2 ul{width:650px;float:right;}
#office-sec2 ul li{position:relative;padding-left:25px;}
#office-sec2 ul li+li{margin-top:15px;}
#office-sec2 ul li:before{content:url(https://knet-k.jp/img/icon1.png);font-weight:bold;position:absolute;left:0;}


/*===== maintenance ============================================*/
#maintenance-nav{max-width:980px;width:100%;margin:0 auto;text-align:center;margin-bottom:60px;}
#maintenance-nav a{margin:10px 15px;}
#maintenance-sec1 figure,#maintenance-sec2 figure{width:310px;float:left;}
#maintenance-sec1 .f-r,#maintenance-sec2 .f-r{width:640px;float:right;}
#maintenance-sec2 ul{margin-bottom:20px;}
#maintenance-sec2 ul li{position:relative;padding-left:25px;}
#maintenance-sec2 ul li+li{margin-top:15px;}
#maintenance-sec2 ul li:before{content:url(https://knet-k.jp/img/icon1.png);font-weight:bold;position:absolute;left:0;}


/*===== privacy ============================================*/
#privacy-sec4 dl{margin:0 50px;padding:40px;background:#f2f3f5;}
#privacy-sec4 dt{color:#004380;font-weight:bold;padding-bottom:15px;font-size:143%;}


/*===== info ============================================*/
#info-sec1 dl{border-bottom:1px dashed #49bce8;padding-bottom:15px;display:table;width:100%;margin-bottom:15px;}
#info-sec1 dl dt{background:url(https://knet-k.jp/img/icon1.png) no-repeat left 2px;padding-left:25px;display:table-cell; vertical-align:top;width:125px;}
#info-sec1 dl dd{display:table-cell; vertical-align:top;}
#info-sec1 dl dd .contents img{max-width:400px;width:600px;width:auto!important;height:auto!important;}



/*===== sitemap ============================================*/
#sitemap-sec1 ul{margin-left:-20px;}
#sitemap-sec1 li{width:310px;float:left;margin-left:20px;padding:10px 0;border-bottom:1px dashed #49bce8;font-size:143%;}



/*===== contact ============================================*/
#contact-sec1 .t01 dt{width:240px; vertical-align:middle;}
#contact-sec1 .t01 dt > span{color:#fd6029;font-weight:bold;}
#contact-sec1 .t01 dd label{display:inline-block;margin:3px 40px 3px 0;}
.btn-confirm{text-indent:-9999px;background:url(https://knet-k.jp/img/contact/confirm-btn.jpg) no-repeat;width:360px;height:62px;border:none;cursor:pointer;}
.btn-back{text-indent:-9999px;background:url(https://knet-k.jp/img/contact/back-btn.jpg) no-repeat;width:360px;height:62px;border:none;cursor:pointer;}
.btn-send{text-indent:-9999px;background:url(https://knet-k.jp/img/contact/send-btn.jpg) no-repeat;width:360px;height:62px;border:none;cursor:pointer;}



/*===== user ============================================*/
#user-sec1 ol{margin:0;padding:0;}
#user-sec1 li{background:url(https://knet-k.jp/img/open1-icon.png) no-repeat left top;list-style:none;margin-left:0;border-bottom:1px dashed #49bce8;padding-bottom:10px; margin-bottom:20px;position:relative;padding-left:30px;}
#user-sec1 li > p{padding-left:40px;}

#user-sec1 dl{width:980px;margin-left:auto;margin-right:auto;display:table;margin-bottom:10px;border-bottom:1px dotted #999;}
#user-sec1 dl > dt{display:table-cell; vertical-align:top; text-align:center;width:130px;padding-bottom:10px;}
#user-sec1 dl > dd{display:table-cell;vertical-align:top; text-align:left;padding-bottom:10px;padding-left:20px;}


/*===== order ============================================*/
#order-login-sec dl{display:table;width:600px;margin:0 auto 10px;}
#order-login-sec dl dt{display:table-cell;background:#a3d8f7;padding:10px 20px;width:180px;color:#023b81; vertical-align: middle;}
#order-login-sec dl dd{display:table-cell;padding:10px;vertical-align: middle;}
#order-login-sec input[type="submit"]{background:url(https://knet-k.jp/img/order/login-btn.jpg) no-repeat;width:360px;height:62px;text-indent:-9999px;border:none;cursor:pointer;}

#order-form2-sec .order-item-list{display:table;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:-1px;}
#order-form2-sec .order-item-list > p{display:table-cell;width:150px;color:#03417a;font-weight:bold;padding:10px;}
#order-form2-sec .order-item-list > div{display:table-cell;padding:10px;}
#order-form2-sec .order-item-list > div > dl{display:table;width:100%;}
#order-form2-sec .order-item-list > div > dl > dt{display:table-cell;width:440px; vertical-align: middle;padding:5px 0;}
#order-form2-sec .order-item-list > div > dl > dd{display:table-cell; vertical-align: middle;padding:5px 0;}
#order-form2-sec .order-item-list > div > dl > dd.price{width:200px;}
#order-form2-sec .order-item-list > div > dl > dd select{padding:0 5px;border-radius:0;}


/*===== ranger ============================================*/
#ranger-sec1 dl{float:right;width:690px;}
#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;}





/*sp tablet*/
#sp-header{display:none;}
.tablet{display:none;}



.wp-pagenavi{text-align:center;}
.wp-pagenavi a,.wp-pagenavi span{display:inline-block;font-size:16px;padding:0 5px;}




/*==================================================================================
						スライダー変更
===============================================================================================================================*/



#header #top-main{position:relative;overflow:hidden;height:600px;}
#header #top-main ul.main{width:100%;margin:0 auto;position:relative;height:600px;}
#header #top-main ul.main .slide1 > div{width:650px;padding-right:550px;margin:0 auto;position:relative;height:570px;padding-top:30px;text-align:center;}
#header #top-main ul.main .slide1 > div img{position:relative;z-index:10;}
#header #top-main ul.main .slide1 > div:after{content:'';background:url(https://knet-k.jp/img/top/top-main-img.jpg) no-repeat;width:750px;height:643px;position:absolute;top:0;right:0;z-index:0;}
#header #top-main ul.main .slide2{background:#2546c5 url(https://knet-k.jp/img/top/top-slide2.jpg) no-repeat center;height:600px;}
#header #top-main ul.main .slide2 > div{width:980px;margin:0 auto;}


@media screen and (max-width: 799px) {
#top-slide ul.main li.slide3 img{
	height: 250px;
}
}