@charset "UTF-8";
/* 事業内容スタイル */

/* タイトル */
#service-main {
}

#service-title-area {
}

#service-title-area-inner {
}

#service-title {
}

#service-nav-breadcrumb {
}

/* メッセージ */
#service-message {
	height: auto;
	margin-top: 80px;
}

#service-message-image {
	text-align:center;
}

#service-message-area {
	height: 85%;
	position: relative;
}

#service-message-area-category {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 265px;
	height: 265px;
	background-image: conic-gradient(var(--color-fulfillment) 0% 25%, var(--color-solutions) 25% 50%, var(--color-systems) 50% 75%, var(--color-products) 75% 100%);
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

#service-message-area-category-upperleft {
	position: absolute;
	top: 9%;
	left: 20%;
	width: 70px;
}

#service-message-area-category-upperleft > img {
	width: 100%;
}

#service-message-area-category-lowerleft {
	position: absolute;
	top: 83%;
	left: 20%;
	width: 70px;
}

#service-message-area-category-lowerleft > img {
	width: 100%;
}

#service-message-area-category-upperright {
	position: absolute;
	top: 9%;
	left: 55%;
	width: 70px;
}

#service-message-area-category-upperright > img {
	width: 100%;
}

#service-message-area-category-lowerright {
	position: absolute;
	top: 83%;
	left: 55%;
	width: 70px;
}

#service-message-area-category-lowerright > img {
	width: 100%;
}

#service-message-area-holdings {
	position: absolute;
	left: 50%;
	width: 136px;
	height: 136px;
	top: 50%;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--color-holdings);
	border: 12px solid white;
}

#service-message-area-holdings-outer {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	height: 180px;
	background-image: conic-gradient(var(--color-fulfillment) 0% 25%, var(--color-solutions) 25% 50%, var(--color-systems) 50% 75%, var(--color-products) 75% 100%);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	filter: brightness(80%);
}

#service-message-area-holdings > img {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
}

#service-message-area-holdings > span {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 10px;
	width: 120px;
	border-radius: 20px;
	background-color: cornflowerblue;
	text-align: center;
	padding: 3px;
}

.service-message-area-service {
	width: 25%;
}

.service-message-area-service > h3 {
}

.service-message-area-service > div {
	font-size: 10px;
	width: 100%;
}

.service-message-area-service > div > ul {
	display: flex;
	flex-wrap: wrap;
}

.service-message-area-service > div > ul > li {
	width: 45%;
	margin-left: 5%;
	position: relative;
}

.service-message-area-service > div > ul > li:before {
	content: "・";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	left: -10px;
}

#service-message-area-upperleft {
	position: absolute;
	top: 3%;
	left: 10%;
}

#service-message-area-upperleft > h3 {
}

#service-message-area-upperleft > div {
}

#service-message-area-upperleft > div > ul {
}

#service-message-area-upperleft > div > ul > li {
}

#service-message-area-lowerleft {
	position: absolute;
	top: 70%;
	left: 10%;
}

#service-message-area-lowerleft > h3 {
}

#service-message-area-lowerleft > div {
}

#service-message-area-lowerleft > div > ul {
}

#service-message-area-lowerleft > div > ul > li {
}

#service-message-area-upperright {
	position: absolute;
	top: 3%;
	left: 65%;
}

#service-message-area-upperright > h3 {
}

#service-message-area-upperright > div {
}

#service-message-area-upperright > div > ul {
}

#service-message-area-upperright > div > ul > li {
}

#service-message-area-lowerright {
	position: absolute;
	top: 70%;
	left: 65%;
}

#service-message-area-lowerright > h3 {
}

#service-message-area-lowerright > div {
}

#service-message-area-lowerright > div > ul {
}

#service-message-area-lowerright > div > ul > li {
}

#service-message-area-lowercenter {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Noto Sans JP';
}

#service-message-area-lowercenter > p {
}

