html{font-size:15px;}

.for_sp{display:none;}
.ime_j{ime-mode:active;}
.ime_e{ime-mode:inactive;}
.center_pc{margin-left:auto;margin-right:auto;text-align:center;}



#header_wrapper{
	position:relative;
	z-index:1;
}
#header_wrapper .dscr{
	color:#fff;
	padding-left:10px;
}
#header{
	display:flex;
	align-items:center;
}
#header_wrapper .dscr{
	margin:0;
}
#header .hdr{
	display:flex;
	justify-content:center;
	align-items:center;
	background:#eee;
	width:480px;
	padding:20px;
	box-sizing:border-box;
	margin:0;
}
#header .nav{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	column-gap:20px;
	padding:20px;
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:20px;
}



#footer .nav{
	display:flex;
	justify-content:center;
	align-items:center;
	column-gap:20px;
	font-size:20px;
	padding:20px;
}
#footer .btm .wrp{
	display:flex;
	justify-content:space-around;
	align-items:center;
	column-gap:20px;
}



.dl_tbl{
	display:flex;
	flex-wrap:wrap;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
	border-top:1px solid #000;
}
.dl_tbl dt,
.dl_tbl dd{
	padding:20px;
	margin:0;
	box-sizing:border-box;
	border-bottom:1px solid #000;
}
.dl_tbl dt{
	width:20%;
	font-weight:bold;
	text-align:center;
}
.dl_tbl dd{
	width:80%;
}



#visual{
	margin-top:-156px;
}
#visual .wrp{
	height:700px;
}
#visual .wrp .hdr{
	font-size:60px;
	line-height:70px;
}
#visual .wrp .txt{
	font-size:25px;
	line-height:40px;
}



#visual.index .wrp .box{
	column-gap:60px;
	padding:40px;
}
#visual.index .wrp .hdr{
	font-size:50px;
	line-height:70px;
}
#visual.index .wrp .txt{
	font-size:20px;
	line-height:30px;
}



#svc_web .wrp{
	display:flex;
	column-gap:30px;
}
#svc_web .wrp .cell{
	flex:1;
}
#svc_web .wrp .hdr{
	text-align:center;
}



#svc_sns .wrp .cell{
	display:flex;
	column-gap:30px;
	flex-direction:row-reverse
}



.box .lst{
	padding:50px 0 50px 200px;
	background-position:center left;
}



.box.solution .wrp{
	display:flex;
	column-gap:20px;
	padding:10px;
}
.box.solution .wrp .cell{
	flex:1;
}



#web .box.reason .wrp{
	display:flex;
	column-gap:30px;
	align-items:center;
}
#web .box.reason .wrp .cell{
	flex:1;
}
#web .flow .wrp{
	max-width:800px;
	margin:auto;
}
#web .flow .wrp .cell{
	padding:10px 40px;
}



#sns .box.tool .wrp{
	column-gap:60px;
}
#sns .box.tool .wrp .cell{
	flex:1;
}

#sns .box.flow .wrp{
	display:flex;
}
#sns .box.flow .wrp .cell{
	flex:1;
}



#company .dscr{
	display:table;
	margin-left:auto;
	margin-right:auto;
}