@charset "utf-8";
/* PCファースト  *
/* 960px以下でSP */

/* ======================================== */
/* business/index.html 事業のTOPページ */
/* ======================================== */
.business-intro-p {
	margin-left: 150px;
}
@media screen and (max-width: 960px) { /* sp */
	.business-intro-p {
		margin-left: 0;
	}
}
/* Process 業務プロセス */
.business-process {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.business-process__img {
	position: relative;
	flex: 0 1 684px;
	height: 605px;
	padding-top: 25px;
	margin-left: 30px;
	margin-bottom: min(-106px, calc(-106 / 1920 * 100vw));
}
.business-process__img-bg {
	position: absolute;
	left: -568px;
	top: 0;
	width: 2926px;
	z-index: -1;
}
.business-process-end-deco {
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 960px) { /* sp */
	.business-process {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin-top: 50px;
	}
	.business-process__img {
		flex: 0 0 auto;
		height: calc(792 / 750 * 100vw);
		margin: 0 auto;
		padding-top: calc(45 / 750 * 100vw);
		margin-bottom: calc(-86 / 750 * 100vw);
	}
	.business-process__img-bg {
		position: absolute;
		left: calc(50% - 50vw);
		top: 0;
		width: 100vw;
	}
}
/* Service 主な事業 */
.service-container {
	padding-bottom: max(200px, calc(200 / 1920 * 100vw));
	margin-bottom: min(-219px, calc(-219 / 1920 * 100vw));
}
.service-container::after {
	content: "";
	position: absolute;
	left: -587px;
	bottom: 0;
	width: calc((1920 + 587) / 1920 * 100%);
	height: 84%;
	background: #212867;
	transform-origin: left bottom;
	transform: skewX(-51.77deg);
	z-index: -1;
}
@media screen and (max-width: 960px) { /* sp */
	.service-container {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.service-container::after {
		display: none;
	}
}
.business-service {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 80px;
}
.business-service li {
	width: 31.8182%;
	margin-bottom: 25px;
}
.business-service-btn {
	display: flex;
	flex-direction: column;
	min-height: 512px;
	background: #FFFFFF;
	border: 1px solid #E8380D;
	padding: 25px 25px 20px;
	transition: 0.3s;
}
.business-service-btn:hover {
	box-shadow: 6px 6px 0 0 #E8380D;
}
.business-service-btn h3 {
	font-size: 22px;
	font-weight: bold;
	color: #10004E;
	margin: 0.5em 0;
}
.business-service-btn p {
	margin-bottom: 1.5em;
}
.business-service-btn__more {
	width: 100px;
	margin-left: auto;
	margin-top: auto;
	transition: 0.3s;
}
.business-service-btn:hover .business-service-btn__more {
	transform: translateX(6px);
}
@media screen and (max-width: 960px) { /* sp */
	.business-service {
		flex-flow: column;
		justify-content: space-between;
		margin-top: 40px;
	}
	.business-service li {
		width: 100%;
		margin-bottom: 25px;
	}
}


/* ======================================== */
/* business　の下層ページ */
/* ======================================== */
/* ========== business/sub-page 下層ページ 共通 ========== */
.sub-page-intro-container {
	background: #10004E;
}
.sub-page-container {	
	background: #10004E;
	padding-bottom: max(200px, calc(200 / 1920 * 100vw));
	margin-bottom: min(-219px, calc(-219 / 1920 * 100vw));
}
.sub-page-contents {
	max-width: 1300px;
}
.sub-page-intro {
	color: #FFFFFF;
	padding-bottom: 3em;
}
/* 共通ボックス */
.service-box {
	position: relative;
	background: #FFFFFF;
	padding: 30px 50px 90px;
	margin-bottom: 100px;
}
.service-box:last-of-type {
	margin-bottom: 0;
}
.service-box-deco {
	position: absolute;
	left: 900px;
	bottom: -30px;
	width: 1123px;
}
.service-h {
	position: relative;
	/*
	margin: 80px 0 50px;
	padding-top: 150px;
	margin-top: -70px; /* headerの高さ70pxに合わせて */
}
.service-h span {
	position: relative;
	display: block;
	font-size: 50px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2;
	color: #E8380D;
	z-index: 2;
	margin: 80px 0 50px;
	padding-top: 150px;
	margin-top: -70px; /* headerの高さ70pxに合わせて */
}
.service-h img {
	position: absolute;
	left: -568px;
	bottom: -50px;
	width: 1255px;
	z-index: 1;
}
.service-p-h {
	display: flex;
	align-items: center;
	color: #0074BE;
	margin-top: 2em;
}
.service-p-h::after {
	content: "";
	height: 1px;
	flex-grow: 1;
	background: #0074BE;
	margin-left: 0.4em;
}
.service-2col {
	display: flex;
	justify-content: space-between;
}
.service-2col__left, .service-2col__right {
	width: 48.8182%;
	margin: 20px 0;	
}
@media screen and (max-width: 960px) { /* sp */
	.sub-page-container {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.service-box {
		background: #FFFFFF;
		padding: 30px 15px calc(100 / 750 * 100vw);
		margin-bottom: calc(100 / 750 * 100vw);
	}
	.service-h {
		
	}
	.service-h span {
		font-size: 35px;
		margin: 50px 0 30px;
		padding-top: calc(80px + 120 / 750 * 100vw);
		margin-top: calc(-30px - 120 / 750 * 100vw); /* header 750pxの時120px */
	}
	.service-h img {
		left: auto;
		right: 0;
		bottom: -40px;
		width: 1100px;
	}
	.service-2col {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.service-2col__left, .service-2col__right {
		width: 100%;
	}
	.service-box-deco {
		position: absolute;
		left: calc(326 / 750 * 100vw);
		bottom: calc(-30 / 750 * 100vw);
		width: calc(1022 / 750 * 100vw);
	}
}

/* ========== business/transit(ooh) ========== */
/* 吊り革広告のテーブル */
.service-ooh-table-wrap {
	overflow-x: scroll;
}
.service-ooh-table {
	width: 1100px;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #10004E;
}
.service-ooh-table th, .service-ooh-table td {
	text-align: center;
	vertical-align: middle;
	padding: 0.8em 1em;	
	border-right: 1px solid #10004E;
}
.service-ooh-table td:nth-child(3):not([colspan]) {
	border-right: 1px dotted #AAAAAA;
}
.service-ooh-table th:last-child, .service-ooh-table td:last-child {
	border-right: none;
}
.service-ooh-table th {
	font-weight: normal;
	background: #BCB8CD;
}
.service-ooh-table td {
	border-bottom: 1px dotted #AAAAAA;
}
/* 吊り革広告にある注意書き */
.service-ooh-notes-ul li {
	text-indent: -1em;
	padding-left: 1em;
}
/*　サムネイルクリックで画像変更 */
.service-change-img {
	display: flex;
	justify-content: space-between;
}
.service-ooh-tmb-ul, .service-ooh-main-img {
	width: 49%;
	margin: 20px 0;
}
.service-ooh-tmb-ul {
	order: 2;
} 
.service-ooh-main-img {
	order: 1;
}
.service-ooh-tmb-ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.service-ooh-tmb-ul li {
	width: 23%;
}
@media screen and (max-width: 960px) { /* sp */
	.service-change-img {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.service-ooh-tmb-ul, .service-ooh-main-img {
		width: 100%;
		margin: 5px 0;
	}
	.service-ooh-tmb-ul li {
		width: 30%;
	}
}
.service-ooh-tmb-li {
	cursor: pointer;
}
.service-ooh-tmb-li p {
	font-size: 14px;
	text-align: center;
}
.service-ooh-tmb-img {
	padding: 8px;
	border: 2px solid transparent;
}
.service-ooh-tmb-img__inner {
	position: relative;
}
.service-ooh-tmb-img__inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #10004E;
	opacity: 0.4;
}
/* 上記のhover と current*/
.service-ooh-tmb-li:hover .service-ooh-tmb-img,
.service-ooh-tmb-li--current .service-ooh-tmb-img {
	border: 2px solid #E8380D;
}
.service-ooh-tmb-li:hover .service-ooh-tmb-img__inner::before,
.service-ooh-tmb-li--current .service-ooh-tmb-img__inner::before {
	background: #E8380D;
}
.service-ooh-tmb-li:hover p,
.service-ooh-tmb-li--current p {
	color: #E8380D;
}
.service-ooh-main-img {
	position: relative;
	aspect-ratio: 1.9491 / 1;
}
.service-ooh-main-img img {
	
}

/* ========== business/digital ========== */
/* 下の特殊ボックス */
.service-digital-box {
	background: rgba(255,255,255,0.5);
	padding: 50px;
}
.service-digital-box__inner {
	background: rgba(255,255,255,0.6);
	padding: 40px;
}
@media screen and (max-width: 960px) { /* sp */
	.service-digital-box {
		padding: 10px;
	}
	.service-digital-box__inner {
		background: rgba(255,255,255,0.6);
		padding: 15px;
	}
}
.service-digital-h {
	font-size: 25px;
	color: #E8380D;
	margin: 25px 0 10px;
}
.service-digital-h--margin-top-0 {
	margin-top: 0;
}
.service-digital-license-box {
	display: flex;
	align-items: flex-end;
}
.service-digital-license-text {
	max-width: 600px;
	margin-right: 20px;
}
.service-digital-license-img {
	display: flex;
}
.service-digital-license-google {
	max-width: 88px;
	margin-right: 20px;
}
.service-digital-license-yahoo {
	max-width: 121px;
}
@media screen and (max-width: 960px) { /* sp */
	.service-digital-license-box {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
	}
	.service-digital-license-text {
		margin-right: 0;
	}
	.service-digital-license-img {
		max-width: 234px;
		margin-top: 0.5em;
	}
}
/* 取扱事例 */
.service-digital-case-box {
	display: flex;
	justify-content: space-between;
	background: rgba(233,246,246,0.7);
	padding: 40px;
}
.service-digital-case-box__wrap {
	display: flex;
	flex-flow: column;
	width: 47.3405%;
}
.service-digital-case-box__img {
	margin-top: auto;
	padding-top: 0.5em;
}
@media screen and (max-width: 960px) { /* sp */
	.service-digital-case-box {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		background: rgba(233,246,246,0.7);
		padding: 15px;
	}
	.service-digital-case-box__wrap {
		display: flex;
		flex-flow: column;
		width: 100%;
	}
	.service-digital-case-box__wrap:first-of-type {
		margin-bottom: 30px;
	}
	.service-digital-case-box__img {
		margin-top: auto;
		padding-top: 0.5em;
	}
}

/* ========== business/other ========== */
.service-others-ul li {
	text-indent: -0.9em;
	padding-left: 0.9em;
}
.service-others-ul li::before {
	content: "●";
}
.service-others-ul li:last-child::before {
	visibility: hidden;
}