@charset "shift-jis";


/*CSSDocument*/


/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/


*{ margin:0px; padding:0px;}

.sp_nav{
	display:none;
}

body{
	color:#000;
	margin:0;
	padding:0;
	background:#fff;
	font-family:Helvetica, Arial,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align:left;
	font-size:100%;
	background-attachment:fixed;
}

a:link{ 
	color:#1976be;
	text-decoration:underline;
	}
a:visited{ 
	color:#1976be;
	text-decoration:underline;
	}
a:hover{ 
	color:#004573;
	text-decoration:none;
	}
a:active{ 
	color:#0657c6;
	text-decoration:none;
	}

ul{ 
	list-style:none;
	}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

img{
	margin:0;
	padding:0;
	vertical-align:top;
	}


@media screen and (max-width: 480px) {
	
html{
	zoom:1;
	}	
	
}


/*
html ----------------------------------------------------------*/




.arrow_base{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
	
}
.arrow_base::before,
.arrow_base::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arrow_blue::before{
	left: 4px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 5px solid #1976be;
}

.arrow_menu_w::before{
	left: 95%;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* body base
===============================================================*/



.container_new{
	width:940px;
	margin:auto;
text-align:left !important;
	}

#contents_new{
	text-align:left;
	}

#side_nav{
	float:left;
	width:220px;
	display:inline-block;
	}
	



@media screen and (max-width: 480px) {



.container_new{
	width:100%;
	margin:auto;
	}
#side_nav{
	float:none;
	width:100%;
	display:block;
	}
	
#main_column{
	width:100%;
	float:none;
	display:block;
	padding-bottom:20px;
	}	
	
}

/* header
===============================================================


#header_new{
	height:80px;
	box-sizing:border-box;
	padding-top:20px;
	}





#header_new .logo a, #header_new .logo .nolink {
	background: rgba(0, 0, 0, 0) url("../img_biz/logo_n.gif") no-repeat scroll 0 0;
	display: block;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	width: 222px;
	float:left;
}


#header_new .header_menu{
	text-align:right;
	float:right;
	padding-top:30px;
	}



#header_new .header_menu li{
	display:inline-block;
	margin-left:18px;
	}

#header_new .header_menu li a{
	color:#000;
	}

*/

@media screen and (max-width: 650px) {

#header a:link,
#header a:visited{
	color:#ffffff !important;
}

}

@media screen and (max-width: 480px) {

#header a:link,
#header a:visited{
	color:#ffffff !important;
}

#aside{
width:630px;
}

#contents #aside dl{
width:610px;
}

#cnw-header-globalmenu-btn{
display:none;
}

#cnw-header-guide-btn{
display:none;
}


#cnw-header-guide-btn{
display:none;
}

#cnw-header-globalmenu-btn{
display:none;
}

	
}


@media screen and (max-width: 480px) {
	
#header{
	height:auto;
	box-sizing:border-box;
	padding-top:0;
	padding:5%;
	margin:0;
	overflow:hidden;
	}



#header .logo a, #header .logo .nolink {
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	width: 120px;
	float:left;
	background-size:120px;
}
	
#header .header_menu{
		display:none;
	}


	
}


#header-global-nav li{
	margin-right:0;
	margin-left:0;
}

/* menu
===============================================================

#global_menu_new{
	height:60px;
	margin-bottom:30px;
	}

#header-global-nav li{
	float:left;
	vertical-align:top;
	border-right:1px solid #fff;
	height:60px;
	margin-right:0;
	margin-left:0;
	font-size:16px;
	color:#fff;
	width:157px;
	font-weight:bold;
	line-height:1.3;
	}

#header-global-nav li.last-child{
	border:none;
	}
#header-global-nav li.first-child{
	width:100px !important;
	}	
	


#global_menu_new li a{
	color:#fff;
	display:block;
	padding-top:8px;
	text-decoration:none;
	background:#0657c6;	
	height:60px;
	margin-right:0;
	margin-left:0;
	}

#global_menu_new li a:hover{
	color:#fff;
	text-decoration:none;
	background:rgba(6,87,198,0.8);
	}
#global_menu_new li a.line1{
	line-height:60px;
	padding:0;
	}



	#nav-toggle {
	display:none;
	}	
	
@media screen and (max-width: 480px) {
	
#global_menu_new{
	display:none;
	}


*/

