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;}



.box{
	padding:30px;
}



.dl_tbl dt{
	width:25%;
}
.dl_tbl dd{
	width:75%;
}



.content{
	padding:0 50px;
}



.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%;
}



#header_wrapper .inner{
	padding-left:0;
	padding-right:0;
}
#header .hdr{
	line-height:90px;
	height:90px;
	margin:0;
	background:#fff;
	clip-path:polygon(0 0, 100% 0, 0 100%);
	box-sizing:border-box;
	padding-left:15px;
}
#header .hdr img{
	width:130px;
}
#header{
	position:relative;
}
#header .nav{
	position:absolute;
	right:10px;
	bottom:10px;
	margin:0;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	column-gap:20px;
}
#header .nav a{
	color:#fff;
}



#footer .wrp{
	display:flex;
	align-items:stretch;
	column-gap:20px;
}
#footer .wrp .cell{
	display:flex;
	align-items:center;
}
#footer .wrp .logo{
	padding:0 30px 0 100px;
}
#footer .wrp .logo img{
	width:140px;
}
#footer .wrp .dv{
	flex:1;
}
#footer .wrp .nav{
	position:absolute;
	right:20px;
	bottom:20px;
}



#visual{
	height:80vh;
}
#visual .txt{
	font-size:50px;
	line-height:70px;
	top:20px;
	left:30px;
}



#top_svc{
	margin-top:-60px;
}
#top_svc .box .img{
	width:65%;
	right:-30px;
	top:70px;
}
#top_svc .txt_1,
#top_svc .txt_2{
	width:55%;
	margin-left:-85px;
}
#top_svc .txt_3{
	margin-left:-85px;
	margin-right:-85px;
}
#top_svc .txt_1 .hdr{
	font-size:27px;
	line-height:40px;
}
#top_svc .txt_3 .dscr{
	font-size:23px;
	line-height:40px;
}



#top_com.content{
	padding-left:0;
}
#top_com .wrp{
	display:flex;
	column-gap:15px;
	align-items:flex-end;
}
#top_com .wrp .img{
	width:25%;
}
#top_com .wrp .txt{
	flex:1;
}



#top_rec.content{
	padding-right:0;
}
#top_rec .wrp{
	display:flex;
	column-gap:20px;
	align-items:flex-end;
}
#top_rec .wrp .img{
	width:25%;
}
#top_rec .wrp .txt{
	flex:1;
}



#company_msg .wrp{
	display:flex;
	column-gap:20px;
}
#company_msg .wrp p{
	margin:0;
}
#company_msg .wrp .txt{
	width:70%;
}
#company_msg .wrp .img{
	flex:1;
}



#company_rec .wrp{
	display:flex;
	column-gap:20px;
}
#company_rec .wrp .txt{
	width:70%;
}
#company_rec .wrp .img{
	flex:1;
}



#recruit .dl_tbl{
	padding-left:30px;
}



#marketing_head .inner .img{
	width:55%;
	height:250px;
}



#marketing_results .wrp{
	display:flex;
	column-gap:20px;
	align-items:center;
}
#marketing_results .wrp_ctt .cell{
	flex:1;
}



#marketing_foot{
	padding:0;
}
#marketing_foot .box{
	padding-left:100px;
	padding-right:40px;
	clip-path:polygon(0 0,100% 0,100% 100%,130px 100%);
}
#marketing_foot .wrp .web .txt{
	text-align:right;
}
#marketing_foot .wrp .big{
	display:table;
}
#marketing_foot .wrp .web .big{
	margin-right:0;
	margin-left:auto;
}



#marketing_problem .wrp{
	display:flex;
	column-gap:20px;
	align-items:center;
	flex-direction:row-reverse;
}
#marketing_problem .wrp .img img{
	width:220px;
}



#mktg_dtl_plan{
	padding:0;
}
#mktg_dtl_plan .box{
	padding-left:100px;
	padding-right:100px;
	clip-path:polygon(0 0,100% 0,calc(100% - 80px) 100%,80px 100%);
}
#mktg_dtl_plan .txt{
	text-align:center;
}
#mktg_dtl_plan .wrp .cell{
	display:flex;
	column-gap:30px;
}
#mktg_dtl_plan .wrp .cell .dtl{
	text-align:right;
}
#mktg_dtl_plan .wrp .cell .itm{
	width:35%;
}
#mktg_dtl_plan .wrp .cell .dtl{
	flex:1;
}



#mktg_dtl_contact .dscr{
	text-align:center;
}