@charset "utf-8";

@media screen and (max-width: 769px){
/*--------------Top----------------*/
#main_visual > div{
	position: relative;
	height: auto;
	min-height: 0;
	padding:0;
}
#main_visual > div{
	overflow:hidden;
	position: relative;
	height: auto !important;
	padding-top: 0;
	width: 100%;
	min-width:0;
}
#main_visual div.video-wrap{
	position: static;
	left: 0;
	top: 0;
	min-width:0;
	/*margin-top: -360px;
	margin-left:-640px;
	/*width: 1280px;
	height: 720px;*/
	width: 100%;
	height:auto;
	margin-top: 0;
}
#main_visual div.video-wrap video{
	width: 100%;
	height: auto;
}
#main_visual  h2{
	position: static;
	top: auto;
	left:auto;
	margin-top:100px;
	padding:0;
	border: none;
	font-size: 32px;
	color: #111;
}
#main_visual  h2 > span{
	font-size: 18px;
}
#main_visual .link_area{
	position: static;
	bottom: auto;
	right: auto;
	width:320px;
	margin: 100px auto 0;
}
#main_visual .link_area > a{
	height: 70px;
	width: auto;
	border-radius: 35px;
	font-size:18;
	line-height: 70px;

}
#main_visual .link_area ul{
	padding-top: 20px;
	letter-spacing: -.40em;
}
#main_visual .link_area li{
	display: inline-block;
	margin-left: 15px;
	letter-spacing: normal;
}
#main_visual .link_area li:first-child{
	margin-left:0;
}
#main_visual .link_area li img{
	width: 150px;
}
/*service_solution*/
#service_solution > div{
	min-height: 0;
	padding: 0 0 0 !important;
}
#service_solution h3{
	padding-bottom:0;
	line-height: 1;
	font-size: 24px;
	letter-spacing:12px;
	line-height: 24px;
}
#service_solution h3 span{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	vertical-align: middle;
	letter-spacing:0;
}
#service_solution h4{
	margin: 0;
	padding-top: 50px;
	font-size: 15px;
}
#service_solution p{
	padding: 0 20px;
	font-size: 14px;
}
#service_solution ul{
	margin-top: 15px;
}
#service_solution .blc_top li{
	display: block;
	width: auto;
	margin: 0 15px;
	padding: 20px 0 35px;
	border-top: solid 2px #1badea;
	border-bottom: solid 2px #1badea;
	letter-spacing:normal;
}
#service_solution h5{
	height: 0;
}
#service_solution li:first-child{
	margin-right: 15px;
	border-bottom: 0;
}
#service_solution li dt{
	height: 48px;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
}

#service_solution li dd{
	padding-top: 0;
	text-align: center;
}
#service_solution li dl:first-child dd{
	padding-left: 0;
}

#service_solution li dd.img{
	text-align: center;
}
#service_solution li dd.img img{
	max-width: 150px
}

@media screen and (max-width:768px){
	#service_solution .blc_bnr li{
		margin:15px !important;
		display: inline-block;
		width: auto !important;
		letter-spacing:normal;


	}
}


/*case_study*/
#case_study{
	background: #fff;

}
#case_study > div{
	padding: 75px 0 55px;
}
#case_study h3{
	position: relative;
	width: 100%;
	padding-bottom:2 5px;
	background: none;
	border:none;
	line-height: 1;
	letter-spacing:normal;
	font-size: 20px;
	text-align: center;
}
#case_study h3:before{
	display: inline-block;
	width: 30px;
	height: 25px;
	margin-right: 15px;
	background: url(/web/20230723113733im_/https://wi2.co.jp/jp/assets/img/icon_casestudy_wifi_sp.png) no-repeat 0 0 scroll;
	background-size: cover;
	vertical-align: bottom;
	content:"";
}
#case_study h3:after{
	display:none;
}
#case_study ul{
	display: block;
	width: auto;
}
#case_study li{
	display: block;
	width: auto;
	text-align:center;
	letter-spacing:normal;
}
#case_study li figure img{
	margin: 0 auto;
	width: 155px;
}
#case_study li figure figcaption{
	display: block;
	margin-top:20px;
	color: #666;
	line-height:1.2;
}
#case_study p{
	display: none;
}