/* Toggle Button */

#nav-toggle {
	position:absolute;
	display: block;
	right: 12px;
	top: 20px;
	width: 36px;
	height: 25px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
	display:block;
}
#nav-toggle a{
	display:block;
	width: 28px;
	height: 22px;
	}

#nav-toggle span {
	display: block;
	position: absolute;
	height: 3px;
	width: 28px;
	background: #000;
	left: 4px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 8px;
}
#nav-toggle span:nth-child(3) {
	top: 16px;
}


	
#nav-toggle.open  span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
#nav-toggle.open  span:nth-child(2) {
	width: 0;
	left: 50%;
}
#nav-toggle.open  span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

#nav-toggle em{
	font-size:6px;
	letter-spacing:-1px;
	text-align:center;
	font-weight:normal; 
	font-feature-settings:palt;
	font-style:normal;
	}

	
.sp_nav{
	background:rgba(0,0,0,0.9);
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	color:#fff;
	box-sizing:border-box;
	padding:4%;
	z-index:99999;
	}	

.sp_nav a:link{
	color:#ffffff !important;	
}

.sp_nav dl{
	margin-bottom:30px;
	}

.sp_nav dt{
	font-size:18px;
	font-weight:bold;
	border-bottom:2px solid #fff;
	}
.sp_nav dd a{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	padding:5px 0;
	display:block;
	color:#fff;
	text-decoration:none;
	position:relative;
	width:100%;
	}
	
.close_sp_menu a{
	border:2px solid #fff;
	padding:8px 0;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin-bottom:15px;
	}	
	
	
	
}



/* side
===============================================================*/

.side_menu{
	background:#0657c6;
	text-align:center;
	overflow:hidden;
	margin-bottom:15px;
	}

.side_menu h1{
	text-align:center;
	color:#fff;
	font-size:20px;
	box-sizing:border-box;
	padding:15px 5px;
	font-weight:bold;
	}
.side_menu h1 span{
	font-size:12px;
	padding-left:3px;
	}

.member_class{
	margin:0 5px 10px 5px;
	background:#ffffff;
	padding:5px;
	overflow:hidden;
	}

.member_class .biz{
	background:url(../img_biz/index_biz-16.gif) no-repeat left 50%;
	font-size:12px;
	padding:5px 0 5px 30px;
	}
.member_class .gold{
	background:url(../img_gold/ico_gold.gif) no-repeat left 50%;
	font-size:12px;
	padding:5px 0 5px 30px;
	}
.member_class .with{
	background:url(../img_with/ico_with.gif) no-repeat left 50%;
	font-size:12px;
	padding:5px 0 5px 30px;
	}



.member_point{
	margin:0 5px 0 5px;
	background:#ffffff;
	padding:15px 5px 1px;
	}

.member_point dt{
	font-size:14px;
	color:#000066;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.3;
	}

.member_point dd{
	font-size:20px;
	color:#000;
	background:#efefef;
	padding:13px 5px;
	margin-bottom:17px;
	}

.side_menu .member_point_link{
	background:#fff;
	padding:0 5px 10px;
	text-align:left;
	margin:0 5px 10px 5px
	}

.side_menu .member_point_link li{
	font-size:14px;
	}
.side_menu .member_point_link li a{
	color:#000;
	}


.member_service_info{
	margin:0 5px 10px 5px;
	background:#ffffff;
	padding:15px 10px 10px;
	}


.member_service_info h2{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	color:#000066;
	}
.member_service_info h3{
	font-size:12px;
	margin-bottom:10px;
	color:#000;
	border-left:3px solid #0657c6;
	padding-left:5px;
	text-align:left;
	}

.member_service_info_list{
	background:#efefef;
	padding:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
	margin-bottom:20px;
	}
	

.member_service_info ul{
	text-align:left;
	font-size:14px;
	}

.member_service_info ul a{
	color:#000;
	}


.side_nav_bt_banner{
	margin-bottom:15px;
	}
.side_nav_bt_banner li{
	margin-bottom:10px;
	}





