.br_pc::before {
	content: "\A";
	white-space: pre;
}

/*ヘッダー————————————————————————————*/
.header{
	align-items: center;
	margin-bottom: 50px;
}
.logo{
	max-width:90%;
}
.logo .logo_1{
	max-width: 40%;
}
.logo .logo_1,.logo .logo_2{
	display: inline-block;
	vertical-align: middle;
}
.logo h2.logo_2{
	max-width: 45%;
	margin-left: 20px;
}
/*サブタイトル————————————————————————————*/
.title_service,
.title_work,
.title_news,
.title_contact{
	background-size: cover;
	text-align: left;
}

/*FV————————————————————————————*/
.fv{
	background-image: url('.././img/fv_top_pc.jpg');
	background-size: 80% auto;
	padding-top: calc(497/950*100%);
}
.fv_title{
	width:32%;
	height:86%;
	position:absolute;
	top:0;
	left: 20px;
	bottom:0;
	margin:auto;

}
.fv_title h2{
	font-size:clamp(25px, 5.4vw, 55px);
	color: #ffffff;
	line-height: 1.3em;
}

/*できること————————————————————————————*/
.service_left{
	width: 22%;
	height: 300px;
}
.service_right{
	width: 78%;
	padding-left: 20px;
}
.right_box_in{
	width: 50%;
	padding: 10px;
}
.right_box_in h3{
	border-bottom: solid 1px #C6E2F8;
}
.service_etc p{
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:calc(90/250*100%);
}

/*ニュース————————————————————————————*/
.news_item{
	padding: 10px 5px;
}
.data{
	width: 15%;
}

.news_item .date_day p{
	font-size: 30px;
}
.news_item .date_month p{
	font-size: 14px;
}