#network {
  width: 85.3%;
  margin-top: 10.8rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5.8rem;
  max-width: 1500px;
}
#network .page__ttle h2 {
  font-size: 2.6rem;
  font-weight: bold;
}
#network .page__ttle h2 span {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1.3rem;
}
#network .box {
  width: 100%;
  max-width: 48rem;
  text-align: center;
  background-color: #080865;
  color: #FFFFFF;
  margin-top: 2.7rem;
  margin-bottom: 1.3rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0.99rem;
  padding-bottom: 0.91rem;
  font-size: 1.2rem;
  line-height: 1.5;
}
#network .box span {
  font-size: 1.5rem;
  font-weight: bold;
}
#network img {
  display: block;
  width: 100%;
  height: calc(100vw * 0.39);
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 2.9rem;
}
#network p {
  font-size: 1.2rem;
  line-height: 2.5;
  margin-bottom: 0.78rem;
}
#network dt {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 1.07rem;
}
#network dd {
  font-size: 1.2rem;
  margin-top: 1.63rem;
  margin-bottom: 5.8rem;
}
#network hr {
  color: #707070;
}
#network .category__lists {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 0.8rem;
  margin-bottom: 2.6rem;
}
#network .category__lists li .button_category {
  display: block;
  width: 100%;
  max-width: 57.2rem;
  height: calc(100vw * 0.1);
  max-height: 7.5rem;
  text-align: center;
  text-decoration: none;
  padding-top: 0.6rem;
  padding-bottom: 1.4rem;
  color: #000000;
  font-size: 1.3rem;
  font-weight: bold;
  border: 1px solid #707070;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#network .category__lists li .button_category::after {
  content: "";
  font: var(--fa-font-solid);
  position: absolute;
  top: 70%;
  right: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.3rem;
}
#network .button_back {
  display: block;
  width: 100%;
  height: auto;
  max-width: 57.2rem;
  max-height: 7.5rem;
  text-align: center;
  padding-top: 3.1rem;
  padding-bottom: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  border: #170B71 solid 1px;
  background-color: #FFFFFF;
  color: #170C71;
  font-size: 1.3rem;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  z-index: 20;
  background-color: transparent;
}
#network .button_back:hover {
  background-color: #080865;
  color: #FFFFFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#network .button_back::after {
  content: "";
  font: var(--fa-font-solid);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  .category__lists {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
  }
}
@media screen and (min-width: 1025px) {
  #network {
    width: 85.7%;
    margin-top: 21.4rem;
    margin-bottom: 7.3rem;
    max-width: 1500px;
  }
  #network .page__ttle h2 {
    font-size: 3.9rem;
  }
  #network .page__ttle h2 span {
    font-size: 2.5rem;
    margin-top: 1.3rem;
  }
  #network .box {
    margin-top: 6.4rem;
    margin-bottom: 6.7rem;
    padding-top: 1.55rem;
    padding-bottom: 1.85rem;
    font-size: 1.3rem;
    line-height: 1.6;
  }
  #network .box span {
    font-size: 1.7rem;
  }
  #network .top__image {
    width: 100%;
    height: calc(100vw * 0.35);
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 11.8rem;
  }
  #network p {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.5rem;
    line-height: 2.8;
    margin-bottom: 7.65rem;
  }
  #network img {
    width: 65.3vw;
    height: calc(100vw * 0.28);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7.7rem;
  }
  #network dl {
    width: 79.1%;
    margin-right: auto;
    margin-left: auto;
  }
  #network dt {
    font-size: 1.7rem;
    margin-bottom: 0.97rem;
  }
  #network dd {
    font-size: 1.6rem;
    margin-top: 1.43rem;
    margin-bottom: 5.8rem;
  }
  #network .category__lists {
    gap: 2.1rem;
    -ms-grid-columns: 1fr 2.1rem 1fr 2.1rem 1fr 2.1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 8.32rem;
  }
  #network .category__lists li .button_category {
    display: block;
    padding-top: 2.7rem;
    padding-bottom: 2.6rem;
    font-size: 1.6rem;
  }
  #network .category__lists li .button_category::after {
    margin-top: 0.7rem;
  }
  #network .button_back {
    font-size: 1.7rem;
    padding-top: 2.6rem;
    padding-bottom: 2.4rem;
  }
}