@media screen and (max-width: 480px) {
	
.member_point{
	overflow:hidden;
	}	

.member_point dt{
	display:inline-block;
	width:40%;
	float:left;
	margin-bottom:0;
	}

.member_point dd{
	box-sizing:border-box;
	display:inline-block;
	width:60%;
	float:left;
	}
		
.side_menu .member_point_link{
	background:none;
	padding:0 5px 10px;
	text-align:left;
	margin:5px 5px 10px 5px
	}	
.side_menu .member_point_link li a{
	color:#fff;
	}

.side_menu .member_point_link li a.arrow_blue::before{
	left: 4px;
	box-sizing: border-box;
	width: 5px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}	
	
	
	
.member_service_info{
	display:none;
	}	
.side_nav_bt_banner{
	display:none;
	}		
	
}


/* content
===============================================================*/

#first_info{
	background:#efefef;
	padding:15px;
	margin-bottom:30px;
	text-align:left;
	}

#first_info p{
	font-size:14px;
	line-height:1.4;
	}

.caution_red{
	color:#af002d;
	}


.base_area{
	position:relative;
	clear:both;
	margin-bottom:30px;
	overflow:hidden;
	}

.link_all{
	position:absolute;
	top:15px;
	right:0;
	display:inline-block;
	background:#000;
	width:55px;
	height:25px;
	text-align:center;
	}
.link_all a{
	display:block;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	line-height:25px;
	}
.link_all a span{
	background:url(../img_biz/index_biz-11.gif) no-repeat 4px 50%;
	padding-left:19px;
	}
	
	
	
.link_all a:hover{
	text-decoration:none;
	}


#main_column h2{
	font-size:24px;
	font-weight:bold;
	padding-bottom:15px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	line-height:1.2;
	}


