/* --------------------------------------------------
 Resetting default margin and padding
-------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,input,fieldset,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,hr,small,strong,i,b,mark,ruby,rt,rp,bdo{
  margin:0;
  padding:0;
}
/* --------------------------------------------------
 Float Clearing
-------------------------------------------------- */
.clearFix { zoom: 1; }/* for IE 5.5-7 \*/
.clearFix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;  
}
/* --------------------------------------------------
 Float
-------------------------------------------------- */
.f_l{float:left;}
.f_r{float:right;}
.f_n{float:none;}
/* --------------------------------------------------
 HTML, Body,Tags
-------------------------------------------------- */
body,html {
  font-weight:normal;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color:#333;
  background:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/bg.png) repeat;
  line-height:170%;
  font-size: 16px;
  font-size: 1rem;
}
ul,li{list-style:none;}
dt{font-weight:normal;}
/* --------------------------------------------------
 Default css
-------------------------------------------------- */
@media (max-width: 767px) {
  .col-sm-3 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 0;
  }
}


/* posts */
#posts {
  padding-bottom: 2em;
  margin-bottom: 2em;
}
#posts h2 {
  margin-bottom: 1em;
}

/* entry, page */
.entry {
  margin-bottom: 3em;
}
.entry p, .page p {
  margin: 1em 0;
}
.entry h2 + footer ul,
.page h2 + footer ul,
section h2 + footer ul {
  margin-top: 0.809em;
  padding: 0;
}
.entry h2 + footer ul li,
.page h2 + footer ul li,
section h2 + footer ul li {
  display: inline;
}
.entry-more-link {
  margin-top: 1.5em;
}
.entry-more-link a:after {
  content: '\00BB';
}

/* comment */
#comment-preview-main form {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #cccccc;
}
.comment {
  border-bottom: 1px dotted #dcdddd;
  margin-bottom: 0.809em;
}
.comment header h3 {
  display: inline;
  margin: 0;
  font-size: 110%;
}
article.comment header {
  margin-bottom: 1em;
}
.comment .reply {
  text-align: right;
}
#comments-form {
  margin-top: 3.2em;
}
#comment-greeting {
  margin-top: 3em;
}
.message {
  padding: 0.8em;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #2b2b2b;
}
#comments-open-text textarea {
  width: 100%;
  height: 13em;
}
.text {
  width: 75%;
  outline: 0;
  border: 1px solid #c0c6c9;
  line-height: 1.3;
  background-color: white;
  color: black;
}
#comments-open-captcha {
  margin: 1.6em 0;
}

/* cover image */