/*-- new_list --*/
#new_list{

	padding: 35px 0 55px;
	background: #ecfaff;
}
#new_list .tab{
	height: 45px;
	border-bottom: solid 4px #0db9fc;
	line-height: 45px;
}
#new_list .tab li{
	margin: 0 10px 0 0;
	height: 45px;
	border:none;
	border-bottom: solid 4px #0db9fc;
	background: #fff;
}
#new_list .tab li.selected{
	border-bottom: solid 4px #fff;
	background: #fff;
}
#new_list .tab li a{
	height: 45px;
	padding: 0 5px;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
#new_list #new_list_box ul{
	padding: 0 15px;
	background: #fff;
}
#new_list #new_list_box li{
	position: relative;
}
#new_list #new_list_box li:last-child{
	border: none;
}
#new_list #new_list_box li > div{
	display: block;
	width: auto;
	padding: 25px 0 0;

}
#new_list #new_list_box li span.date{
	display:inline-block;
	width: auto;
}

#new_list #new_list_box li div p{
	display:block;
	margin-top:0;
}
#new_list #new_list_box li div.icon_set{
	position: absolute;
	top:25px;
	left: 100px;
	padding:0
}
#new_list #new_list_box  li div.icon_set span.tag_new,
#new_list #new_list_box  li div.icon_set span.tag_info{
	width: 80px;
	height: 20px;
	margin-top: 0;
	margin-right: 10px;
	line-height: 20px;
	font-size: 11px;
}

#new_list .link_area a{
	position: relative;
	display: block;
	height: 70px;
	margin: 0;
	padding-left: 0;
	border-radius: 35px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
}
#new_list .link_area a:after{
	position: absolute;
	top: 50%;
	right: 26px;
	width: 7px;
	height: 12px;
	margin-top: -6px;
	background: url(/web/20230723113733im_/https://wi2.co.jp/jp/assets/img/arrow_aside_anchor_large_sp.png) no-repeat 0 0 scroll;
	background-size: cover;
	content: "";
}

}




@media screen and (max-width: 374px){
/*--------------Top----------------*/

#main_visual  h2{
	font-size: 28px;
	font-size: 2.8rem;
}
#main_visual .link_area{
	position: static;
	bottom: auto;
	right: auto;
	width:100%;
	margin: 100px auto 0;
}
#main_visual .link_area > a{
	height: 50px;
	border-radius: 25px;
	font-size:16px;
	font-size:1.6rem;
	line-height: 50px;

}


/*service_solution*/
#service_solution h3{
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing:10px;
	line-height: 20px;
}
#service_solution h3 span{
	font-size: 15px;
	font-size: 1.5rem;
}
#service_solution h4{
	font-size: 14px;
	font-size: 1.4rem;
}
#service_solution p{
	padding: 0 15px;
	font-size: 12px;
	font-size: 1.2rem;
}



/*-- new_list --*/

#new_list .tab li{
	margin: 0 6px 0 0;
}
#new_list .tab li a{
	padding: 0 2px;
	font-size: 10px;
	font-size: 1.0rem;
}

#new_list #new_list_box li span.date{
	font-size: 12px;
	font-size: 1.2rem;
}

#new_list #new_list_box  li div.icon_set span.tag_new,
#new_list #new_list_box  li div.icon_set span.tag_info{
	width: 80px;
}

#new_list .link_area a{
	height: 50px;
	border-radius: 25px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 50px;
}
}


/*
     FILE ARCHIVED ON 11:37:33 Jul 23, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:47:34 Oct 10, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 142.281
  exclusion.robots: 0.076
  exclusion.robots.policy: 0.067
  cdx.remote: 0.058
  esindex: 0.01
  LoadShardBlock: 111.618 (3)
  PetaboxLoader3.datanode: 177.216 (5)
  load_resource: 238.985 (2)
  PetaboxLoader3.resolve: 125.375 (2)
*/