@charset "utf-8";
body{
	position:relative;
	padding-top: 152px !important;
	background: #fff !important;
}
body.word_document,
body.no-bgcolor{
	background: #fff !important;
}
.for_sp{
	display:none;
}
#ccm-highlighter{
	margin-top:-60px;
}
/*-------------- header ------------*/
header{
	position: fixed;
	top:0;
	left:0;
	z-index:99;
	width: 100%;
	height: 152px;
	box-sizing: border-box;
	background: #fff;
	border-bottom: solid 1px #b2e3fa;
}
header > div{
	position: relative;
	width: 1200px;
	height: 152px;
	margin: 0 auto;
	padding-top: 15px;
	box-sizing: border-box;
}
header h1 > a{
	display: block;
	height: 63px;
	width: 155px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/logo_h1.png)no-repeat 0 0 scroll;
	text-indent: -7777px;
}
header a:hover{
	text-decoration: none;
	
}
header nav{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height:40px;
}
header nav > ul{
	display:none;
	letter-spacing: -.40em; 
}
header nav > ul.common{
	display:block;
}
header nav > ul > li{
	position :relative;
	display: inline-block;
	height: 40px;
	letter-spacing: 0;
}
header nav > ul >  li:before{
	position :absolute;
	top:0;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 32px;
	background:#ccc;
	content: "";
	
}
header nav > ul >  li:nth-child(5):after{
	position :absolute;
	top:0;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 32px;
	background:#ccc;
	content: "";	
}
header nav > ul >  li:first-child{
	width: 190px;
}
header nav > ul >  li:nth-child(2){
	width: 260px;
}
header nav > ul >  li:nth-child(3){
	width: 260px;
}
header nav > ul >  li:nth-child(4){
	width: 220px;
}
header nav > ul >  li:nth-child(5){
	width: 250px;
}

.solution header nav > ul.common,
.solution header nav > ul.personal,
.solution_dx header nav > ul.common,
.solution_dx header nav > ul.personal,
.solution_wi2free header nav > ul.common,
.solution_wi2free header nav > ul.personal,
.solution_original header nav > ul.common,
.solution_original header nav > ul.personal{
	display:none
}
.cmo-personal-gigazo-faq header nav > ul.common,
.cmo-personal-gigazo-faq header nav > ul.solution,
.gigazo header nav > ul.common,
.gigazo header nav > ul.solution,
.personal header nav > ul.common,
.personal header nav > ul.solution,
.personal_300 header nav > ul.common,
.personal_300 header nav > ul.solution{
	display:none
}
.cmo-personal-gigazo-faq header nav > ul.personal,
.gigazo header nav > ul.personal,
.solution header nav > ul.solution,
.solution_dx header nav > ul.solution,
.solution_wi2free header nav > ul.solution,
.solution_original header nav > ul.solution,
.personal header nav > ul.personal,
.personal_300 header nav > ul.personal{
	display:flex;
}
.solution header nav > ul > li:first-child,
.solution_wi2free header nav > ul > li:first-child {
    width: 95px;
}
.solution header nav > ul > li:nth-child(2),
.solution_wi2free header nav > ul > li:nth-child(2){
    width: 255px;
}
.solution header nav > ul > li:nth-child(3),
.solution_wi2free header nav > ul > li:nth-child(3){
    width: 180px;
}
.solution header nav > ul > li:nth-child(4),
.solution_wi2free header nav > ul > li:nth-child(4){
    width: 185px;
}
.solution header nav > ul > li:nth-child(5),
.solution_wi2free header nav > ul > li:nth-child(5){
    width: 210px;
}
.solution header nav > ul > li:nth-child(6),
.solution_wi2free header nav > ul > li:nth-child(6){
    width: 125px;
}
.solution header nav > ul > li:nth-child(7),
.solution_wi2free header nav > ul > li:nth-child(7){
    width: 145px;
}

header nav > ul >  li  a{
	text-align: center;
	text-decoration: none;
	color: #333;
}
header nav > ul >  li > a{
	position: relative;
	display: block;
	height:40px;
	font-size: 18px;
}