/* nav */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin-top: 1.5em;
}
/* pagination */
.pagination {
  display: block;
  border-top: 1px solid #cccccc;
  text-align: center;
  margin: 1.5em 0;
}
.pagination ul {
  margin-left: auto;
  margin-right: auto;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  padding: 0 10px;
  text-decoration: none;
}
.pagination li a[rel="prev"]:before {
  content: '\00AB';
  margin-right: 0.3em;
}
.pagination li a[rel="next"]:after {
  content: '\00BB';
  margin-left: 0.3em;
}
/* --------------------------------------------------
 Anchor
-------------------------------------------------- */
a:link {
  color: #005599;
  text-decoration: none;
}
a:visited {
  color: #005599;
}
a:hover,
a:active {
  color: #005599;
  text-decoration: underline;
}
a,
a:focus { /* FireFox リンク選択時の点線を消す　*/
  overflow: hidden;
  outline: none;
}
/* --------------------------------------------------
 Margin
-------------------------------------------------- */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}
/* --------------------------------------------------
 Padding
-------------------------------------------------- */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}
/* --------------------------------------------------
 Text
-------------------------------------------------- */
.t_red{ color:#ff0000 !important;} 
.t_bld{ font-weight:bold !important;}
/* --------------------------------------------------
 Indent
-------------------------------------------------- */
.indent{ padding:0 0 0 1em;}
/* --------------------------------------------------
 Text align
-------------------------------------------------- */
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
/* --------------------------------------------------
 Section
-------------------------------------------------- */
section{
  margin:0 0 60px 0;
}
@media (max-width: 991px) {
  section img{
    width:100%;
    height: auto;
  }
}
/* --------------------------------------------------
 Widget
-------------------------------------------------- */
.widget {
  margin-bottom: 2em;
  font-size: 0.9rem;
  line-height: 160%;
}
.widget ul, .widget ol {
  margin: 0;
  padding-left:0;
}
.widget ul li {
  margin-bottom: 0.3em;
}
nav.widget ul, nav.widget ol {
  list-style-type: disc;
}
.widget.widget-tag-cloud ul {
  padding: 0;
}
.widget.widget-tag-cloud ul li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}
.widget.widget-tag-cloud ul li.rank-1 {
  font-size: 1.8em;
}
.widget.widget-tag-cloud ul li.rank-2 {
  font-size: 1.5em;
}
.widget.widget-tag-cloud ul li.rank-3 {
  font-size: 1.3em;
}
.widget.widget-tag-cloud ul li.rank-4 {
  font-size: 1em;
}
.widget.widget-tag-cloud ul li.rank-5 {
  font-size: 0.9em;
}
.widget.widget-tag-cloud ul li.rank-6 {
  font-size: 0.85em;
}
.widget.widget-tag-cloud ul li.rank-7 {
  font-size: 0.7em;
}
.search-text {
  max-width: 100%;
}
/* --------------------------------------------------
 Btn
-------------------------------------------------- */
.btn {
  display: inline-block;
  padding: 8px 5px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .btn {
  	font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .btn {
  	font-size: 1rem;
  }
}
/* --------------------------------------------------
 Btn　map
-------------------------------------------------- */
.btn-map {
  color: #333 !important;
  background-color: #fff;
  border-color: #005599;
  margin: 0 0 10px 0;
  text-align: left;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_map.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  padding: 20px 10px;
  line-height: 190%;
}
.btn-map span{
  display:block;
  font-size:1.8rem;
}
.btn-map a{
  color:#007456;
}
.btn-map.focus,
.btn-map:hover,
.btn-map:active,
.btn-map.active,
.open > .dropdown-toggle.btn-map,
.btn-map:active:hover,
.btn-map.active:hover,
.open > .dropdown-toggle.btn-map:hover,
.btn-map:active:focus,
.btn-map.active:focus,
.open > .dropdown-toggle.btn-map:focus,
.btn-map:active.focus,
.btn-map.active.focus,
.open > .dropdown-toggle.btn-map.focus,
.btn-map.disabled:hover,
.btn-map[disabled]:hover,
fieldset[disabled] .btn-map:hover,
.btn-map.disabled:focus,
.btn-map[disabled]:focus,
fieldset[disabled] .btn-map:focus,
.btn-map.disabled.focus,
.btn-map[disabled].focus,
fieldset[disabled] .btn-map.focus {
  color: #333;
  background-color: #e0ebf4;
  border-color: #005599;
}
.btn-map:active,
.btn-map.active,
.open > .dropdown-toggle.btn-map {
  background-image: none;
}
.btn-map .badge {
  color: #333;
  background-color: #d1eefd;
}
@media (max-width: 991px) {
  .btn-map {
    background-image: none;
    padding: 10px 10px;
    line-height: 190%;
  }
  .btn-map span{
	display:block;
	font-size:1rem;
  }
  .btn-map span br{
    display: none;
  }
}
@media (max-width: 767px) {
  .btn-map {
    padding-left:20px;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_map.png);
    background-size:auto 60%;
    background-position: 50% center;
  }
}
/* --------------------------------------------------
 Btn　btn-default
-------------------------------------------------- */
.btn-default {
  color: #fff !important;
  background-color: #707070;
  border-color: #707070;
}
.btn-default a{
  color:#fff;
}
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #7c7c7c;
  border-color: #7c7c7c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #7c7c7c;
}
.btn-default .badge {
  color: #fff;
  background-color: #707070;
}
/* --------------------------------------------------
 Btn　btn-primary
-------------------------------------------------- */
.btn-primary {
  color: #fff !important;
  background-color: #005599;
  border-color: #005599;
}
.btn-primary a{
  color:#fff;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #0063b2;
  border-color: #0063b2;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary .badge {
  color: #fff;
  background-color: #005599;
}
/* --------------------------------------------------
 Btn　btn-secondary
-------------------------------------------------- */
.btn-secondary {
  color: #005599 !important;
  background-color: #fff;
  border-color: #005599;
}
.btn-secondary a{
  color:#005599;
}
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  color: #005599;
  background-color: #ecf3f9;
  border-color: #005599;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary .badge {
  color: #005599;
  background-color: #ecf3f9;
}
/* --------------------------------------------------
 Btn　btn-banner01
-------------------------------------------------- */
.btn-banner01 {
  color: #005599 !important;
  background-color: #ffffff;
  border: #61a9e2 1px solid;
}
.btn-banner01 a{
  color: #005599 !important;
}
.btn-banner01:focus,
.btn-banner01.focus,
.btn-banner01:hover,
.btn-banner01:active,
.btn-banner01.active,
.open > .dropdown-toggle.btn-banner01,
.btn-banner01:active:hover,
.btn-banner01.active:hover,
.open > .dropdown-toggle.btn-banner01:hover,
.btn-banner01:active:focus,
.btn-banner01.active:focus,
.open > .dropdown-toggle.btn-banner01:focus,
.btn-banner01:active.focus,
.btn-banner01.active.focus,
.open > .dropdown-toggle.btn-banner01.focus,
.btn-banner01.disabled:hover,
.btn-banner01[disabled]:hover,
fieldset[disabled] .btn-banner01:hover,
.btn-banner01.disabled:focus,
.btn-banner01[disabled]:focus,
fieldset[disabled] .btn-banner01:focus,
.btn-banner01.disabled.focus,
.btn-banner01[disabled].focus,
fieldset[disabled] .btn-banner01.focus {
  color: #005599;
  background-color: #e0ebf4;
  border-color: #61a9e2;
}
.btn-banner01:active,
.btn-banner01.active,
.open > .dropdown-toggle.btn-banner01 {
  background-image: none;
}
.btn-banner01 .badge {
  color: #005599;
  background-color: #ffffff;
}
/* --------------------------------------------------
 Btn　btn-banner02
-------------------------------------------------- */
.btn-banner02 {
  color: #286230 !important;
  background-color: #ffffff;
  border-color: #47ba60;
}
.btn-banner02 a{
  color: #47ba60 !important;
}
.btn-banner02:focus,
.btn-banner02.focus,
.btn-banner02:hover,
.btn-banner02:active,
.btn-banner02.active,
.open > .dropdown-toggle.btn-banner02,
.btn-banner02:active:hover,
.btn-banner02.active:hover,
.open > .dropdown-toggle.btn-banner02:hover,
.btn-banner02:active:focus,
.btn-banner02.active:focus,
.open > .dropdown-toggle.btn-banner02:focus,
.btn-banner02:active.focus,
.btn-banner02.active.focus,
.open > .dropdown-toggle.btn-banner02.focus,
.btn-banner02.disabled:hover,
.btn-banner02[disabled]:hover,
fieldset[disabled] .btn-banner02:hover,
.btn-banner02.disabled:focus,
.btn-banner02[disabled]:focus,
fieldset[disabled] .btn-banner02:focus,
.btn-banner02.disabled.focus,
.btn-banner02[disabled].focus,
fieldset[disabled] .btn-banner02.focus {
  background-color: #e1f2e5;
  border-color: #56c56e;
}
.btn-banner02:active,
.btn-banner02.active,
.open > .dropdown-toggle.btn-banner02 {
  background-image: none;
}
.btn-banner02 .badge {
  color: #47ba60;
  background-color: #ffffff;
}
/* --------------------------------------------------
 Btn　btn-inst
-------------------------------------------------- */
.btn-inst {
  color: #fff !important;
  background-color: #fa7a00;
  border-color: #f06600;
}
.btn-inst img{
  margin:5px 0;
}
.btn-inst a{
  color:#fff;
}
.btn-inst.focus,
.btn-inst:hover,
.btn-inst:active,
.btn-inst.active,
.open > .dropdown-toggle.btn-inst,
.btn-inst:active:hover,
.btn-inst.active:hover,
.open > .dropdown-toggle.btn-inst:hover,
.btn-inst:active:focus,
.btn-inst.active:focus,
.open > .dropdown-toggle.btn-inst:focus,
.btn-inst:active.focus,
.btn-inst.active.focus,
.open > .dropdown-toggle.btn-inst.focus,
.btn-inst.disabled:hover,
.btn-inst[disabled]:hover,
fieldset[disabled] .btn-inst:hover,
.btn-inst.disabled:focus,
.btn-inst[disabled]:focus,
fieldset[disabled] .btn-inst:focus,
.btn-inst.disabled.focus,
.btn-inst[disabled].focus,
fieldset[disabled] .btn-inst.focus {
  color: #fff;
  background-color: #fb9433;
  border-color: #fa7a00;
}
.btn-inst:active,
.btn-inst.active,
.open > .dropdown-toggle.btn-inst {
  background-image: none;
}
.btn-inst .badge {
  color: #fff;
  background-color: #707070;
}
/* --------------------------------------------------
 H
-------------------------------------------------- */
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6{
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
.container h2{
  color: #005599;
  border-left: #005599 6px solid;
  padding: 0 0 0 0.5em;
  margin: 0 0 30px 0;
}
.container h3{
  color: #005599;
  background-color: #d3e6f5;
  padding:15px;
  margin: 0 0 30px 0;
}
.container h4{
  color: #005599;
  border-bottom: #005599 1px solid;
  padding: 0 0 10px 0.2em;
  margin: 20px 0;
  font-size: 1.3rem;
}
/* --------------------------------------------------
 Headr
-------------------------------------------------- */
header{
  background-color: #fcfcfc;
}
header h1 {
  font-weight:normal;
  font-size: 2.4rem	
}
@media (min-width: 768px){
  header a {
    display: block;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size:100px auto;
    padding: 25px 20px 20px 110px;
  }
}

header h1 span{
  display: block;
  font-size: 0.9rem;
  margin: 0 0 10px 0;
}
@media (max-width: 374px) {
  header h1 span {
    margin: 0 0 5px 0;
    font-size: 0.7rem;
  }
}
header h1 a:link {
  color: #333;
  text-decoration: none;
}
header h1 a:visited {
  color: #333;
}
header h1 a:hover,
header h1 a:active {
  color: #333;
  text-decoration: none;
}
@media (max-width: 767px) {
  header {
    border-bottom:#e7e7e7 1px solid;
    box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
    -moz-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
    -webkit-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  }
}
/* --------------------------------------------------
 navbar
-------------------------------------------------- */
/* --- navbar-toggle --- */
.navbar-toggle {
  position: relative;
  float: right;
  background-color:#005599;
  background-image: none;
  border: 1px solid #005599;
  border-radius: 3px;
  margin: 2.3em 10px 0 0;
  padding:12px 10px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
/* --- navbar-default --- */
.navbar-default {
  background-color: #fff;
  border: none;
}
/* --- navbar --- */
.navbar {
  position: relative;
  min-height: 0;
  margin-bottom: 50px;
  border-left:none;
  border-right:none;
  border-top:#e7e7e7 1px solid;
  border-bottom:#e7e7e7 1px solid;
  border-radius:0;
  box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  -moz-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  -webkit-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
}
@media (max-width: 767px) {
  .navbar {
    min-height: 0;
    margin-bottom: 50px;
    border: none;
  }
}
/* --- navbar-nav --- */
.navbar-nav {
  margin: 0;
}
.navbar-nav li {
  border-right: #e7e7e7 1px solid;
}
.navbar-nav li:first-child {
  border-left: #e7e7e7 1px solid;
}
.navbar-nav > li > a {
  padding: 22px 35px;
  line-height: 20px;
  color:#333 !important;
  margin:0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff !important;
  background-color: #005599;
}
@media (max-width: 991px) {
  .navbar-nav > li > a {
    padding: 22px 13px;
    line-height: 20px;
    color:#333 !important;
    margin:0;
  }
}
@media (max-width: 767px) {
  .navbar-nav {
    margin: 0  -15px;
  }
  .navbar-nav > li > a {
    padding: 16px 20px;
    margin:0;
    color:#333 !important;
    background-color: #f7f7f7 !important;
    border-bottom:#e7e7e7 1px solid;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #005599 !important;
    background:none;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #005599 !important;
    background:none;
    border-bottom:#e7e7e7 1px solid;
  }
}
/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer {
  background-color: #005599;
  color: #fff;
}
#footer-nav{
  padding: 30px 0;
}
#footer-nav ul li{
  font-size: 0.8rem;
  margin: 0 0 5px 0;
}
#footer-nav ul li.ttl{
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#footer-nav a:link{
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_arw_wh.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:4px auto;
  color:#fff;
  padding: 0 0 0 1em;
}
#footer-nav a:hover,
#footer-nav a:visited{
  color:#fff;
}
#copyright{
  color:#fff;
  font-size: 0.8rem;
  text-align:center;
  background-color: #00447a;
}
#copyright p{
  padding: 10px;
}
@media (max-width: 767px) {
  #footer .container{
    padding: 0;
  }
  #footer-nav{
    padding: 0;
  }
  #footer-nav ul li{
    font-size: 1rem;
    border-bottom: #00447a 1px solid;
    margin: 0;
  }
  #footer-nav ul li.ttl{
    display: none;
  }
  #footer-nav a:link{
    background-image:none;
    color:#fff;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
  }
  #footer-nav a:visited{
    color:#fff;
    text-decoration: none;
  }
  #footer-nav a:hover{
    color:#fff;
    text-decoration: none;
    background-color: #0071cb;
  }
}
/* --------------------------------------------------
 Top maintenance information
-------------------------------------------------- */
#maintenance,
#information{
  background-color:#fff;
  border:#E7E7E7 1px solid;
  width:100%;
  margin:0 0 30px 0;
}
#maintenance ul,
#information ul{
  margin:20px;
}
#maintenance li,
#information li{
  margin:0 0 5px 0;
  padding:10px 0;
  border-bottom:#ccc 1px dotted;
  line-height:160%;
}
/* --------------------------------------------------
 Top banner
-------------------------------------------------- */
.top_bnr{
  margin:0 0 20px 0;
}
.top_bnr .btn{
  padding:16px 12px;
  font-size: 1.6rem;
}
/* --------------------------------------------------
 Side
-------------------------------------------------- */
.renrakucho h3{
  margin:0 0 15px 0;
  border-bottom:#cdcdcd 1px solid;
  font-size: 1.3rem;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:50px auto;
  background-color: transparent;
  padding: 15px 0 15px 60px;
  color: #333;
}
.renrakucho .btn img{
  width: 5%;
  height: auto;
  margin: 0 0 0 7px;
  vertical-align: 0%;
}
.shisetsukanri{
  background: #fefff5;
  padding: 15px;
  margin: 30px 0;
  border: #e7e7e7 1px solid;	
}
.shisetsukanri h3{
  font-size: 1rem;
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: #e7e7e7 1px solid;
  background-color: transparent;
}
.shisetsukanri ul {
  padding: 0;
  margin: 10px 0 0 0;
}
.shisetsukanri li {
  padding: 0 0 0 10px;
  margin: 0;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_arw.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:4px auto;
}
.shisetsukanri li img{
  width: 5%;
  height: auto;
  margin: 0 0 0 7px;
  vertical-align: 0%;
}
@media (max-width: 767px) {
  .renrakucho .btn img,
  .shisetsukanri li img{
    width: 2%;
  }
}
/* --------------------------------------------------
 Contact Form
-------------------------------------------------- */
form label{
  font-weight:normal;
  margin: 0 0 5px 0;
}
input,
textarea{
  border: #ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;	
  -moz-box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 1px 3px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.5);
  margin: 0 0 30px 0 !important;
}
input:focus {
  border:solid 1px #d3e6f5;
}
#mail-form-footer{
  text-align: center;	
}
#mail-form-footer .button{
  padding:5px 30px;
  background-color:#005599;
  border: #005599 1px solid;
  color: #fff;
}
#mail-form-footer .button:hover{
  background-color:#0063b2;
}
.comments-open-content p{
  margin: 0 0 5px 0;
}
.comments-open-content blockquote p{
  font-size:1rem;
  color:#ff0000;
  margin: 0 0 40px 0;
  line-height: 160%;
}
/* --------------------------------------------------
 Table
-------------------------------------------------- */
.tbl table{
  border-top:#ccc 1px solid;
  border-left:#ccc 1px solid;
  background-color: #fff;
}
.tbl table th,
.tbl table td{
  border-bottom:#ccc 1px solid;
  border-right:#ccc 1px solid;
}
.tbl table th{
  font-weight: normal;
  text-align: center;
  background-color: #ffffe1;
  padding: 8px 10px;
}
.tbl table td{
  padding: 7px 10px;
}
.tbl table th.name{
  width:43%;
}
.tbl table th.add{
  width:40%;
}
.tbl table th.tel{
  width:17%;
}
.img_main {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px){
  .img_main {
    width:100%;
  }
}
.img_main_div{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .img_main_div{
    width:100%;
  }
}

