.logo_font {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}
.top_sub_title {
	font-family: 'Open Sans', sans-serif;
}

.heading10 {
	position: relative;
	padding-top: 10px;
	font-size: 2rem;
	border-bottom: 1px solid rgba(5,62,98,1);
}

.heading10 .posi_re {
	position: relative;
	z-index: 2;
}

.white-outline-text {
    font-weight: bold;
    stroke: #FFF;
    stroke-width: 8px;
}
.primary-text {
    font-weight: bold;
    fill: #4c57d6;
}

.heading10::before {
	content: attr(data-en);
	position: absolute;
	top: -14px;
	left: 0;
	color: rgba(255, 255, 255, 0.1);
	font-size: 40px;
	text-transform: uppercase;
	z-index: 1;
}

.pricing__item > img {
	width: 100%;
	height: 140px;
	margin-bottom: 20px;
}
.top_text {
	font-size: 1rem;
	line-height: 1.6;
}
.font_color {
	color: #4c57d6;
	font-weight: bold;
  font-size: 1.2rem;
}
.pricing-section {
	overflow: hidden;
}
.services-section {
	overflow: hidden;
}
.strong_font_red {
	font-weight: bold!important;
	color: #4c57d6 !important;
}
.strong_font_blue {
	font-weight: bold !important;
	color: #004098 !important;
}

/* タイトル付　枠　1　*/
.kakomi-box11 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 color: #555555; /* 文章色 */
 background-color: #fff; /* 背景色 */
 border: 1px solid #555555; /* 枠線の太さ・色 */
 width: 100%;
 text-align: left;
 border-radius: 10px;
}
.title-box11 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #FF8080; /* タイトル文字色 */
}
.work__item img {
	width: 70px;
	height: 100%;
}

@media screen and (max-width:768px) {
	.pc {
		display: none;
	}
	.hero__item .hero__text {
		padding-top: 140px !important;
	}
	.work__text {
		padding: 40px;
	}
	.header__logo {
    padding-top: 30px;
}
.logo_font {
	font-size: 1.2rem;
}
.hero__text h2 {
	font-size: 1.8rem;
	line-height: 1.3;
}
}
@media screen and (min-width:769px) {
	.sp {
		display: none;
	}
	.mb_50_pc {
		margin-bottom: 50px;
	}

}