#network-index {
  width: 85.3%;
  margin-top: 10.8rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5.49rem;
  max-width: 1500px;
}
#network-index .page__ttle h2 {
  font-size: 2.6rem;
  font-weight: bold;
}
#network-index .page__ttle h2 span {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1.3rem;
}
#network-index p {
  font-size: 1.2rem;
  line-height: 2.5;
  margin-top: 3.8rem;
  margin-bottom: 1.28rem;
}
#network-index .category__lists {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 0.8rem;
  margin-bottom: 2.6rem;
	padding-top: 2.6rem;
}
#network-index .category__lists li .button_category {
  display: block;
  width: 100%;
  max-width: 34.5rem;
  height: calc(100vw * 0.1);
  max-height: 7.7rem;
  text-align: center;
  text-decoration: none;
  padding-top: 1.6rem;
  padding-bottom: 2rem;
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
  border: 1px solid #707070;
  cursor: pointer;
  position: relative;
  margin-left: auto;
  margin-right: auto;
	letter-spacing: 1px;
}
#network-index .category__lists li .button_category::after {
  content: "";
  font: var(--fa-font-solid);
  position: absolute;
  top: 80%;
  right: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.3rem;
}
#network-index .category__group {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 1.99rem 0.94rem;
  -ms-grid-columns: 1fr 0.94rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2.6rem;
}
#network-index .category__group img {
  display: block;
  width: 100%;
  height: auto;
}
#network-index .category__group a {
  text-decoration: none;
}
#network-index .category__group p {
  font-size: 1.1rem;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 0;
  line-height: 1.6;
}
#network-index .category__group p span {
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (min-width: 1025px) {
  #network-index {
    width: 85.3%;
    margin-top: 21.4rem;
    margin-bottom: 24.42rem;
    max-width: 1500px;
  }
  #network-index .page__ttle h2 {
    font-size: 3.9rem;
  }
  #network-index .page__ttle h2 span {
    font-size: 2.5rem;
    margin-top: 1.3rem;
  }
  #network-index p {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 6.36rem;
    margin-bottom: 3.84rem;
    width: 43.1vw;
  }
  #network-index .category__lists {
    gap: 2.1rem;
    -ms-grid-columns: 1fr 2.1rem 1fr 2.1rem 1fr 2.1rem 1fr;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 8.32rem;
  }
  #network-index .category__lists li .button_category {
    display: block;
    padding-top: 2.7rem;
    padding-bottom: 2.6rem;
    font-size: 1.6rem;
  }
  #network-index .category__lists li .button_category::after {
    margin-top: 0.7rem;
  }
  #network-index .category__group {
    display: -ms-grid;
    display: grid;
    gap: 4.85rem 7.8rem;
    -ms-grid-columns: minmax(0, 1fr) 7.8rem minmax(0, 1fr) 7.8rem minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 2.6rem;
  }
  #network-index .category__group li p {
    font-size: 1.3rem;
  }
  #network-index .category__group li span {
    font-size: 1.7rem;
  }
}

#network-data {
}
#network-data h3 {
	font-size: 2.2rem;
	font-weight: bold;
	border-bottom: #080865 1px solid;
	letter-spacing: 2px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: #080865;
}
#network-data .box {
	margin-bottom: 40px;
}
#network-data .box h6 {
	background-color: #080865;
	color: #fff;
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 15px 20px;
	margin-bottom: 0px;
}
#network-data .box .inner {
	width: 100%;
	display: block;
	gap: 30px 20px;
}
#network-data .box .inner div {
	width: 50%;
	float: left;
}
#network-data .box .inner .ph {
	display: block;
	position: relative;
	padding-top: 75%;
	width: 100%;
	margin-bottom: 20px;
}
#network-data .box .inner .ph img {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}
#network-data .box .inner .data {
	float: none;
	clear: both;
	font-size: 1.5rem;
	line-height: 1.9rem;
	width: 100%;
	display: block;
}
#network-data .box .inner .data ul {
	margin: 0;
	padding: 0;
	list-style: disc outside;
	margin-left: 15px;
	margin-bottom: 5px;
}
#network-data .box .inner .data li {
	font-weight: 600;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
#network-data .box .inner .data p {
	margin: 0;
	width: 100%;
	font-size: 100%;
	margin-bottom: 0;
	line-height: 2.7rem;
}
#network-data .box .inner .data p:last-child {
	margin-top: 15px;
}
#network-data .box .inner .data p a {
	color: #329FB5;
	text-decoration: underline;
	font-size: 90%;
}
@media screen and (min-width: 1025px) {
	#network-data .box h6 {
        font-size: 1.8rem;
		margin-bottom: 20px;
    }
	#network-data .box .inner {
        width: 100%;
        display: flex;
        gap: 30px 20px;
    }
	#network-data .box .inner div {
        width: 25%;
    }
    #network-data .box .inner .ph {
        padding-top: 100%;
    }
    #network-data .box .inner .ph img {
    }
    #network-data .box .inner .data {
        width: 50%;
    }
}
@media screen and (max-width: 550px) {
  .category__lists {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
  }
  #network-index .category__lists li .button_category {
    padding-top: 1.1rem;
    padding-bottom: 1.8rem;
	  max-height: 7.7rem;
	  height: 100%;
  }
}


.category__lists2 {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin-bottom: 2.6rem;
	padding-top: 2.6rem;
}
.category__lists2 li {
	width: 49%;
	margin-right: 2%;
	border: 1px solid #707070;
	position: relative;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.category__lists2 li:nth-child(2n) {
	margin-right: 0;
}
.category__lists2 li a,
.category__lists2 li span{
	display:  block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #111;
	font-size: 1.5rem;
	letter-spacing: 1px;
	padding: 30px 0 30px;
	transition: .3s;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.category__lists2 li a::after {
  content: "";
  font: var(--fa-font-solid);
  position: absolute;
  top: 80%;
  right: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.3rem;
}
.category__lists2 li span::after {
	content: "Coming soon";
	position: absolute;
	top: 78%;
	left: 0;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: .9rem;
	letter-spacing: 1px;
	
}
.category__lists2 li a.on,
.category__lists2 li a:hover {
	background-color: rgba(0,0,0,.04);
	opacity:.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity:.6;
    -khtml-opacity:.6;
}
.category__lists2 li span {
	color:  #bbb;
}
@media screen and (min-width: 1025px) {
	.category__lists2 li,
	.category__lists2 li:nth-child(2n){
        width: 24%;
		margin-right: 1.33%;
    }
    .category__lists2 li:nth-child(4) {
        margin-right: 0;
    }
}
@media screen and (max-width: 640px) {
	.category__lists2 li,
	.category__lists2 li:nth-child(2n),
	.category__lists2 li:nth-child(4){
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px;
	}
	.category__lists2 li a,
	.category__lists2 li span{
		padding: 20px 0;
	}
}