@media (max-width: 991px) {
  html,body {
    word-wrap : break-word;
    overflow-wrap : break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width:100%;
    overflow-x: hidden;
  }
}

.width-90percent{
  width : 90%;
}
/* --------------------------------------------------
 SP title
-------------------------------------------------- */
#ttlrow {
  font-size: 2.4rem;
}

@media (max-width: 767px){
  #ttlrow {
	font-size: 1.6rem;
  }

  header a {
    display: block;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px auto;
    padding: 25px 10px 10px 70px;
  }

 .col-xs-11 {
    width: 83%;
  }
}

/* PC マニュアル*/
.cert-img img {
  width:85%;
  height:aout;
}

/* SP マニュアル*/
@media (max-width: 767px) {
  .cert-img img {
     width:100%;
     height:aout;
  }
}

.col-xs-11 {
  padding-right: 0px;
}
/* --------------------------------------------------
 Resetting default margin and padding
-------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,input,fieldset,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,hr,small,strong,i,b,mark,ruby,rt,rp,bdo{
  margin:0;
  padding:0;
}
/* --------------------------------------------------
 Float Clearing
-------------------------------------------------- */
.clearFix { zoom: 1; }/* for IE 5.5-7 \*/
.clearFix:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;  
}
/* --------------------------------------------------
 Float
-------------------------------------------------- */
.f_l{float:left;}
.f_r{float:right;}
.f_n{float:none;}
/* --------------------------------------------------
 HTML, Body,Tags
-------------------------------------------------- */
body,html {
  font-weight:normal;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  color:#333;
  background:none !important;
  line-height:170%;
  font-size: 16px;
  font-size: 1rem;
}
ul,li{list-style:none;}
dt{font-weight:normal;}
/* --------------------------------------------------
 Default css
-------------------------------------------------- */
@media (max-width: 767px) {
  .col-sm-3 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 0;
  }
}