#main_column h2.list_ico{
	background:url(../img_biz/index_biz-08.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.star_ico{
	background:url(../img_biz/index_biz-32.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.point_ico{
	background:url(../img_biz/index_biz-38.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.present_ico{
	background:url(../img_biz/index_biz-57.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.business_ico{
	background:url(../img_biz/index_biz-65.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}	
#main_column h2.internet_ico{
	background:url(../img_biz/index_biz-77.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.news_ico{
	background:url(../img_biz/index_biz-87.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.support_ico{
	background:url(../img_biz/index_biz-90.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.info_ico{
	background:url(../img_biz/index_biz-94.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
#main_column h2.connect_ico{
	background:url(../img_biz/index_biz-96.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
	
/* start dentsu追加 170823公開分 */
#main_column h2.microphone_ico{
	background:url(../img_biz/index_biz-97.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}
/* end dentsu追加 170823公開分 */
	

#main_column h1{
	background:#efefef;
	padding:10px 15px;
	font-size:28px;
	margin-bottom:25px;
	font-weight:bold;
	}

#main_column h2.normal{
	padding:15px 0 15px 18px;
	background:url(../img_biz/h2_line.gif) no-repeat left 50%;
	}
#main_column h2 span.small{
	font-size:10px;
	}	


@media screen and (max-width: 640px) {

.btn_fine{
	margin-bottom:10px;
	}

.link_all{
	position:relative;
	top:auto;
	right:auto;
	display:block;
	background:#000;
	width:100%;
	height:auto;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
	clear:both;
	}
	
.link_all.point a span,
.link_all.present a span,
.link_all.net a span,
.link_all.library a span{
	background:none;
	padding-left:0;
	}


.link_all a{
	color:#ffffff !important;
	}

.link_all a:visited{
	color:#ffffff !important;
	}


}
	

@media screen and (max-width: 480px) {


#first_info{
	background:#efefef;
	padding:15px;
	margin-bottom:30px;
	text-align:left;
	width:96%;
	margin:2%;
	box-sizing:border-box
	}


.base_area{
	position:relative;
	clear:both;
	width:100%;
	box-sizing:border-box;
	padding:2%;
	}
		
	
#main_column h2{
	font-size:16px;
	font-weight:bold;
	padding-bottom:15px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	line-height:1.2;
	}

#main_column h2 br{
	display:none;
	}


.link_all{
	position:relative;
	top:auto;
	right:auto;
	display:block;
	background:#000;
	width:100%;
	height:auto;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
	clear:both;
	}
	
.link_all.point a span,
.link_all.present a span,
.link_all.net a span,
.link_all.library a span{
	background:none;
	padding-left:0;
	}	
	
}





	
	
		
.first_box_area.box4{
	margin-bottom:10px;
	overflow:hidden;
	
	}

.first_box_area.box4 li:last-child{
	margin-right:0;
	}

.first_box_area.box4 li a{
	display:block;	
	width:163px;
	height:168px;
	padding-top:15px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	line-height:1.3;
	}
.first_box_area.box4 li img{
	display:block;
	margin:auto;
	margin-bottom:10px;
	}

	
	
		
.first_box_area.box3{
	margin-bottom:10px;
	overflow:hidden;
	
	
	}
.first_box_area.box3 li{
	width:223px;
	height:170px;
	box-sizing:border-box;
	border:1px solid #e6e6e6;
	float:left;
	margin-right:10px;
	text-align:center;
	}

.first_box_area.box3 li:last-child{
	margin-right:0;
	}

.first_box_area.box3 li a{
	display:block;	
	width:221px;
	height:168px;
	padding-top:15px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	line-height:1.3;
	}
.first_box_area.box3 li img{
	display:block;
	margin:auto;
	margin-bottom:10px;
	}
		

.txt_area p{
	margin-bottom:15px;
	line-height:1.4;
	font-size:14px;
	}

.txt_area li{
	margin-bottom:5px;
	line-height:1.4;
	font-size:14px;
	}

.service_banner{

	}


.long_banner{
	margin-bottom:15px;
	}
.long_banner img{
	border:1px solid #e6e6e6;
	max-width:100%;
	height:auto;
	}
	

/* start dentsu追加 170823公開分 */
.btn_fine{
	display:block;
	position:relative;
	}
.btn_fine a{
	position:absolute;
	right:20px;
	top:130px;
	}
.btn_fine a:hover img{
	filter: alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	opacity:1.0 !important;
	}
/* end dentsu追加 170823公開分 */
	

@media screen and (max-width: 480px) {
.first_box_area.box4 li{
	width:24%;
	height:auto;
	box-sizing:border-box;
	border:none;
	float:left;
	border-right:1px solid #000;
	margin-right:0;
	text-align:center;
	padding:0 1% 2% 1%;
	}

.first_box_area.box3 li{
	width:33.3%;
	height:auto;
	box-sizing:border-box;
	border:none;
	float:left;
	border-right:1px solid #000;
	margin-right:0;
	text-align:center;
	padding:0 2% 2% 2%;
	}

.first_box_area.box4 li:last-child,
.first_box_area.box3 li:last-child{
	margin-right:0;
	border:none;
	}

.first_box_area.box4 li a,
.first_box_area.box3 li a{
	display:block;	
	width:100%;
	height:auto;
	padding-top:15px;
	font-size:11px;
	font-feature-settings:palt;
	font-weight:bold;
	color:#000;
	letter-spacing:-1px;
	text-decoration:none;
	line-height:1.3;
	}
.first_box_area.box4 li img,
.first_box_area.box3 li img{
	display:block;
	margin:auto;
	margin-bottom:10px;
	width:78%;
	height:auto;
	}

.service_banner img{
	width:100%;
	height:auto;
	}
	
.first_box_area.box4  li p{
	font-size:12px;
	}	
	
.txt_area p{
	font-size:12px;
	}
	
	
	
}


ul.box3{
	overflow:hidden;
	margin-bottom:20px;
	}

ul.box3 li:firdt-child{
	}

ul.box3 li img{
	max-width:100%;
	height:auto;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
	}

/* start dentsu追加 170823公開分 */
ul.box3 li.large_bnr{
	width:auto;
	float:none;
	margin-right:0;
	}
ul.box3 li.large_bnr img{
	margin-bottom:0;
	}
/* end dentsu追加 170823公開分 */

ul.box3 li h3{
	font-size:18px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.4;
	}

ul.box3 li .ico_red{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#af002d;
	height:20px;
	line-height:20px;
	margin-right:5px;
	}

ul.box3 li .ico_blue{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#1944be;
	height:20px;
	line-height:20px;
	margin-right:5px;
	}
ul.box3 li .ico_green{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#00af36;
	height:20px;
	line-height:20px;
	margin-right:5px;
	}
ul.box3 li .ico_gray{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#666666;
	height:20px;
	line-height:20px;
	margin-right:5px;
	}
ul.box3 li .ico_emerald{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#00a1af;
	height:20px;
	line-height:20px;
	margin-right:5px;
	}


ul.box4{
	overflow:hidden;
	margin-bottom:20px;
	}


ul.box4 li:last-child{
	margin-right:0;
	}

ul.box4 li img{
	max-width:100%;
	height:auto;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
	}

ul.box4 li h3{
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
	color:#af002d;
	}
ul.box4 li a{
	}

ul.box4 li p a{
	line-height:1.4 !important;
	}	


ul.box4 li .ico_point{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#fff;
	height:20px;
	line-height:20px;
	color:#1976be;
	border:1px solid #1976be;
	}
ul.box4 li .ico_point.premium{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#af002d;
	height:20px;
	line-height:20px;
	color:#fff;
	border:1px solid #af002d;
	}


ul.present li{
	clear:both;
	margin-bottom:20px;
	width:100%;
	display:table;
	vertical-align:top;
	}

ul.present li .img{
	width:219px;
	vertical-align:top;
float:left;
	}
ul.present li .img img{
	border:1px solid #e6e6e6;

	}	
	
	
ul.present li .present_info h3{
	font-size:18px;
	font-weight:bold;
	line-height:1.4 !important;
	margin-bottom:5px;
	}
ul.present li .present_info p{
	font-size:14px;
	line-height:1.4;
	}



@media screen and (max-width: 480px) {
	

ul.box4{
	overflow:hidden;
	margin-bottom:20px;
	}

ul.box4 li{
	width:48%;
	float:left;
	margin-right:1%;
	margin-bottom:7%;
	box-sizing:border-box
	}
ul.box4 li:nth-child(even){
	margin-right:0;
	margin-left:1%;
	}
	
ul.box4 li:nth-child(3){
	clear:left;
	}
		
	
ul.box4 li:last-child{
	margin-right:0;
	}

ul.box4 li img{
	width:100%;
	height:auto;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
	}

ul.box4 li h3{
	font-size:13px;
	line-height:1.4;
	margin-bottom:5px;
	font-weight:bold;
	color:#af002d;
	}
ul.box4 li a{
	}

ul.box4 li .ico_point{
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:0 10px;
	background:#fff;
	height:20px;
	line-height:20px;
	color:#1976be;
	border:1px solid #1976be;
	}
ul.box4 li p{
	font-size:12px;
	}



ul.box3{
	overflow:hidden;
	margin-bottom:20px;
	}

ul.box3 li{
	width:31%;
	float:left;
	margin-right:1%;
	box-sizing:border-box
	}
ul.box3 li:firdt-child{
	}
ul.box3 li:nth-child(2){
	margin-right:0;
	margin-left:1%;
	}	
ul.box3 li:last-child{
/*	display:none; */
	margin-left:2%;
	}

ul.box3 li img{
	width:100%;
	height:auto;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
	}

ul.box3 li h3{
	font-size:13px;
	line-height:1.4;
	margin-bottom:10px;
	font-weight:bold;
	}
ul.box3 li p{
	display:none;
	}	
	
	
ul.present li .img{
	display:table-cell;
	width:30%;
	vertical-align:top;

	}
ul.present li .img img{
	border:1px solid #e6e6e6;
	width:100%;
	height:auto;
	}	
	
ul.present li .present_info h3{
	font-size:13px;
	font-weight:bold;
	line-height:1.4 !important;
	}
ul.present li .present_info p{
/*	display:none; */
	}	
	
}


.help_box{
	background:#e7eaf1;
	padding:10px 0 10px 10px;
	overflow:hidden;
	margin-bottom:20px;
	}

.help_box li{
	margin-right:10px;
	width:300px;
	float:left;
	background:#fff;
	padding:15px;
	box-sizing:border-box;
	text-align:left;
	height:205px;
	}

.help_box li p{
	font-size:12px;
	margin-bottom:5px;
	text-align:center;
	}
.help_box li p:last-of-type{
	margin-bottom:0px;
	font-size:12px;
	line-height:1.4;
	text-align:left;
	}

.help_box li h3{
	text-align:center;
	font-size:22px;
	margin-bottom:10px;
	font-weight:bold;
	}


.help_box.support li{
	height:auto;
	}

.help_box.support li p:last-of-type{
	margin-bottom:5px;
	font-size:12px;
	line-height:1.3;
	text-align:center;
	}

.help_box .show_link{
	text-align:right;
	padding:10px 10px 0 0;
	clear:both;
	}
.help_box .show_link a{
	color:#000;
	}




.helpdesk_box{
	overflow:hidden;
	width:640px;
	margin:0 auto 20px;
	}

.helpdesk_box .show_link{
	text-align:right;
	padding:10px 10px 0 0;
	clear:both;
	}
.helpdesk_box .show_link a{
	color:#000;
	}

.helpdesk_box .box_left,
.helpdesk_box .box_right{
	float:left;
	width:50%;
}

.helpdesk_box h3{
	text-align:center;
	font-weight:bold;
	font-size:20px;
}

.helpdesk_box .news{
	width:90%;
	margin:5px auto;
}


.sp_banner{
	display:none;
	}

#footer{
	border:none !important;
	}


.global{
	width:100%;
	background:#c2daca;
	text-align:center;
	position:relative;
	padding:8px 0;
	margin-top:20px;
	}

#header-global-nav .global{
	background:#ffffff !important;
}

.global li{
	display:inline-block;
/*	margin:0 0px; */
	font-size:12px;
	}
.global li a{
	color:#000;
	text-decoration:underline;
	}


@media screen and (max-width: 480px) {
	
.help_box{
	background:#e7eaf1;
	padding:10px 10px 1px 10px;
	overflow:hidden;
	margin-bottom:20px;
	}
		
.help_box li{
	margin-right:0 !important;
	width:100%;
	float:left;
	background:#fff;
	padding:15px;
	box-sizing:border-box;
	text-align:left;
	height:auto;
	margin-bottom:10px;
	}
.help_box .show_link{
	text-align:right;
	padding:0 10px 10px 0;
	clear:both;
	}	
	
.sp_banner{
	display:block;
	padding:1%;
	overflow:hidden;
	margin-bottom:20px;
	}	
	
.sp_banner li{
	float:left;
	padding:0 1% 2%;
	width:50%;
	box-sizing:border-box;
	}	
.sp_banner li img{
	border:1px solid #e6e6e6;
	width:100%;
	height:auto;
	display:none;
	}	
	
body p.shinsa-num {
	border: 1px solid #c4cbd0;
	clear: both;
	color: #95a2ab !important;
	float: right;
	font-family: monospace;
	font-size: 10px !important;
	line-height: 12px !important;
	margin-top: 42px;
	margin-right:10px;
	padding: 1px 3px;
	text-align: center;
	width:100px !important;
}
	
	
#footer,
#wrap group,
#footer .wrap{
	width:100% !important;
	box-sizing:border-box;

	}	
#footer{
	position:relative;
	border:none !important;
	padding-bottom:40px;
	}

.global,
#pc-site-view{
	display:none !important;
	}

#pagetop #pc-site-view{
	display:none !important;
	}


#pagetop{
	text-align:left;
	font-size:10px !important;
	margin:0 0 10px 3%;
	width:97%;
	box-sizing:border-box;
	}
	
#pagetop p a {
}	
	
	
#pagetop p{
	width:90%;
	}
	
#pagetop p a{
	background: url("../img/arrow_pagetop.gif") no-repeat scroll 3px 0.5em;
	display: inline-block;
	padding-left: 1.7em;
	width:97%;
	box-sizing:border-box;
	}


#tax_info {
	background-color:#333;
	left:0;
	bottom:0;
	opacity:.80;
	filter:alpha(opacity=80);
		-ms-filter:'alpha(opacity=80)';
		-moz-opacity:.80;
	position:fixed;
	color:#fff;
	font-size:9px !important;
	text-align:left;
	width:100%;
	z-index:9999;
	box-sizing:border-box;
		-webkit-backface-visibility: hidden;	/* for android2.3.x */
}
#tax_info p {
	float:none !important;
	clear:both;
	padding:1px 12px;
	background-color:transparent !important;
	box-sizing:border-box;
	font-size:9px !important;
}
#tax_info p span {
	margin:0 0;
	display:block;
}
#tax_info p span.sp_non {
	display:none;
}
#tax_info p a {
  color:#fff;
  text-decoration:underline;
}



	
#footer .logo{
	position:absolute;
	bottom:45px;
	left:0;
	float:none;
	}

	
