@charset "utf-8";
.accsse, .accsse .inner{
	font-size: 0px;
}
.accsse dt, .accsse dd{
	font-size: 16px;
}
@media screen and (max-width: 768px){
	*{
		max-width: 100%;
	}
	#top-head{
		width: 100%;
	}
	.inner_contents{
		width: 100%;
	}
	.Internet_detail_box{
		width: 100%;
		display: block;
	}
	.inner{
		display: block;
		width: 100%;
		top: 0px;
	}
	.accsse dl{
		width: 100%;
		padding-left: 0px;
	}
	.g_nav{
		margin-left: 0px;
	}
	#top-head .logo{
		left: 0px;
		top: 0px;
	}
	.Internet_detail_img{
		width: 90%;
	}
	.Internet_detail_contain{
		width: 90%;
	}
	.Internet_detail_box{
		width: 100%;
		margin-top: 100px;
	}
	.division_internet_contents{
		width: 90%;
	}
	.accsse, .accsse .inner{
		font-size: 0px;
	}
	.accsse .inner{
		margin-bottom: 100px;
	}
	.accsse dt{
		width: 25%;
		font-size: 14px;
	}
	.accsse dd{
		font-size: 14px;
		width: 75%;
	}
	.Internet_detail_img{
		display: none;
	}
	.Internet_detail_img_smp1{
		/*display: block !important;
		float: left;
		width: 40%;
		margin-right: 15px;*/
	}
	.Internet_detail_img_smp2{
		/*display: block !important;
		float: right;
		width: 40%;
		margin-left: 15px;*/
	}
	.contents_detail_text{
		width: 100%;
	}
/*	#accessimg{
		max-width: 200px;
	}*/
	#form1 tr{
		display: block;
	}
	
	#form1 tr td, #form1 tr th{
		display: list-item;
		width: 100%;
		list-style: none;
		border: none;
	}
	#top-head{
		z-index: 10000;
	}
	.internet_icon{
		width: 100%;
	}
	#form1 table{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.about{
		margin-top: 100px;
	}
	.vision_box{
		/*margin-top: 200px;*/
		margin-top: 42%;
	}
	.access_box{
		margin-bottom: 100px;
	}
	.widthr{
		width: 100%;
	}
	.logo{
		padding-top:50px;
	}
	#top-head{
		background: transparent;
	}
	.stop_nav img{
		display: none;
	}
	#blue1{
		height: 150px!important;
	}
	#blue3{
		height: 150px!important;
	}
	#blue4{
		height: 150px!important;
	}
	.waku_ttl{
		font-size:14px;
	}
	.Internet_detail_contain{
		padding-left:0px;
	}
	.contents_detail_ttl{
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}
	.smpbr{
		display: inline;
	}
	.contents_detail_text{
		/*width:80%;*/
		font-size:14px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		line-height:1.5;
		margin-bottom:20px;
	}
	
	.waku_ttl{
		margin-left:auto;
		margin-right:auto;
		display: block;
		width: fit-content;
	
	}
	.accsse .inner{
		width:80%;
		min-width: 350px;
	}
	.contact_tel{
		line-height:1.5;
	}
	.vision_box div{
		width:90%;
		font-size:14px;
		margin:0 auto;
	}
	#blue5 {
		position: relative;
		border-right: 0px !important;
		border-bottom: 0px !important;
		border-left: 0px !important;
		border-top: 0px !important;
		width:800px !important;
		height:2000px!important;
		z-index:0;
	}
	#blue5 img{
		width:150%;
		max-width: 1000000px;
		margin-left:-25%;
		position: relative;
		z-index:0;
		filter: brightness(0.3);
		-webkit-filter: brightness(0.3);
		-moz-filter: brightness(0.3);
		-ms-filter: brightness(0.3);
		-o-filter: brightness(0.3);
	}
	#blue6{
		height: 150px!important;
		z-index: 10;
		position: absolute;
		background:#31000e;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		transform:skewY(-30deg);
		-webkit-transform:skewY(-30deg);
		width:180%!important;
		max-width:10000px;
	}
	#blue7 {
		position: relative;
		border-right: 0px !important;
		border-bottom: 0px !important;
		border-left: 0px !important;
		border-top: 0px !important;
		width:800px !important;
		height:2000px!important;
		z-index:0;
	}
	#blue7 img{
		width:150%;
		max-width: 1000000px;
		margin-left:-25%;
		position: relative;
		z-index:0;
		filter: brightness(0.3);
		-webkit-filter: brightness(0.3);
		-moz-filter: brightness(0.3);
		-ms-filter: brightness(0.3);
		-o-filter: brightness(0.3);
	}
	#blue8{
		height: 150px!important;
		z-index: 10;
		position: absolute;
		background:#31000e;
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		transform-origin: right top;
		transform:skewY(30deg);
		-webkit-transform:skewY(30deg);
		width:300%!important;
		max-width:10000px!important;
	}
	#blue9{
		height: 5000px!important;
		z-index: 1;
		background: #230202;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		transform:skewY(30deg);
		-webkit-transform:skewY(30deg);
		position: absolute;
	}
}