/* グループ会社リスト */
#service-group-list {
	height: 170px;
	background-image: url('/assets/images/common/bg-paper.png');
	margin-top: 80px;
	position: relative;
}

#service-group-list > ul {
	margin-left: 94px;
	padding-top: 37px;
}

#service-group-list > ul > li {
	width: 181px;
	margin-right: 18px;
	height: 80px;
	border: 3px solid;
	background-color: white;
	float: left;
}

#service-group-list > ul > li:last-child {
	margin-right: 0px;
}

#service-group-list > ul > li > a {
}

#service-group-list > ul > li > a > p {
	height: 40px;
	text-align: center;
	position: relative;
	width: 100%;
}

#service-group-list > ul > li > a > p > img {
	height: 20px;
	margin-top: 15px;
}

#service-group-list > ul > li > a > div {
	height: 44px;
	background: linear-gradient(to bottom, white 56%, transparent 56% 100%);
	position: relative;
}

#service-group-list > ul > li > a > div:before {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: black;
	position: absolute;
	bottom: 7px;
	left: 83px;
}

#service-group-list > ul > li > a > div > p {
	font-family: 'Noto Sans JP';
	font-size: 10px;
	text-align: center;
	letter-spacing: 0;
}

/*英語版グループ会社リスト*/
#service-group-list-english {
	height: 170px;
	background-image: url('/assets/images/common/bg-paper.png');
	margin-top: 80px;
	position: relative;
	line-height: 12px;
}

#service-group-list-english > ul {
	margin-left: 94px;
	padding-top: 37px;
}

#service-group-list-english > ul > li {
	width: 181px;
	margin-right: 18px;
	height: 80px;
	border: 3px solid;
	background-color: white;
	float: left;
}

#service-group-list-english > ul > li:last-child {
	margin-right: 0px;
}

#service-group-list-english > ul > li > a {
}

#service-group-list-english > ul > li > a > p {
	height: 40px;
	text-align: center;
	position: relative;
	width: 100%;
}

#service-group-list-english > ul > li > a > p > img {
	height: 20px;
	margin-top: 15px;
}

#service-group-list-english > ul > li > a > div {
	height: 44px;
	background: linear-gradient(to bottom, white 56%, transparent 56% 100%);
	position: relative;
}

#service-group-list-english > ul > li > a > div:before {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	color: black;
	position: absolute;
	bottom: 7px;
	left: 83px;
}

#service-group-list-english > ul > li > a > div > p {
	font-family: 'Noto Sans JP';
	font-size: 10px;
	text-align: center;
	letter-spacing: 0;
}

/* グループ会社情報 */
.service-group-area {
	margin-top: 76px;
	margin-left: 163px;
	width: 670px;
	letter-spacing: 0;
}

.service-group-title {
	height: 80px;
	border-bottom: 2px solid;
}

.service-group-title > h3 {
	height: 40px;
}

.service-group-title > h3 > img {
	height: 100%;
}

.service-group-title > p {
	margin-top: 8px;
	font-size: 12px;
	font-weight: bold;
}

.service-group-message {}

.service-group-message > h4 {
	font-size: 16px;
	margin-top: 37px;
}

.service-group-message > p {
	font-size: 12px;
	margin-top: 10px;
}

/* グループ会社情報 FULFILLMENT */
#service-group-fulfillment {
}

#service-group-fulfillment-title {
}

#service-group-fulfillment-message {
}

/* グループ会社情報 PRODUCTS */
#service-group-products {
}

#service-group-products-title {
}

#service-group-products-message {
}

/* グループ会社情報 SOLUTIONS */
#service-group-solutions {
}

#service-group-solutions-title {
}

#service-group-solutions-message {
}

/* グループ会社情報 SYSTEMS */
#service-group-systems {
}

#service-group-systems-title {
}

#service-group-systems-message {
}

@media screen and (max-width:767px) {
}

@media screen and (min-width:767px) {
}