/* posts */
#posts {
  padding-bottom: 2em;
  margin-bottom: 2em;
}
#posts h2 {
  margin-bottom: 1em;
}

/* entry, page */
.entry {
  margin-bottom: 3em;
}
.entry p, .page p {
  margin: 1em 0;
}
.entry h2 + footer ul,
.page h2 + footer ul,
section h2 + footer ul {
  margin-top: 0.809em;
  padding: 0;
}
.entry h2 + footer ul li,
.page h2 + footer ul li,
section h2 + footer ul li {
  display: inline;
}
.entry-more-link {
  margin-top: 1.5em;
}
.entry-more-link a:after {
  content: '\00BB';
}

/* comment */
#comment-preview-main form {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #cccccc;
}
.comment {
  border-bottom: 1px dotted #dcdddd;
  margin-bottom: 0.809em;
}
.comment header h3 {
  display: inline;
  margin: 0;
  font-size: 110%;
}
article.comment header {
  margin-bottom: 1em;
}
.comment .reply {
  text-align: right;
}
#comments-form {
  margin-top: 3.2em;
}
#comment-greeting {
  margin-top: 3em;
}
.message {
  padding: 0.8em;
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #2b2b2b;
}
#comments-open-text textarea {
  width: 100%;
  height: 13em;
}
.text {
  width: 75%;
  outline: 0;
  border: 1px solid #c0c6c9;
  line-height: 1.3;
  background-color: white;
  color: black;
}
#comments-open-captcha {
  margin: 1.6em 0;
}