#footer p.copyright{
	font-size:100% !important;
	padding-left:0;
	box-sizing:border-box;
	padding-bottom:10px;
	text-align:left !important;
	padding-top:0 !important;
	color:#b6babd;
	width:auto;
	}	
	
#footer ul.utility{
	background:#e2eff7;
	border-bottom:2px solid #c9e2e7;
	padding:5px 0 0 23px;
	box-sizing:border-box;
	width:100%;
	margin-bottom:10px;
	}

#footer ul.utility li{
	font-size:100% !important;
	line-height:1.5;
	float:none;
	display:block;
	color:#000;
	margin:0;
	text-align:left;
	margin-bottom:5px;
	}
#footer ul.utility li a{
	color:#000;
	text-decoration:underline;
}
.arrow-c01{
	background:none;
	padding:0;
	}	
	
	
}




/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}


@media screen and (max-width: 480px) {
	
.bx-wrapper {
	margin: 0 auto 20px;
}

}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align:center;
}


@media screen and (max-width: 480px) {

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -20px;
}

	
}

	
/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center !important;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}


@media screen and (max-width: 480px) {

.bx-wrapper .bx-pager {
	text-align: center !important;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
}

}


.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img_biz/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img_biz/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 100%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/* Cサポ追記分　20170112? */
.li_end{
	margin-right:0 !important;
}

