@charset "UTF-8";
.p-service {
	width: min(100%, 1728px);
	padding-top: 62px;
	margin: 0 auto
}
.p-service__list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(408px, 1fr));
	gap: clamp(20px, 4vw, 48px) clamp(20px, 3vw, 36px)
}
@media screen and (max-width:768px) {
	.p-service__list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr
	}
}
.p-service__link {
	display: block;
	height: 100%;
	background: #ffffff;
	position: relative;
	-webkit-transition: background 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, filter 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service__link:hover {
		background: #f4f9fd;
		-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
		filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1))
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service__link:hover:before {
		width: 50px;
		right: 11px
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service__link:hover:after {
		right: 9px
	}
}
.p-service__link:before {
	content: "";
	position: absolute;
	bottom: 24px;
	right: 16px;
	display: block;
	width: 40px;
	height: 1px;
	background: #175292;
	-webkit-transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
	transition: width 0.3s ease-in-out, right 0.3s ease-in-out
}
.p-service__link:after {
	content: "";
	position: absolute;
	bottom: 24px;
	right: 14px;
	-webkit-transform: translateY(-2px) rotate(45deg);
	transform: translateY(-2px) rotate(45deg);
	width: 7px;
	height: 1px;
	background: #175292;
	-webkit-transition: right 0.3s ease-in-out;
	transition: right 0.3s ease-in-out
}
.p-service__box {
	height: 100%;
	padding: 36px 32px 48px
}
@media screen and (max-width:768px) {
	.p-service__box {
		padding: 24px clamp(20px, 4.1666666667vw, 32px) 54px
	}
}
.p-service__box .ttl {
	margin-bottom: 22px
}
@media screen and (max-width:768px) {
	.p-service__box .ttl {
		margin-bottom: 18px
	}
}
.p-service__box .cont {
	font-size: 14px;
	line-height: 2;
	margin-top: clamp(-7px, -0.5833333333vw, -7px);
	margin-bottom: clamp(-7px, -0.5833333333vw, -7px);
	font-weight: 500
}
@media screen and (max-width:768px) {
	.p-service__box .cont {
		font-size: 12px;
		line-height: 2;
		margin-top: clamp(-6px, -0.5vw, -6px);
		margin-bottom: clamp(-6px, -0.5vw, -6px)
	}
}
.p-service__icon {
	height: 220px;
	margin-bottom: 32px
}
@media screen and (max-width:768px) {
	.p-service__icon {
		height: 180px;
		margin-bottom: 24px
	}
}
.p-service__icon.web {
	width: 58px
}
@media screen and (max-width:768px) {
	.p-service__icon.web {
		width: 46px
	}
}
.p-service__icon.catalog {
	width: 59px
}
@media screen and (max-width:768px) {
	.p-service__icon.catalog {
		width: 47px
	}
}
.p-service__icon.video {
	width: 56px
}
@media screen and (max-width:768px) {
	.p-service__icon.video {
		width: 44px
	}
}
.p-service__icon.magazine {
	width: 65px
}
@media screen and (max-width:768px) {
	.p-service__icon.magazine {
		width: 52px
	}
}
.p-service__icon.logo {
	width: 60px
}
@media screen and (max-width:768px) {
	.p-service__icon.logo {
		width: 48px
	}
}
.p-service__icon.exhibition {
	width: 63px
}
@media screen and (max-width:768px) {
	.p-service__icon.exhibition {
		width: 50px
	}
}
.p-service__icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}
.p-service__en-ttl {
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin-top: clamp(-3px, -0.25vw, -3px);
	margin-bottom: clamp(12px, 1vw, 12px);
	font-weight: 500;
	color: #999999
}
@media screen and (max-width:768px) {
	.p-service__en-ttl {
		line-height: 1.5;
		margin-top: clamp(-3px, -0.25vw, -3px);
		margin-bottom: clamp(10px, 0.8333333333vw, 10px)
	}
}
.p-service__jp-ttl {
	font-size: 20px;
	line-height: 1.4611111111;
	margin-top: clamp(-4.15px, -0.3458333333vw, -4.15px);
	margin-bottom: clamp(-4.15px, -0.3458333333vw, -4.15px);
	font-weight: bold;
	text-align: center;
}
.p-service__jp-ttl .ib {
	display: inline-block;
	font-size: .8em;
}
.p-service_details {
	margin-bottom: 80px
}
@media screen and (max-width:768px) {
	.p-service_details .c-intro_box__text br {
		display: none
	}
}
.p-service_details .c-content_box {
	margin-bottom: clamp(60px, 9vw, 108px)
}
.p-service_details .c-content_box__inner {
	width: auto
}
.p-service_details__visual {
	width: 100%;
	aspect-ratio: 288/128;
	max-height: 336px;
	position: absolute;
	top: 0;
	left: 0
}
.p-service_details__visual+section {
	padding-top: min(47.9%, 336px)
}
.p-service_details__visual img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.p-service_details_features {
	width: min(100%, 1200px);
	margin: 0 auto
}
.p-service_details_features:not(:last-child) {
	margin-bottom: clamp(80px, 9vw, 108px)
}
.p-service_details_features__check {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr clamp(20px, 2vw, 24px) 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(20px, 2vw, 24px);
	margin-bottom: clamp(48px, 5.3333333333vw, 64px)
}
@media screen and (max-width:768px) {
	.p-service_details_features__check {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr)
	}
}
.p-service_details_features__check>li {
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	padding: clamp(24px, 3.3333333333vw, 40px) clamp(20px, 4.6666666667vw, 56px) clamp(20px, 3.6666666667vw, 44px) clamp(12px, 2.6666666667vw, 32px);
	background: #f7f7f7;
	border-radius: clamp(8px, 1vw, 12px)
}
.p-service_details_features__check>li .cont {
	display: block;
	padding-left: clamp(30px, 3.8333333333vw, 46px);
	font-size: clamp(16px, 1.5vw, 18px);
	font-weight: bold;
	line-height: 1.7777777778;
	margin-top: clamp(-7px, -0.5833333333vw, -7px);
	margin-bottom: clamp(-7px, -0.5833333333vw, -7px);
	position: relative
}
@media screen and (max-width:1024px) {
	.p-service_details_features__check>li .cont {
		font-size: clamp(15px, 1.5625vw, 16px);
		line-height: 1.8;
		margin-top: clamp(-6px, -0.5vw, -6px);
		margin-bottom: clamp(-6px, -0.5vw, -6px)
	}
}
.p-service_details_features__check>li .cont:before {
	content: "";
	display: block;
	width: clamp(20px, 2.1666666667vw, 26px);
	aspect-ratio: 1;
	background: #175292;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 0
}
.p-service_details_features__check>li .cont:after {
	font-family: "Material Icons Outlined";
	content: "\e876";
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	color: #ffffff;
	letter-spacing: 0;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-size: clamp(17px, 2vw, 24px);
	position: absolute;
	top: 5px;
	left: 1px
}
.p-service_details_features__point-list {
	counter-reset: section
}
.p-service_details_features__point-list>li:not(:last-child) {
	margin-bottom: clamp(60px, 6.6666666667vw, 80px)
}
.p-service_details_features__point .ttl {
	font-size: clamp(16px, 1.75vw, 21px);
	line-height: 1.5238095238;
	margin-top: clamp(0px, 0vw, 0px);
	margin-bottom: clamp(34.5px, 3.2083333333vw, 38.5px);
	font-weight: bold;
	text-align: center
}
@media screen and (max-width:1024px) {
	.p-service_details_features__point .ttl {
		line-height: 1.75;
		margin-top: clamp(0px, 0vw, 0px);
		margin-bottom: clamp(34px, 2.8333333333vw, 34px)
	}
}
.p-service_details_features__point .ttl ._ib {
	display: inline-block
}
.p-service_details_features__point .ttl:before {
	content: counter(section, decimal-leading-zero);
	counter-increment: section;
	display: block;
	margin-bottom: clamp(24px, 2.6666666667vw, 32px);
	-webkit-text-decoration: underline #175292 1px;
	text-decoration: underline #175292 1px;
	text-underline-offset: 6px;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: clamp(22px, 2.3333333333vw, 28px);
	font-weight: 500;
	line-height: 0.7;
	color: #175292
}
.p-service_details_features__point .cont {
	font-size: clamp(14px, 1.3333333333vw, 16px);
	line-height: 2;
	margin-top: clamp(-8px, -0.6666666667vw, -8px);
	margin-bottom: clamp(-8px, -0.6666666667vw, -8px);
	font-weight: 500
}
@media screen and (max-width:1024px) {
	.p-service_details_features__point .cont {
		line-height: 2;
		margin-top: clamp(-7px, -0.5833333333vw, -7px);
		margin-bottom: clamp(-7px, -0.5833333333vw, -7px)
	}
}
.p-service_details_features__point .cont:not(:last-child) {
	margin-bottom: calc(clamp(48px, 5.3333333333vw, 64px) - 6px)
}
@media screen and (max-width:1024px) {
	.p-service_details_features__point .cont:not(:last-child) {
		margin-bottom: calc(clamp(48px, 5.3333333333vw, 64px) - 7px)
	}
}
.p-service_details_features__figure {
	margin-bottom: 0
}
.p-service_details_features__figure .cap {
	margin-top: 20px;
	text-align: center
}
.p-service_details_features__figure .cap ._bold {
	display: block;
	font-size: 16px;
	line-height: 1.5;
	margin-top: clamp(-4px, -0.3333333333vw, -4px);
	margin-bottom: clamp(11px, 0.9166666667vw, 11px);
	font-weight: 500
}
@media screen and (max-width:768px) {
	.p-service_details_features__figure .cap ._bold {
		font-size: 14px;
		line-height: 1.7142857143;
		margin-top: clamp(-5px, -0.4166666667vw, -5px);
		margin-bottom: clamp(10px, 0.8333333333vw, 10px)
	}
}
.p-service_details_features__figure .cap ._cont {
	display: block;
	font-size: 14px;
	line-height: 2;
	margin-top: clamp(-7px, -0.5833333333vw, -7px);
	margin-bottom: clamp(-7px, -0.5833333333vw, -7px);
	font-weight: 400
}
@media screen and (max-width:768px) {
	.p-service_details_features__figure .cap ._cont {
		font-size: 12px;
		line-height: 2;
		margin-top: clamp(-6px, -0.5vw, -6px);
		margin-bottom: clamp(-6px, -0.5vw, -6px)
	}
}
.p-service_details_features__figure .cap ._cont .__ib {
	display: inline-block
}
.p-service_details_flow {
	width: min(100%, 1200px);
	margin: 0 auto
}
.p-service_details_flow__box {
	padding: clamp(36px, 6.6666666667vw, 80px) max(20px, 2.5vw);
	margin: 0 -13.4075%;
	max-width: 1536px;
	background: #f1f1f1;
	overflow: hidden
}
@media screen and (max-width:1024px) {
	.p-service_details_flow__box {
		margin: 0
	}
}
.p-service_details_flow__box:not(:last-child) {
	margin-bottom: clamp(22px, 2vw, 24px)
}
.p-service_details_flow__ttl {
	padding-bottom: clamp(25px, 3.0833333333vw, 37px);
	margin-bottom: clamp(32px, 3.6666666667vw, 44px);
	position: relative
}
.p-service_details_flow__ttl:before {
	content: "";
	width: 50px;
	height: 1px;
	background: #175292;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.p-service_details_flow__ttl .cont {
	font-size: clamp(18px, 2vw, 24px);
	font-weight: bold;
	text-align: center
}
.p-service_details_flow__img {
	width: min(100%, 908px);
	margin: 0 auto
}
@media screen and (max-width:768px) {
	.p-service_details_flow__img {
		width: min(100%, 208px)
	}
}
.p-service_details_flow__img .cont {
	margin: 0 calc(min(69.163%, 628px) * -1 / 2)
}
@media screen and (max-width:768px) {
	.p-service_details_flow__img .cont {
		margin: 0
	}
}
@media screen and (max-width:768px) {
	.l-business_web .p-service_details_flow__img .cont {
		width: min(100%, 194px)
	}
}
@media screen and (max-width:768px) {
	.l-business_brochure .p-service_details_flow__img .cont, .l-business_in-house-mag .p-service_details_flow__img .cont {
		width: min(100%, 193px)
	}
}
@media screen and (max-width:768px) {
	.l-business_video-cg .p-service_details_flow__img .cont {
		width: min(100%, 202px)
	}
}
@media screen and (max-width:768px) {
	.l-business_exh-coml .p-service_details_flow__img .cont {
		width: min(100%, 201px)
	}
}
.p-service_details_flow__notes {
	counter-reset: section;
	width: min(100%, 1200px);
	margin: 0 auto
}
.p-service_details_flow__notes>li {
	padding-left: 2em;
	font-size: 13px;
	line-height: 1.5;
	margin-top: clamp(-3.25px, -0.2708333333vw, -3.25px);
	margin-bottom: clamp(-3.25px, -0.2708333333vw, -3.25px);
	color: #666666;
	position: relative
}
.p-service_details_flow__notes>li:only-child {
	padding-left: 1em
}
.p-service_details_flow__notes>li:only-child:before {
	content: "※"
}
.p-service_details_flow__notes>li:not(:last-child) {
	margin-bottom: 5px
}
.p-service_details_flow__notes>li:before {
	content: "※" counter(section);
	counter-increment: section;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block
}
.p-service_details_related {
	margin: 0 clamp(-40px, -3.3333333333vw, -16px);
	padding: 64px clamp(16px, 3.3333333333vw, 40px) 0;
	overflow: hidden;
	position: relative
}
.p-service_details_related:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: clamp(246px, 26.1666666667vw, 314px);
	background: #175292
}
.p-service_details_related__inner {
	width: 90vw;
	margin: 0 auto;
	position: relative
}
@media screen and (max-width:1024px) {
	.p-service_details_related__inner {
		width: 100%
	}
}
.p-service_details_related__headline {
	width: 100%;
	margin-bottom: clamp(32px, 3vw, 36px)
}
.p-service_details_related__headline .cont {
	width: 100%;
	padding-bottom: 32px;
	position: relative
}
.p-service_details_related__headline .cont:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44px;
	height: 1px;
	background: #ffffff
}
.p-service_details_related__headline .cont ._cap {
	display: block;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 14px
}
.p-service_details_related__headline .cont ._main {
	display: block;
	font-size: clamp(18px, 1.6666666667vw, 20px);
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #ffffff
}
.p-service_details_related__slider {
	margin-bottom: clamp(32px, 4vw, 48px)
}
.p-service_details_related__slider .splide__track {
	width: clamp(236px, 25vw, 300px);
	overflow: visible
}
.p-service_details_related__link {
	display: block;
	width: 100%;
	height: 100%
}
.p-service_details_related__photo {
	width: 100%;
	aspect-ratio: 300/200;
	background: #efefef;
	overflow: hidden;
	margin-bottom: clamp(20px, 2vw, 24px)
}
.p-service_details_related__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service_details_related__link:hover .p-service_details_related__photo img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07)
	}
}
.p-service_details_related__cont {
	width: 100%
}
.p-service_details_related__cat {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-bottom: 20px
}
.p-service_details_related__cat .main {
	display: block;
	width: 96px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: 5px 6px 6px;
	background: #175292;
	border-radius: 3px
}
.p-service_details_related__cat .sub {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #666666
}
.p-service_details_related__ttl {
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.7533333333;
	margin-top: clamp(-5.65px, -0.4708333333vw, -5.65px);
	margin-bottom: clamp(-5.65px, -0.4708333333vw, -5.65px);
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service_details_related__link:hover .p-service_details_related__ttl {
		color: #259729
	}
}
.p-service_details_related__control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
	position: absolute;
	top: -88px;
	right: 0
}
@media screen and (max-width:768px) {
	.p-service_details_related__control {
		width: min(100%, 288px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 32px auto 0;
		position: relative;
		top: auto;
		right: auto
	}
}
@media screen and (max-width:768px) {
	.p-service_details_related__control:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 136px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 84px;
		height: 1px;
		background: #d2d2d2
	}
}
.p-service_details_related__pagination {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	font-family: "Roboto", YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-service_details_related__pagination {
		width: auto;
		color: #666666
	}
}
.p-service_details_related__pagination .active {
	font-weight: bold;
	color: #ffffff
}
@media screen and (max-width:768px) {
	.p-service_details_related__pagination .active {
		color: #175292
	}
}
.p-service_details_related__arrows {
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	pointer-events: none
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrows {
		width: 116px
	}
}
.p-service_details_related__arrow {
	width: 52px;
	aspect-ratio: 1/1;
	border: 1px solid #ffffff;
	cursor: pointer;
	pointer-events: auto;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	position: relative
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow {
		background: #ffffff;
		border: 1px solid #b4b4b4;
		-webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
		transition: background 0.3s ease-in-out, border 0.3s ease-in-out
	}
}
@media screen and (hover:hover) and (pointer:fine) {
	.p-service_details_related__arrow:hover {
		background: #ffffff
	}
}
@media screen and (hover:hover) and (pointer:fine) and (max-width:768px) {
	.p-service_details_related__arrow:hover {
		background: #f4f9fd;
		border-color: #259729
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-service_details_related__arrow:hover.prev:before {
		background: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-service_details_related__arrow:hover.prev:after {
		border-color: transparent #175292 transparent transparent
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-service_details_related__arrow:hover.next:before {
		background: #175292
	}
}
@media screen and (hover:hover) and (pointer:fine) and (min-width:769px) {
	.p-service_details_related__arrow:hover.next:after {
		border-color: transparent transparent transparent #175292
	}
}
.p-service_details_related__arrow[disabled] {
	cursor: default;
	background: none;
	border-color: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow[disabled] {
		border-color: #d2d2d2
	}
}
.p-service_details_related__arrow[disabled].prev:before {
	background: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow[disabled].prev:before {
		background: #d2d2d2
	}
}
.p-service_details_related__arrow[disabled].prev:after {
	border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow[disabled].prev:after {
		border-color: transparent #d2d2d2 transparent transparent
	}
}
.p-service_details_related__arrow[disabled].next:before {
	background: rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow[disabled].next:before {
		background: #d2d2d2
	}
}
.p-service_details_related__arrow[disabled].next:after {
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5)
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow[disabled].next:after {
		border-color: transparent transparent transparent #d2d2d2
	}
}
.p-service_details_related__arrow.prev:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 2px;
	background: #ffffff;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow.prev:before {
		width: 24px;
		background: #175292;
		-webkit-transition: none;
		transition: none
	}
}
.p-service_details_related__arrow.prev:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 9px 5px 0;
	border-color: transparent #ffffff transparent transparent;
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow.prev:after {
		border-color: transparent #175292 transparent transparent;
		-webkit-transition: none;
		transition: none
	}
}
.p-service_details_related__arrow.next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 17px;
	height: 2px;
	background: #ffffff;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow.next:before {
		width: 24px;
		background: #175292;
		-webkit-transition: none;
		transition: none
	}
}
.p-service_details_related__arrow.next:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 9px;
	border-color: transparent transparent transparent #ffffff;
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out
}
@media screen and (max-width:768px) {
	.p-service_details_related__arrow.next:after {
		border-color: transparent transparent transparent #175292
	}
}
.p-service_details_related__back {
	width: min(100%, 340px);
	margin: 0 auto
}
@media screen and (max-width:1024px) {
	.p-service_details_related__back {
		width: min(100%, 288px)
	}
}



.cap a[target=_blank] :after {
    font-family: "Material Icons Round";
    content: "\e89e";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: #175292;
    letter-spacing: 0;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 4px;
    vertical-align: middle;
}

.cap a{color:#175292}
.cap a:hover{color:#999; text-decoration: underline;}
/*# sourceMappingURL=common_business.css.map */