/* cover image */

/* nav */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin-top: 1.5em;
}
/* pagination */
.pagination {
  display: block;
  border-top: 1px solid #cccccc;
  text-align: center;
  margin: 1.5em 0;
}
.pagination ul {
  margin-left: auto;
  margin-right: auto;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  padding: 0 10px;
  text-decoration: none;
}
.pagination li a[rel="prev"]:before {
  content: '\00AB';
  margin-right: 0.3em;
}
.pagination li a[rel="next"]:after {
  content: '\00BB';
  margin-left: 0.3em;
}
/* --------------------------------------------------
 Anchor
-------------------------------------------------- */
a:link {
  color: #013265;
  text-decoration: none;
}
a:visited {
  color: #013265;
}
a:hover,
a:active {
  color: #013265;
  text-decoration: underline;
}
a,
a:focus { /* FireFox リンク選択時の点線を消す　*/
  overflow: hidden;
  outline: none;
}
/* --------------------------------------------------
 Margin
-------------------------------------------------- */
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}
/* --------------------------------------------------
 Padding
-------------------------------------------------- */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}
/* --------------------------------------------------
 Text
-------------------------------------------------- */
.t_red{ color:#ff0000 !important;} 
.t_bld{ font-weight:bold !important;}
/* --------------------------------------------------
 Indent
-------------------------------------------------- */
.indent{ padding:0 0 0 1em;}
/* --------------------------------------------------
 Text align
-------------------------------------------------- */
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}
/* --------------------------------------------------
 Section
-------------------------------------------------- */
section{
  margin:0 0 60px 0;
}
@media (max-width: 991px) {
  section img{
    width:100%;
    height: auto;
  }
}
/* --------------------------------------------------
 Widget
-------------------------------------------------- */
.widget {
  margin-bottom: 2em;
  font-size: 0.9rem;
  line-height: 160%;
}
.widget ul, .widget ol {
  margin: 0;
  padding-left:0;
}
.widget ul li {
  margin-bottom: 0.3em;
}
nav.widget ul, nav.widget ol {
  list-style-type: disc;
}
.widget.widget-tag-cloud ul {
  padding: 0;
}
.widget.widget-tag-cloud ul li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}
.widget.widget-tag-cloud ul li.rank-1 {
  font-size: 1.8em;
}
.widget.widget-tag-cloud ul li.rank-2 {
  font-size: 1.5em;
}
.widget.widget-tag-cloud ul li.rank-3 {
  font-size: 1.3em;
}
.widget.widget-tag-cloud ul li.rank-4 {
  font-size: 1em;
}
.widget.widget-tag-cloud ul li.rank-5 {
  font-size: 0.9em;
}
.widget.widget-tag-cloud ul li.rank-6 {
  font-size: 0.85em;
}
.widget.widget-tag-cloud ul li.rank-7 {
  font-size: 0.7em;
}
.search-text {
  max-width: 100%;
}
/* --------------------------------------------------
 Btn
-------------------------------------------------- */
.btn {
  display: inline-block;
  padding: 8px 5px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .btn {
  	font-size: 0.8rem;
  }
}
@media (min-width: 992px) {
  .btn {
  	font-size: 1rem;
  }
}
/* --------------------------------------------------
 Btn　map
-------------------------------------------------- */
.btn-map {
  color: #333 !important;
  background-color: #fff;
  border-color: #013265;
  margin: 0 0 10px 0;
  text-align: left;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_map.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  padding: 20px 10px;
  line-height: 190%;
}
.btn-map span{
  display:block;
  font-size:1.8rem;
}
.btn-map a{
  color:#007456;
}
.btn-map.focus,
.btn-map:hover,
.btn-map:active,
.btn-map.active,
.open > .dropdown-toggle.btn-map,
.btn-map:active:hover,
.btn-map.active:hover,
.open > .dropdown-toggle.btn-map:hover,
.btn-map:active:focus,
.btn-map.active:focus,
.open > .dropdown-toggle.btn-map:focus,
.btn-map:active.focus,
.btn-map.active.focus,
.open > .dropdown-toggle.btn-map.focus,
.btn-map.disabled:hover,
.btn-map[disabled]:hover,
fieldset[disabled] .btn-map:hover,
.btn-map.disabled:focus,
.btn-map[disabled]:focus,
fieldset[disabled] .btn-map:focus,
.btn-map.disabled.focus,
.btn-map[disabled].focus,
fieldset[disabled] .btn-map.focus {
  color: #333;
  background-color: #e0ebf4;
  border-color: #013265;
}
.btn-map:active,
.btn-map.active,
.open > .dropdown-toggle.btn-map {
  background-image: none;
}
.btn-map .badge {
  color: #333;
  background-color: #d1eefd;
}
@media (max-width: 991px) {
  .btn-map {
    background-image: none;
    padding: 10px 10px;
    line-height: 190%;
  }
  .btn-map span{
	display:block;
	font-size:1rem;
  }
  .btn-map span br{
    display: none;
  }
}
@media (max-width: 767px) {
  .btn-map {
    padding-left:20px;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_map.png);
    background-size:auto 60%;
    background-position: 50% center;
  }
}
/* --------------------------------------------------
 Btn　btn-default
-------------------------------------------------- */
.btn-default {
  color: #fff !important;
  background-color: #707070;
  border-color: #707070;
}
.btn-default a{
  color:#fff;
}
.btn-default.focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #7c7c7c;
  border-color: #7c7c7c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #7c7c7c;
}
.btn-default .badge {
  color: #fff;
  background-color: #707070;
}
/* --------------------------------------------------
 Btn　btn-primary
-------------------------------------------------- */
.btn-primary {
  color: #fff !important;
  background-color: #013265;
  border-color: #013265;
}
.btn-primary a{
  color:#fff;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #326697;
  border-color: #326697;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary .badge {
  color: #fff;
  background-color: #013265;
}
/* --------------------------------------------------
 Btn　btn-secondary
-------------------------------------------------- */
.btn-secondary {
  color: #013265 !important;
  background-color: #fff;
  border-color: #013265;
}
.btn-secondary a{
  color:#013265;
}
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  color: #013265;
  background-color: #ecf3f9;
  border-color: #013265;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary .badge {
  color: #013265;
  background-color: #ecf3f9;
}
/* --------------------------------------------------
 Btn　btn-banner01
-------------------------------------------------- */
.btn-banner01 {
  color: #013265 !important;
  background-color: #ffffff;
  border: #61a9e2 1px solid;
}
.btn-banner01 a{
  color: #013265 !important;
}
.btn-banner01:focus,
.btn-banner01.focus,
.btn-banner01:hover,
.btn-banner01:active,
.btn-banner01.active,
.open > .dropdown-toggle.btn-banner01,
.btn-banner01:active:hover,
.btn-banner01.active:hover,
.open > .dropdown-toggle.btn-banner01:hover,
.btn-banner01:active:focus,
.btn-banner01.active:focus,
.open > .dropdown-toggle.btn-banner01:focus,
.btn-banner01:active.focus,
.btn-banner01.active.focus,
.open > .dropdown-toggle.btn-banner01.focus,
.btn-banner01.disabled:hover,
.btn-banner01[disabled]:hover,
fieldset[disabled] .btn-banner01:hover,
.btn-banner01.disabled:focus,
.btn-banner01[disabled]:focus,
fieldset[disabled] .btn-banner01:focus,
.btn-banner01.disabled.focus,
.btn-banner01[disabled].focus,
fieldset[disabled] .btn-banner01.focus {
  color: #013265;
  background-color: #e0ebf4;
  border-color: #61a9e2;
}
.btn-banner01:active,
.btn-banner01.active,
.open > .dropdown-toggle.btn-banner01 {
  background-image: none;
}
.btn-banner01 .badge {
  color: #013265;
  background-color: #ffffff;
}
/* --------------------------------------------------
 Btn　btn-banner02
-------------------------------------------------- */
.btn-banner02 {
  color: #286230 !important;
  background-color: #ffffff;
  border-color: #47ba60;
}
.btn-banner02 a{
  color: #47ba60 !important;
}
.btn-banner02:focus,
.btn-banner02.focus,
.btn-banner02:hover,
.btn-banner02:active,
.btn-banner02.active,
.open > .dropdown-toggle.btn-banner02,
.btn-banner02:active:hover,
.btn-banner02.active:hover,
.open > .dropdown-toggle.btn-banner02:hover,
.btn-banner02:active:focus,
.btn-banner02.active:focus,
.open > .dropdown-toggle.btn-banner02:focus,
.btn-banner02:active.focus,
.btn-banner02.active.focus,
.open > .dropdown-toggle.btn-banner02.focus,
.btn-banner02.disabled:hover,
.btn-banner02[disabled]:hover,
fieldset[disabled] .btn-banner02:hover,
.btn-banner02.disabled:focus,
.btn-banner02[disabled]:focus,
fieldset[disabled] .btn-banner02:focus,
.btn-banner02.disabled.focus,
.btn-banner02[disabled].focus,
fieldset[disabled] .btn-banner02.focus {
  background-color: #e1f2e5;
  border-color: #56c56e;
}
.btn-banner02:active,
.btn-banner02.active,
.open > .dropdown-toggle.btn-banner02 {
  background-image: none;
}
.btn-banner02 .badge {
  color: #47ba60;
  background-color: #ffffff;
}
/* --------------------------------------------------
 Btn　btn-inst
-------------------------------------------------- */
.btn-inst {
  color: #fff !important;
  background-color: #fa7a00;
  border-color: #f06600;
}
.btn-inst img{
  margin:5px 0;
}
.btn-inst a{
  color:#fff;
}
.btn-inst.focus,
.btn-inst:hover,
.btn-inst:active,
.btn-inst.active,
.open > .dropdown-toggle.btn-inst,
.btn-inst:active:hover,
.btn-inst.active:hover,
.open > .dropdown-toggle.btn-inst:hover,
.btn-inst:active:focus,
.btn-inst.active:focus,
.open > .dropdown-toggle.btn-inst:focus,
.btn-inst:active.focus,
.btn-inst.active.focus,
.open > .dropdown-toggle.btn-inst.focus,
.btn-inst.disabled:hover,
.btn-inst[disabled]:hover,
fieldset[disabled] .btn-inst:hover,
.btn-inst.disabled:focus,
.btn-inst[disabled]:focus,
fieldset[disabled] .btn-inst:focus,
.btn-inst.disabled.focus,
.btn-inst[disabled].focus,
fieldset[disabled] .btn-inst.focus {
  color: #fff;
  background-color: #fb9433;
  border-color: #fa7a00;
}
.btn-inst:active,
.btn-inst.active,
.open > .dropdown-toggle.btn-inst {
  background-image: none;
}
.btn-inst .badge {
  color: #fff;
  background-color: #707070;
}
/* --------------------------------------------------
 H
-------------------------------------------------- */
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6{
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}
.container h2{
  color: #013265;
  border-left: #013265 6px solid;
  padding: 0 0 0 0.5em;
  margin: 0 0 30px 0;
}
.container h3{
  color: #013265;
  background-color: #d3e6f5;
  padding:15px;
  margin: 0 0 30px 0;
}
.container h4{
  color: #013265;
  border-bottom: #013265 1px solid;
  padding: 0 0 10px 0.2em;
  margin: 20px 0;
  font-size: 1.3rem;
}
/* --------------------------------------------------
 Headr
-------------------------------------------------- */
header{
  background-color: #CEDBE6;
}
header h1 {
  font-weight:normal;
  font-size: 2.4rem	
}
@media (min-width: 768px){
  header a {
    display: block;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size:100px auto;
    padding: 25px 20px 20px 110px;
  }
}

