/* latin */
@font-face {
	font-family: 'ABeeZee';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/abeezee/v14/esDR31xSG-6AGleN2tWkkA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media screen and (max-width: 999px) {
	.o-section-home-chatwork__link_single {
		justify-content: center;
	}
}

/* 標準で入る下線を除去 */
a:hover, a:focus {
	text-decoration: none;
}

@media screen and (max-width: 999px) {
	.container {
		/* padding-bottom: 22px; */
		padding-bottom: 46px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.o-content {
		/* margin-bottom: 46px; */
		margin-bottom: 0px;
	}
}

@media screen and (min-width: 1000px) {
	.container {
		/* padding-bottom: 43px; */
		padding-bottom: 76px;
	}

	.o-content {
		/* margin-bottom: 79px; */
		margin-bottom: 0px;
	}
}

/* .o-section-home-chatwork {
	position: sticky;
	position: -webkit-sticky;
	z-index: 2000;
}
@media screen and (max-width: 999px) {
	.o-section-home-chatwork {
			width: 100%;
			left: 0;
			transform: translateX(0);
			z-index: 2000;
	}
} */
/* 追従バナー圧縮テスト start*/
/* @media screen and (min-width: 999px) {
	.o-section-home-chatwork {
			bottom: 5px;
	}
} */
/* 追従バナー圧縮テスト end*/
@media screen and (max-width: 999px) {
	.logo-img {
		width: 106px;
		height: auto;
	}
}

@media screen and (min-width: 1000px) {
	.logo-img {
		width: 113px;
		height: auto;
	}
}

@media screen and (min-width: 1000px) {
	.o-section-home-chatwork__link {
		/* margin-top: 0px; */
	}
}

@media screen and (min-width: 1000px) {
	.o-section-home-chatwork-non-goin__link {
		margin-top: 0px;
	}
}

/* フロートしない対応 2022/05 */
@media screen and (max-width: 999px) {
	.p-case-study-detail__pin-inner {
		top: 0;
		bottom: auto;
		width: 100%;
		position: absolute;
		transition: bottom 0.3s ease;
	}
}

@media screen and (min-width: 1000px) {
	.p-case-study-detail__pin-inner {
		bottom: 0;
		position: absolute;
		transition: bottom 0.3s ease;
	}
}

/* フロートしない対応 2022/06 */
@media screen and (max-width: 999px) {
	.p-service-detail__pin-inner {
		bottom: auto;
		position: relative;
		z-index: 999;
	}
}

@media screen and (min-width: 1000px) {
	.p-service-detail__pin-inner {
		bottom: auto;
		position: relative;
	}
}

.nav {
	margin-top: 36px;
	margin-bottom: 36px;
}

/* 既存ボタンに干渉するためコメントアウト */
/* @media screen and (min-width: 1000px){
	.o-section-home-chatwork__link {
			margin-top: 0px;
	}
} */
@media screen and (max-width: 999px) {
	.o-section-home-chatwork__read {
		display: block;
	}
}

@media screen and (min-width: 1000px) {
	.p-service-detail__pin-inner {
		height: 92px;
		margin-top: 56px;
		padding: 23px, 12px, 23px, 32px;
	}

	.p-service-detail__pin-inner .a-title {
		font-size: 14px;
		line-height: 1.7142857143;
	}
}

@media screen and (max-width: 999px) {
	.p-service-detail__pin-inner {
		max-height: 180px;
		min-height: 102px;
		margin-top: 48px;
		padding: 12px, 17px, 16px;
	}

	.p-service-detail__pin-inner .a-title {
		font-size: 12px;
		line-height: 1.6666666667;
	}
}

@media screen and (min-width: 1000px) {
	.non-login-btn-area {
		height: 114px;
	}
}

.p-service-detail__pin-inner {
	border-color: #d4f4f2;
}

/* 非会員向け画面用ロゴ start */
@media screen and (min-width: 1000px) {
	.area-logo {
		position: relative;
		text-align: left;
		margin-top: 20px;
		height: 30px;
	}

	.img-logo {
		width: 153px;
		position: absolute;
		top: 20px;
		left: 0px;
	}
}

@media screen and (max-width: 999px) {
	.area-logo {
		text-align: center;
		margin-top: 20px;
		height: 30px;
	}

	.img-logo {
		width: 153px;
		top: 20px;
		left: 0px;
	}
}

/* 非会員向け画面用ロゴ end */
/* 2022/11 追加分 （阪上さん）＋少し修正 */
p.subtitle, p.date {
	line-height: 1.7em;
	font-size: 16px;
}

.cont > img, .text_area > img {
	margin-bottom: 20px;
}

.text_area p {
	margin-bottom: 40px;
}

/* box サービスロゴ改修 start */
/* .recommendation-img {
float: left;
margin: 20px;
width: 200px;
} */
.recommendation-img {
	float: left;
	margin: 20px;
	width: 200px;
	object-fit: contain;
	max-height: 150px;
}

/* box サービスロゴ改修 end */
.recommendation-text {
	float: left;
	padding: 20px;
}

.recommendation-cat {
	background: #d7d7d7;
	font-weight: bold;
	color: #545454;
	font-size: 12px;
	padding: 2px 15px;
	border-radius: 10px;
}

.recommendation-text h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto;
}

h2.h2_read {
	font-size: 24px;
	margin-bottom: 40px;
	font-weight: bold;
	line-height: 1.8em;
}

.cont {
	margin-bottom: 80px;
}

.text_area img {
	margin: 20px auto;
	width: 60%;
	display: block;
}

.name_area {
	position: rerative;
	margin-bottom: 20px;
}

.name_area h3.name {
	font-size: 20px;
	font-weight: bold;
	float: left;
}

.name_area .date {
	float: right;
}

.point {
	background: #e0f7f6;
	padding: 30px;
	border-radius: 12px;
	margin: 40px auto;
}

.point h3 {
	padding: 0 10px 10px 10px;
	color: #454545;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dashed 2px #11bdbd;
	margin-bottom: 20px;
}

strong {
	background: linear-gradient(transparent 50%, #fff600 50%);
}

.p-case-study-detail__pin-inner {
	position: unset;
	left: 0;
	transform: translateX(0);
	right: 0;
	width: auto;
}

@media screen and (max-width: 999px) {
	p.subtitle, p.date {
		font-size: 14px;
	}

	h2.h2_read {
		font-size: 16px;
	}

	.name_area h3.name {
		font-size: 16px;
	}

	.recommendation-img {
		float: none;
		margin: 20px auto;
		display: block;
	}

	.recommendation-text {
		float: none;
	}

	.recommendation-text h5 {
		font-size: 14px;
	}
}

/* AGXで追加 */
@media screen and (min-width: 1000px) {
	.cont .a-image-pc {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 999px) {
	.cont .a-image-sp {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

.text_area .o-case-study-category__heading-first {
	margin-top: 40px;
}

.o-case-study-category__heading {
	margin-top: 80px;
}

/* @media screen and (min-width: 1000px){
	.section-img-div {
			display: flex;
			justify-content: space-between;
	}
	.section-img-div div {
			display: flex;
			width: 100%;
			margin: 20px auto;
	}
	.section-img-div img {
			display: block;
			max-width: 576px;
			margin: auto;
	}
} */
/* バナー変更 2022/11 */
.p-service-detail__pin-inner {
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	transform: translateX(0);
	z-index: 2000;
	border-color: #d4f4f2;
}

@media screen and (min-width: 1000px) {
	.p-service-detail__pin-inner {
		height: 92px;
		margin-top: 56px;
		padding: 23px, 12px, 23px, 32px;
	}

	.p-service-detail__pin-inner .a-title {
		font-size: 14px;
		line-height: 1.7142857143;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width: 999px) {
	.p-service-detail__pin-inner {
		max-height: 180px;
		min-height: 102px;
		margin-top: 48px;
		padding: 12px, 17px, 16px;
		bottom: 104px;
	}

	.p-service-detail__pin-inner .a-title {
		font-size: 12px;
		line-height: 1.6666666667;
	}
}

@media screen and (max-width: 999px) {
	.p-service-detail__pin-inner {
		bottom: auto;
		position: relative;
		z-index: 999;
	}
}

@media screen and (min-width: 1000px) {
	.p-service-detail__pin-inner {
		bottom: auto;
		position: relative;
	}
}

/* .o-case-study-category__heading {
	margin-top: 40px;
} */
.recommendation-text h5,
.cont .h2_read,
.cont .subtitle,
.name_area .name,
.name_area .date,
.point h3 {
	font-family: 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro W6', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* 2023/04 パンくず修正 */
.breadcrumb li a:hover {
	text-decoration: underline;
	color: #129898;
}

.cs-detail .breadcrumb li {
	font-size: 14px;
}

.cs-detail .breadcrumb {
	max-width: 992px;
	padding: 0 .5rem;
	width: 1000px;
	margin: 5px auto 0 auto;
	font-size: 12px;
}

.cs-detail .breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.cs-detail .breadcrumb ul a {
	color: #11bdbd;
}

.cs-detail .breadcrumb li:not(:last-child)::after {
	display: inline-block;
	margin: 0 .25rem;
	content: ">";
}

@media screen and (max-width: 999px) {
	.cs-detail nav.breadcrumb {
		width: auto;
	}
}

/* box サービスロゴ改修 start */
@media screen and (min-width: 1000px) {
	.o-section-home-chatwork__company img {
		width: 162px;
		height: 89px;
		transform: translateY(4px);
		object-fit: contain;
	}
}

/* box サービスロゴ改修 end */