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 .hdr{
	width:280px;
	height:150px;
}
#header .nav{
	display:flex;
	justify-content:right;
	align-items:center;
	column-gap:20px;
	padding:5px 10px;
	background:rgba(255,255,255,0.7);
}
#header .nav .contact a{
	line-height:40px;
	border-radius:20px;
	display:table;
	padding:0 25px;
}



#footer .bar .wrp{
	display:flex;
	column-gap:30px;
}
#footer .nav{
	display:flex;
	justify-content:right;
	align-items:center;
	column-gap:20px;
	padding-bottom:10px;
}
#footer .copy{
	text-align:right;
}



.dl_tbl{
	display:flex;
	flex-wrap:wrap;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
	border-top:2px solid #f1e426;
}
.dl_tbl dt,
.dl_tbl dd{
	padding:25px 40px;
	margin:0;
	box-sizing:border-box;
	border-bottom:2px solid #f1e426;
}
.dl_tbl dt{
	width:25%;
	font-weight:bold;
}
.dl_tbl dd{
	width:75%;
}
.dl_tbl.noline{
	border-top:none;
}
.dl_tbl.noline dt,
.dl_tbl.noline dd{
	padding:30px 0;
	border-bottom:none;
}
.dl_tbl.noline dt{
	width:25%;
}
.dl_tbl.noline dd{
	width:75%;
}



.dl_tbl_form{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.dl_tbl_form dt,
.dl_tbl_form dd{
	padding:20px 30px;
	margin:0;
	box-sizing:border-box;
}
.dl_tbl_form dt{
	width:30%;
	font-weight:bold;
}
.dl_tbl_form dd{
	width:70%;
}



#visual{
	margin-top:-50px;
}
#visual .wrp{
	height:380px;
}



#visual.index .wrp{
	height:650px;
}
#visual.index .wrp .hdr{
	font-size:60px;
	top:40%;
}
#visual.index .wrp .txt{
	font-size:40px;
	bottom:40%;
}



#visual.sns_web .wrp{
	background-position:right 500px top 60px,
						right 200px top 80px,
						right 100px bottom 20px;
	background-size:100px,
					280px,
					110px;
}
#visual.sns_web .wrp .hdr{
	left:120px;
	top:160px;
	font-size:40px;
	line-height:50px;
}
#visual.sns_web .wrp .txt{
	left:120px;
	top:220px;
	font-size:30px;
	line-height:55px;
}



#visual.sw_support .wrp{
	height:250px;
	background-position:right 500px top 60px,
						right 100px bottom 20px;
	background-size:100px,
					110px;
}
#visual.sw_support .wrp .hdr{
	left:120px;
	top:160px;
	font-size:40px;
	line-height:50px;
}






#sns_web .wrp{
	display:flex;
	column-gap:30px;
}
#sns_web .wrp .cell{
	flex:1;
}



#sw_support .wrp.saa{
	display:flex;
	column-gap:60px;
	align-items:center;
}
#sw_support .wrp.saa .cell.txt{
	width:55%;
}
#sw_support .wrp.saa .cell.img{
	flex:1;
}



#sw_support .box.op .box_cell{
	flex:1;
}
#sw_support .flow .arrow{
	clip-path:polygon(0 0,100% 50%,0 100%);
}








#btm_recruit .wrp{
	display:flex;
	column-gap:70px;
	align-items:center;
}
#btm_recruit .wrp .hdr{
	font-size:25px;
	line-height:35px;
}
#btm_recruit .wrp_dscr_img{
	display:flex;
	column-gap:30px;
	align-items:center;
}



#top .wrp{
	display:flex;
	column-gap:30px;
	align-items:center;
}
#top .wrp .cell_1{
	width:350px;
}
#top .wrp .cell_2{
	flex:1;
}
#top .wrp .dscr{
	font-size:13px;
	line-height:25px;
}



.rrt_ttl{
	padding-left:170px;
	font-size:30px;
	line-height:50px;
	background-position:center left;
	background-size:150px;
}