header h1 span{
  display: block;
  font-size: 0.9rem;
  margin: 0 0 10px 0;
}
@media (max-width: 374px) {
  header h1 span {
    margin: 0 0 5px 0;
    font-size: 0.7rem;
  }
}
header h1 a:link {
  color: #333;
  text-decoration: none;
}
header h1 a:visited {
  color: #333;
}
header h1 a:hover,
header h1 a:active {
  color: #333;
  text-decoration: none;
}
@media (max-width: 767px) {
  header {
    border-bottom:#e7e7e7 1px solid;
    box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
    -moz-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
    -webkit-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  }
}
/* --------------------------------------------------
 navbar
-------------------------------------------------- */
/* --- navbar-toggle --- */
.navbar-toggle {
  position: relative;
  float: right;
  background-color:#013265;
  background-image: none;
  border: 1px solid #013265;
  border-radius: 3px;
  margin: 2.3em 10px 0 0;
  padding:12px 10px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
/* --- navbar-default --- */
.navbar-default {
  background-color: #fff;
  border: none;
}
/* --- navbar --- */
.navbar {
  position: relative;
  min-height: 0;
  margin-bottom: 50px;
  border-left:none;
  border-right:none;
  border-top:#e7e7e7 1px solid;
  background-color:#6593B9;
  border-bottom:#e7e7e7 1px solid;
  border-radius:0;
  box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  -moz-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
  -webkit-box-shadow: 0px 0px 0px #fff,0px 0px 0px #fff,0px 1px 3px #dfdfdf,0px 0px 0px #fff;
}
@media (max-width: 767px) {
  .navbar {
    min-height: 0;
    margin-bottom: 50px;
    border: none;
  }
}
/* --- navbar-nav --- */
.navbar-nav {
  margin: 0;
}
.navbar-nav li {
  border-right: #e7e7e7 1px solid;
}
.navbar-nav li:first-child {
  border-left: #e7e7e7 1px solid;
}
.navbar-nav > li > a {
  padding: 22px 30px;
  line-height: 20px;
  color:#333 !important;
  margin:0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color:#fff !important;
  background-color:#013265 !important;
}
@media (max-width: 991px) {
  .navbar-nav > li > a {
    padding: 22px 13px;
    line-height: 20px;
    color:#333 !important;
    margin:0;
  }
}
@media (max-width: 767px) {
  .navbar-nav {
    margin: 0  -15px;
  }
  .navbar-nav > li > a {
    padding: 16px 20px;
    margin:0;
    color:#333 !important;
    background-color: #f7f7f7 !important;
    border-bottom:#e7e7e7 1px solid;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #013265 !important;
    background:none;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: #013265 !important;
    background:none;
    border-bottom:#e7e7e7 1px solid;
  }
}

/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer {
  background-color: #013265;
  color: #fff;
}
#footer-nav{
  padding: 30px 0;
}
#footer-nav ul li{
  font-size: 0.8rem;
  margin: 0 0 5px 0;
}
#footer-nav ul li.ttl{
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#footer-nav a:link{
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_arw_wh.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:4px auto;
  color:#fff;
  padding: 0 0 0 1em;
}
#footer-nav a:hover,
#footer-nav a:visited{
  color:#fff;
}
#copyright{
  color:#fff;
  font-size: 0.8rem;
  text-align:center;
  background-color: #326697;
}
#copyright p{
  padding: 10px;
}
@media (max-width: 767px) {
  #footer .container{
    padding: 0;
  }
  #footer-nav{
    padding: 0;
  }
  #footer-nav ul li{
    font-size: 1rem;
    border-bottom: #FFF 1px solid;
    margin: 0;
  }
  #footer-nav ul li.ttl{
    display: none;
  }
  #footer-nav a:link{
    background-image:none;
    color:#fff;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
  }
  #footer-nav a:visited{
    color:#fff;
    text-decoration: none;
  }
  #footer-nav a:hover{
    color:#fff;
    text-decoration: none;
    background-color: #326697;
  }
}
/* --------------------------------------------------
 Top maintenance information
-------------------------------------------------- */
@media (max-width: 767px) {
#maintenance,
#information{
  background-color: #F4F4F4;
  border:none !important;
  width:100%;
  margin:0 0 30px 0;
}
#maintenance ul,
#information ul{
  margin:20px;
}
#maintenance li,
#information li{
  margin:0 0 5px 0;
  padding:10px 0;
  background-color: #F4F4F4;
  border-bottom: #F4F4F4 1px;
  line-height:160%;
}
}
/* --------------------------------------------------
 Top banner
-------------------------------------------------- */
.top_bnr{
  margin:0 0 20px 0;
}
.top_bnr .btn{
  padding:16px 12px;
  font-size: 1.6rem;
}
/* --------------------------------------------------
 Side
-------------------------------------------------- */
.renrakucho h3{
  margin:0 0 15px 0;
  border-bottom:#cdcdcd 1px solid;
  font-size: 1.3rem;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:50px auto;
  background-color: transparent;
  padding: 15px 0 15px 60px;
  color: #333;
}
.renrakucho .btn img{
  width: 5%;
  height: auto;
  margin: 0 0 0 7px;
  vertical-align: 0%;
}
.shisetsukanri{
  background: #fefff5;
  padding: 15px;
  margin: 30px 0;
  border: #e7e7e7 1px solid;	
}
.shisetsukanri h3{
  font-size: 1rem;
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: #e7e7e7 1px solid;
  background-color: transparent;
}
.shisetsukanri ul {
  padding: 0;
  margin: 10px 0 0 0;
}
.shisetsukanri li {
  padding: 0 0 0 10px;
  margin: 0;
  background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_arw.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size:4px auto;
}
.shisetsukanri li img{
  width: 5%;
  height: auto;
  margin: 0 0 0 7px;
  vertical-align: 0%;
}
@media (max-width: 767px) {
  .renrakucho .btn img,
  .shisetsukanri li img{
    width: 2%;
  }
}
/* --------------------------------------------------
 Contact Form
-------------------------------------------------- */
form label{
  font-weight:normal;
  margin: 0 0 5px 0;
}
input,
textarea{
  border: #ccc 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;	
  -moz-box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 1px 3px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.5);
  margin: 0 0 30px 0 !important;
}
input:focus {
  border:solid 1px #d3e6f5;
}
#mail-form-footer{
  text-align: center;	
}
#mail-form-footer .button{
  padding:5px 30px;
  background-color:#013265;
  border: #013265 1px solid;
  color: #fff;
}
#mail-form-footer .button:hover{
  background-color:#326697;
}
.comments-open-content p{
  margin: 0 0 5px 0;
}
.comments-open-content blockquote p{
  font-size:1rem;
  color:#ff0000;
  margin: 0 0 40px 0;
  line-height: 160%;
}
/* --------------------------------------------------
 Table
-------------------------------------------------- */
.tbl table{
  border-top:#ccc 1px solid;
  border-left:#ccc 1px solid;
  background-color: #fff;
}
.tbl table th,
.tbl table td{
  border-bottom:#ccc 1px solid;
  border-right:#ccc 1px solid;
}
.tbl table th{
  font-weight: normal;
  text-align: center;
  background-color: #ffffe1;
  padding: 8px 10px;
}
.tbl table td{
  padding: 7px 10px;
}
.tbl table th.name{
  width:43%;
}
.tbl table th.add{
  width:40%;
}
.tbl table th.tel{
  width:17%;
}
.img_main {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px){
  .img_main {
    width:100%;
  }
}
.img_main_div{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .img_main_div{
    width:100%;
  }
}

