@charset "utf-8";
/* CSS Document */

.mx50{margin-left: 50px;
      margin-right: 50px;
      text-align: left;}
.my-20{margin: 20px 0 20px 0;}
.my-30{margin: 30px 0 30px 0;}
.mb30{margin-bottom: 30px;}


/* header */
  .navbar-brand img {
    height: 3rem;
  }
.nlogo{width: 500px;
       height: 200px;}

.bnr_cmt{font-size: 2rem;}



/* top */

.list-group-item-dark {
  color: #141619;
  background-color: #272727;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #F4F704;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #000;
}

.top-sup {
  background-size: auto auto;
background-color: rgba(231, 231, 231, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(248, 255, 3, 1) 40px, rgba(248, 255, 3, 1) 80px );
}


/* footer */

.foot_bg {
  background-color: #000000;
background-image: repeating-linear-gradient(90deg, transparent, transparent 30px, #2e2f2f 30px, #2e2f2f 60px);
}

.foot_bg a {
  color: #fff;
}

.foot_bg a:hover, .foot_bg a:focus {
  color: #F4F704;
}

.ribbon1 {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 1rem;
    background-color: #fff;
    color: #353535;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    width: 90%;
}

.ribbon1::before,
.ribbon1::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #fff transparent;
    border-style: solid;
    content: '';
}

.ribbon1::before {
    left: -15px;
    border-width: 15px 0px 15px 15px;
}

.ribbon1::after {
    right: -15px;
    border-width: 15px 15px 15px 0px;
}

.f_white{color: #BFBFBF;}

p.tel {
  font-size: 3rem;
  color: #fff;
  padding: 0 0 0 1rem;
  margin: 0;
}

.ttl01 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  background: #fff;
}
.ttl01:before, .ttl01:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
.ttl01:before {
  left: 7px;
}
.ttl01:after {
  right: 7px;
}


.bg-top {
  position: absolute;
  background: rgba(34, 34, 34, 0.8);
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}


/* pages */

.bnr_right{text-align: right;}
.bnr_left{text-align: left;}

.bnr_title{margin: 150px 20px 0 20px;
           color: #ffffff;
           font-size: 5rem;
           text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);
           font-weight: bold;}

.bnr_tx{margin: 20px 20px 150px 20px;
        color: #ffffff;
  font-size: 1.5rem;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);}

.page_module{
  position: relative;
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.lineup_bg {
  background-image: url("../images/network/bg01.png");
  background-position: 50% 50%;
}

.title_01{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 1.8rem;
  margin: 16px 0 15px;
  text-align: center;
  background-color: #002189;
background-image: repeating-linear-gradient(135deg, transparent, transparent 14px, #72098f 14px, #72098f 25px);
  padding: 10px;
  color: #fff;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);
}

.net-item-bg{background: url("../images/network/bg01.png");
             background-size: contain;}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.net-item {
  margin: 20px 0;
  text-align: left;
  background: #575fe5;
  padding: 20px 0;
  border: solid 15px #002189;
}

.item_txt{margin: 20px;
        color: #fff;}


/* system */


.sys_bg {
  background-image: url("../images/system/sys_bg01.png");
  background-position: 50% 50%;
}

.sys_title_01{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 1.8rem;
  margin: 16px 0 15px;
  text-align: center;
  background-color: #3a2bb3;
background-image: repeating-linear-gradient(45deg, transparent, transparent 11px, #2866b1 11px, #2866b1 16px);
  padding: 10px;
  color: #fff;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);
}

.sys-item-bg{background: url("../images/network/bg01.png");
             background-size: contain;}


.sys-item {
  margin: 20px 0;
  text-align: left;
  background: #00cc99;
  padding: 20px 0;
  border: solid 15px #3a2bb3;
}

.sys_txt{margin: 20px;
        color: #fff;}

@media screen and (max-width: 959px) {
    
.nlogo{width: 400px;}

.bnr_title{margin: 0px 20px 0 20px;
           color: #ffffff;
           font-size: 5rem;
           text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);
           font-weight: bold;}

.bnr_tx{margin: 20px 20px 0px 20px;
        color: #ffffff;
  font-size: 1rem;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);}
}



@media screen and (max-width: 480px) {
    
.nlogo{width:300px;}

 .bnr_title{margin: 0px 20px 0 20px;
           color: #ffffff;
           font-size: 5rem;
           text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);
           font-weight: bold;}

.bnr_tx{margin: 20px 20px 00px 20px;
        color: #ffffff;
  font-size: 1rem;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.62);}
}

@media (min-width: 768px) {
    
   
    
    
    
}