header nav > ul > li > a:before{
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 0;
	width: 100%;
	background: #00a1ee;
	transition: all .1s ease;
	-webkit-transition: all .1s ease;
	content:"";
}
header nav > ul > li > a.selected:before,
header nav > ul > li > a:hover:before{
	height: 5px;
}
header nav ul ul{
	position: absolute;
	z-index: 1000;
	display: none;
	top: 40px;
	table-layout:fixed;
	width: 1200px;
	padding: 20px 40px 30px;
	border-top: solid 5px #d7f2fd;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
header nav ul li:nth-child(2) ul{
	left: -190px;
}
header nav ul li:nth-child(3) ul{
	left: -450px;
}
header nav ul ul li{
	position: relative;
	display: table-cell;
	height: 200px;
	padding: 0 60px;
	border-right: 1px solid #ccc;
}
header nav ul ul li:first-child:before{
	position: absolute;
	top:-50px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #d7f2fd;
	content: "";
}
header nav ul li:nth-child(2) ul li:first-child:before{
	left: 235px;
}
header nav ul li:nth-child(3) ul li:first-child:before{
	left: 505px;
}
header nav ul ul li:last-child{
	padding-right: 0;
	border-right: none;
}
header nav ul ul li:first-child{
	padding-left: 0;
}
header nav ul ul li dt{
	display: table;
	margin: 0 auto;
	text-align: center;
}
header nav ul ul li dt:hover{
	opacity: 0.7;
}
header nav ul ul li dt:hover span.title{
	text-decoration: none;
}
header nav ul ul li dt figure{
	display: table-cell;
	width:100px;
	padding-right: 20px;
	vertical-align: middle;
	letter-spacing: normal;
}
header nav ul ul li dt figure img{
	height: 100px;
}
header nav ul ul li dt span.title{
	display: table-cell;
	text-decoration: underline;
	font-size: 24px;
	text-align: left;
	vertical-align: middle;
	letter-spacing: normal;
}
header nav ul ul li dd{
	padding-top: 30px;
	text-align: left;
	font-size: 14px;
}
header .side_tool{
	position :absolute;
	top:20px;
	right: 0;
	letter-spacing: -.40em; 
}
header .side_tool a:hover{
	opacity: 0.7;
}
header .side_tool a.btn{
	display: inline-block;
	height: 50px;
	width: 160px;
	margin-right: 15px;
	padding:0;
	background: #fff;
	border: solid 2px #00b5fc;
	border-radius: 25px;
	text-decoration: none;
	text-align:center;
	letter-spacing: normal;
	line-height: 50px;
	vertical-align: top;
	color: #00a5d4;
}
.personal .side_tool a.btn.btn_person,
.personal_300 .side_tool a.btn.btn_person,
.cmo-personal-gigazo-faq a.btn.btn_person,
.gigazo .side_tool a.btn.btn_person,
.solution .side_tool a.btn.btn_solution,
.solution_wi2free .side_tool a.btn.btn_solution,
.solution_original .side_tool a.btn.btn_solution{
	background: #d7f2fc;
}
header .side_tool div{
	position: relative;
	display: inline-block;
	letter-spacing: normal;
}
header .side_tool a.btn_language{
	display: inline-block;
	height: 24px;
	width: 144px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/btn_langage.png)no-repeat 0 0 scroll;
	vertical-align: top;
	text-indent:-7777px;
}
header .side_tool div ul{
	position: absolute;
	display:none;
	top: 24px;
	left:0;
	z-index: 400;
}
header .side_tool div li{
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}
header .side_tool div li:last-child{
	border-bottom: solid 1px #ccc;
}
header .side_tool div li a{
	position: relative;
	display: block;
	width: 140px;
	height: 40px;
	padding-left: 20px;
	line-height:40px;
	text-decoration: none;
}
header .side_tool div  li a:after{
	position: absolute;
	top:50%;
	right: 15px;
	width: 5px;
	height: 7px;
	margin-top: -3px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/arrow_aside_anchor.png) no-repeat 0 0 scroll;
	background-size: 5px 7px;
	content: "";
}
/*-------------- anchor ------------*/
a.btn_pdf{
	display: inline-block;
	color: #3d3d3d;
}
a.btn_pdf:after{
	display: inline-block;
	height: 15px;
	width: 12px;
	margin-left: 5px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/icon_pdf.png)no-repeat 0 center scroll;
	background-size: cover;
	content:"";
}
a.btn_pdf:hover{
	color: #009fe8;
}

section.inner_contents .btn_pageskiper{
	position: absolute;
	bottom: -10px;
	right:30px;
	width: 106px;
	height: 60px;
	background: #fff url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/btn_page_skiper.png)no-repeat 0 0 scroll;
	text-decoration:none;
	letter-spacing: normal;
	text-indent: -7777px;
}
section.inner_contents .btn_pageskiper:hover{
	opacity: 0.7;
}
/*-------------- section.inner_contents ------------*/
section.inner_contents{
	background: #fff;
}
section.inner_contents.has_footer_pict{
	position: relative;
	margin-bottom: 131px;
}
section.inner_contents.has_footer_pict:after{
	position: absolute;
	bottom: -131px;
	left: 0;
	display: block;
	height: 131px;
	width: 100%;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/pict_footer.png) repeat-x 0 center scroll;
	content: "";
}
section.inner_contents > div{
	width: 980px;
	min-height: 600px;
	margin: 0 auto;
	padding: 25px 0 80px;
	letter-spacing: -.40em; 
	line-height:1.8;
}
@media screen and (max-width: 979px) {
  section.inner_contents > div{
    width: auto;
  }
}