@media (max-width: 991px) {
  html,body {
    word-wrap : break-word;
    overflow-wrap : break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    width:100%;
    overflow-x: hidden;
  }
}

.width-90percent{
  width : 90%;
}
/* --------------------------------------------------
 SP title
-------------------------------------------------- */
#ttlrow {
  font-size: 2.4rem;
}

@media (max-width: 767px){
  #ttlrow {
	font-size: 1.6rem;
  }

  header a {
    display: block;
    background-image:url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px auto;
    padding: 25px 10px 10px 70px;
  }

 .col-xs-11 {
    width: 83%;
  }
}

/* PC マニュアル*/
.cert-img img {
  width:85%;
  height:aout;
}

/* SP マニュアル*/
@media (max-width: 767px) {
  .cert-img img {
     width:100%;
     height:aout;
  }
}

.col-xs-11 {
  padding-right: 0px;
}

/* サイドナビゲーション*/
/* --------------------------------------------------
 IcoMoon設定（Webフォント化の設定）
-------------------------------------------------- */
@font-face {
  font-family: 'icons';
  src:  url('fonts/icons.eot?789ffr');
  src:  url('fonts/icons.eot?789ffr#iefix') format('embedded-opentype'),
    url('fonts/icons.ttf?789ffr') format('truetype'),
    url('fonts/icons.woff?789ffr') format('woff'),
    url('fonts/icons.svg?789ffr#icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-recruit-info:before {
  content: "\e900";
}
.icon-recruit-info-outline:before {
  content: "\e901";
}
.icon-column:before {
  content: "\e902";
}
.icon-column-outline:before {
  content: "\e903";
}

/* --------------------------------------------------
 Btn　btn-login
-------------------------------------------------- */
.btn-login {
  display: flex;
  justify-content: center;
  border-radius: 25px;
  font-weight: bold;
}

.btn-login .icon {
  font-size: 1.6em;
  width: 18px;
}

.btn-login > span {
  line-height: 25px;
  margin: 0 5px;
}

.btn-login > span:last-child {
  width: 18px;
}

/* --------------------------------------------------
 Btn　btn-facilityApply
-------------------------------------------------- */
.btn-facilityApply {
  display: flex;
  justify-content: center;
  background-color: #013265;
  color: #fff !important;
  font-weight: bold;
}

.btn-facilityApply .icon {
  width: 19px;
}

.btn-facilityApply > span {
  line-height: 25px;
}

.btn-facilityApply > span:first-child {
  margin: 0 5px;
}

.btn-facilityApply > span:last-child {
  width: 19px;
  margin: 0 5px;
}

.btn-facilityApply:hover,
.btn-facilityApply:focus {
  background-color: #326697;
}

/* --------------------------------------------------
 Side
-------------------------------------------------- */
.renrakucho_beforeUse,
.shisetsukanri {
  padding: 15px;
  margin: 30px 0;
  background: #F4F4F4;
  border:none;		
}

.renrakucho_beforeUse h3,
.shisetsukanri h3 {
  color: #333;
  font-weight: bold;
  font-size: 1rem;
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: #CEDBE6 1px solid;
  background-color: transparent;
}

.renrakucho_beforeUse ul {
  padding: 0;
  margin: 10px 0 0 0;
}

.renrakucho_beforeUse li,
.shisetsukanri li {
  padding: 0 0 0 20px;
  margin: 0;
  background-image: url(https://ptl.iij-renrakucho.jp/kanuma/assets/files/icon_arw.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 4px auto;
}

/* --------------------------------------------------
SP H
-------------------------------------------------- */
@media (max-width: 767px) {
.container h2{
  color: #013265;
  border-left: #013265 6px solid;
  padding: 0 0 0 0.5em;
  margin: 0 0 30px 0;
  font-size: 24px;
}
}