@charset "utf-8";
/* CSS Document */

/*==============================*/
/* 会社情報 */
/*==============================*/
div.companyContent{
	width: min(720px,100%);
	margin: 0 auto;
}
div.companyContent > dl{
	display: flex;
	gap: 48px;
	padding: 20px 0 22px 0;
	border-bottom: 1px solid #F4F5F7;
}
div.companyContent > dl > dt{
	flex: 0 0 176px;
	color: #959596;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.01em;
	text-align: center;
}
div.companyContent > dl > dd{
	flex: 1;
	min-width: 0;
}
div.companyContent > dl > dd div:not(:last-child){ margin-bottom: 24px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.companyContent > dl{
			flex-direction: column;
			gap: 0px;
			padding: 20px 0 22px 0;
		}
		div.companyContent > dl > dt{
			flex: auto;
			width: 100%;
			margin-bottom: 4px;
			font-size: 17px;
			letter-spacing: 0.01em;
			text-align: left;
		}
	}


/*---------------------------------
   ボタン
---------------------------------*/
div.companyContent > dl > dd div p.serviceLink a{
	position: relative;
	display: inline-block;
	padding: 9px 40px 11px 14px;
	background: #18282b;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	transition: all 300ms;
	text-align: center;
}
div.companyContent > dl > dd div p.serviceLink a::after{
	position: absolute; top: 50%; right: 12px;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #0FAAD8;
    border-right: 1px solid #0FAAD8;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
div.companyContent > dl > dd div p.serviceLink a:hover {
	background-color: #00abdc;
	box-shadow: 0 0 0 1px #00abdc inset;
	color: #fff;
	transform: translateY(-3px);
}
div.companyContent > dl > dd div p.serviceLink a:hover::after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}


/*---------------------------------
   拠点
---------------------------------*/
div.companyContent > dl > dd.base dl:not(:last-child){ margin-bottom: 20px;}
div.companyContent > dl > dd.base dl dt{
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 600;
}
div.companyContent > dl > dd.base dl dd{
	font-size: 15px;
	line-height: 1.5em;
}
div.companyContent > dl > dd.base dl dd:nth-child(2){ margin-bottom: 16px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.companyContent > dl > dd.base dl:not(:last-child){ margin-bottom: 16px;}
		div.companyContent > dl > dd.base dl dd:nth-child(2){ margin-bottom: 12px;}
	}


/*---------------------------------
   SiteLink
---------------------------------*/
div.siteLink ul{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 auto;
	width: min(720px,100%);
}
div.siteLink ul li{
	border-bottom: 1px solid #F4F5F7;
	width: calc(calc(100% - 16px * 1) / 2);
}
div.siteLink ul li a{
	position: relative;
	display: block;
	padding: 8px 0 12px 8px;
	width: 100%;
	font-weight: 500;
	letter-spacing: -0.01em;
}
div.siteLink ul li a::after{
	position: absolute; top: 50%; right: 12px;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: translateY(-50%) rotate(45deg);
}
div.siteLink ul li:nth-child(1) a{
	color: #46AFDB;
}
div.siteLink ul li:nth-child(1){ position: relative;}
div.siteLink ul li:nth-child(1)::after{
	position: absolute; bottom: 1px; left: 8px;
	content: "";
	background: #46AFDB;
	width: 24px;
	height: 2px;
}
div.siteLink ul li:nth-child(1) a::after{
	border-top: 1px solid #46AFDB;
	border-right: 1px solid #46AFDB;
}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.siteLink ul{
			gap: 12px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 480px) {
		div.siteLink ul{
			flex-direction: column;
			gap: 0px;
		}
		div.siteLink ul li{
			width: 100%;
		}
		div.siteLink ul li a{
			padding: 12px 0 12px 12px;
		}
	}