section.inner_contents > div article,
section.inner_contents > div p,
section.inner_contents > div li,
section.inner_contents > div aside,
section.inner_contents > div small{
	letter-spacing: normal; 
}
section.inner_contents.with_pankuzu > div{
	min-height: 0;
	padding: 0;
}
section.inner_contents > div ul.pankuzu{
	padding-bottom: 42px;
	font-size:12px;
	line-height: 1;
}
section.inner_contents.with_pankuzu > div ul.pankuzu{
	height: 25px;
	padding:0;
	margin-bottom: 0;
	line-height: 25px;
}
section.inner_contents > div ul.pankuzu li{
	display: inline-block;
}
section.inner_contents > div ul.pankuzu li:after{
	display: inline-block;
	margin: 0 5px;
	content: ">";
}
section.inner_contents > div ul.pankuzu li:last-child:after{
	content: "";
}
section.inner_contents > div ul.pankuzu li a{
	color: #3d3d3d;
}
section.inner_contents > div ul.pankuzu li a:hover{
	color: #009fe8;
}
section.inner_contents > div article.content_l{
	display: inline-block;
	width: 770px;/*window-size改修 900 -> 770*/
	vertical-align: top;
}
section.inner_contents > div h2{
	padding: 4px 0 14px;
	border-bottom: solid 1px #e3e3e3;
}
section.inner_contents > div h3{
	height:44px;
	margin-top: 30px;
	padding-left: 15px;
	background: #d2f1ff;
	border: solid 1px #e3e3e3;
	line-height: 44px;
}
section.inner_contents > div h3.h3_txt_small,
section.inner_contents > div h4{
	height: auto;
	padding-left:0;
	border: none;
	background: none;
	margin-top: 30px;
	line-height: 1;
}
section.inner_contents > div .layout_2_column{
	display: table;
	margin-top: 30px;
}
section.inner_contents > div .layout_2_column figure,
section.inner_contents > div .layout_2_column p{
	display: table-cell;
	vertical-align:top;
}
section.inner_contents > div .layout_2_column figure{
	padding-right: 30px;
}
section.inner_contents > div p{
	margin-top: 24px;
}
section.inner_contents > div p.etc_margin{
	margin-top: 50px;
}
section.inner_contents > div .list_box{
	margin-top: 30px;
	letter-spacing: -.40em; 
}
section.inner_contents > div .list_box li{
	display: inline-block;
	width: 365px;/*window-size改修 435 -> 365*/
	height: 175px;
	margin-bottom: 30px;
	margin-right: 30px;
	padding: 25px;
	border: solid 1px #e3e3e3;
	box-sizing: border-box;
	vertical-align: top;
}
section.inner_contents > div .list_box li.ajast_height_box1{
	height: 390px;
}
section.inner_contents > div .list_box li.ajast_height_box2{
	height: 430px;
}
section.inner_contents > div .list_box li:nth-child(even){
	margin-right: 0;
}
section.inner_contents > div .list_box dt{
	padding-bottom: 25px;
	border-bottom: solid 1px #e3e3e3;
}
section.inner_contents > div .list_box dd{
	padding-top: 25px;
}
section.inner_contents > div .list_box p{
	margin:0;
	padding: 0 0 15px;
}
section.inner_contents > div .list_box p.txt_bottom{
	padding: 15px 0 0;
}
section.inner_contents > div .list_box dd img{
	display: inline-block;
	margin-top: 5px;
}
section.inner_contents > div .list_box a{
	color: #3d3d3d;
}
section.inner_contents > div .list_box a:hover{
	color: #009fe8;
	text-decoration: none;
}
section.inner_contents > div table{
	width: 100%;
	margin-top: 25px;
	border: solid 1px #e3e3e3;
	border-right: none;
	border-collapse: collapse;
}
section.inner_contents > div table tbody th,
section.inner_contents > div table tbody td{
	padding: 12px 15px;
	border: 1px solid #e3e3e3;
	vertical-align: middle;
	text-align: left;
}
section.inner_contents > div table tbody th{
	background:#f9f9f9;
	font-weight: normal;
}
section.inner_contents > div table tbody td{
	border-right: none;
}
section.inner_contents > div figure{
	margin-top: 30px;
	text-align:center;
}
section.inner_contents > div small{
	margin-top: -10px;
}
section.inner_contents > div small a:hover{
	text-decoration: none;
}
section.inner_contents > div span.txt_signature{
	display: block;
	margin-top: 40px;
	text-align: right;
}
section.inner_contents > div aside{
	display: inline-block;
	width:180px;/*window-size改修 240 -> 180*/
	margin-left: 30px;/*window-size改修 40 -> 30*/
	border-top: solid 2px #019eeb;
	vertical-align: top;
}
section.inner_contents > div aside span.title_category{
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	font-weight: bold;
}
section.inner_contents > div aside .title_category a{
	color: #3d3d3d;
	text-decoration: none;
}
section.inner_contents > div aside .title_category a:hover{
	color: #009fe8;
}
section.inner_contents > div aside ul{
	border-top: solid 1px #e3e3e3;
}
section.inner_contents > div aside ul li{
	border-bottom: solid 1px #e3e3e3;
}
section.inner_contents > div aside ul li a{
	display: block;
	height: 48px;
	padding-left: 20px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/arrow_aside_anchor.png) no-repeat 4px center scroll;
	background-size: 7px 10px;
	color: #3d3d3d;
	line-height: 48px;
	text-decoration: none;
}
section.inner_contents > div aside ul li a:hover{
	color: #009fe8;
}
/*-------------- footer ------------*/
footer{
	width: 100%;
	box-sizing: border-box;
}
footer div{
	box-sizing: border-box;
}
footer a:hover{
	opacity: 0.7;
}
footer .upper{
	position: relative;
	height: 266px;
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}
footer .upper .page_skipper{
	position: absolute;
	right: 60px;
	top: -60px;
	padding-left: 15px;
	background: url(/web/20230723113732im_/https://wi2.co.jp/jp/assets/img/arrow_page_upper.png) no-repeat 0 center scroll;
	background-size: 7px 4px;
	color: #3d3d3d;
	text-decoration: none;
}
footer .upper .page_skipper:hover{
	color: #009fe8;
}
footer .upper > ul{
	display: table;
	width:auto;
	margin-left: 300px;
}
footer .upper > ul > li{
	display: table-cell;
}
footer .upper > ul > li:nth-child(1){
	width: 80px;
}
footer .upper > ul > li:nth-child(2){
	width: 215px;
}
footer .upper > ul > li:nth-child(3){
	width: 245px;
}
footer .upper > ul > li:nth-child(4){
	width: 190px;
}
footer .upper li li{
	padding-top: 10px;
	padding-left: 18px;
}
footer .upper  dl{
	color: #fff;
	position: absolute;
	top: 20px;
	left: 0;
	width: 300px;
	line-height: 30px;
	font-size: 14px;
}
footer .upper li a{
	display: block;
	color: #fff;
	text-decoration: none;
}
footer .upper li a{
	font-size: 18px;
}
footer .upper li li a{
	display: inline-block;
	padding-bottom: 5px;
	font-size: 16px;
}
footer .inner{
	width: 100%;
	background:#fff;
}
footer .inner > div{
	width: 1200px;
    height: 160px;
	margin: 0 auto;
	text-align: center;
}
footer .inner figure{
	padding: 8px 0 20px;
	text-align: center;
}
footer .inner ul{
	letter-spacing: -.40em; 
}
footer .inner li{
	display: inline-block;
	padding: 0 10px;
	border-left: solid 1px #ccc;
	line-height: 20px;
	letter-spacing: normal;
}
footer .inner li:nth-child(5){
	border-right: solid 1px #ccc;
}
footer .inner li:last-child{
	border-right: solid 1px #ccc;
}
footer .inner a{
	color: #666;
	font-size: 12px;
	text-decoration: none;
}
footer .bottom{
	height: 102px;
}
footer .bottom .copyright{
	margin-top: 30px;
	margin-bottom: 0 !important;
	padding:0 0 30px;
	border: none;
	text-align:center;
	color: #fff;
	font-size: 12px;
}
body.no-bgcolor footer .bottom .copyright{
	padding-bottom: 30px;
}
/*
     FILE ARCHIVED ON 11:37:32 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: 101.267
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.054
  cdx.remote: 0.052
  esindex: 0.009
  LoadShardBlock: 77.172 (3)
  PetaboxLoader3.datanode: 155.348 (5)
  load_resource: 336.844 (2)
  PetaboxLoader3.resolve: 236.253 (2)
*/