/* 元気ことば */

#main_column h2.kotoba_ico{
	background:url(/cn-w/cmn/img_biz/index_biz-97.gif) no-repeat left 50%;
	padding:15px 0 15px 50px;
	}


.btn_fine a{
	position:absolute;
	right:20px;
	top:125px;
	}



/* お悩みさん */

.onayami_MB30{
	margin-bottom:30px;
}


/* モーダル追記 2019/01/28 */

#PR_modal {
	display:none;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	z-index:100;
}

#PR_modal .PR_modal_inner {
	margin:10% auto;
	width: 900px;
}

#PR_modal .PR_modal_inner a:hover img {
	opacity: 1.0;
}

@media screen and (max-width: 480px) {

#PR_modal .PR_modal_inner {
	margin:10%;
	width: auto;
}

}


/* メンバートップ修正追記　2019/02/08 */


/*-interview-*/
#mtop_interview01{margin-bottom:30px;}
#mtop_interview02{clear:both;}

#mtop_interview h3{
	font-size:20px;
	font-weight:bold;
	margin: 40px 0 20px 0;
}

#mtop_interview02 .case02{
	width:340px;
	float: left;
	margin-right: 10px;
}

#mtop_interview02 .case01{
	width:340px;
	float: right;
}

#mtop_interview02 dd{/*-txtlink-*/
	margin-top:10px;
	font-size:120%;
	letter-spacing:1px;
}

#mtop_library_btn{
	clear:both;
	text-align:center;
	margin:60px 0 100px 0;
}

#mtop_interview02{
	overflow: hidden;
}

.mtop_library{
	position: relative !important;
}



/*-library_contents-*/

#library_contents ul.box3 li h3{
	font-size: 120%;
	font-weight: normal !important;
	display: block;
	text-align:center;
}


.mb60{
	margin-bottom: 60px;
}


/* 知恵袋・ビジネス知恵袋への導線追加　2019/07/23 */

#main_column ul.lead {
	overflow: hidden;
	zoom: 1;
	margin: 90px 0;
}

#main_column ul.lead li {
	width: 340px;
	float: left;
	margin-right: 10px;
}