@charset "UTF-8";
/********************************************************************************

page-support.css　故障かなと思ったらcss

********************************************************************************/

/*============================================================
 サポートページ リンク
*============================================================*/
#page-support #main-contents {
}
#page-support #sec-support {
	position: relative;
	background: var(--common-color-background1) url(../images/common/other-link-bg-nami.svg) no-repeat top center / 100% auto;
	padding: 100px 0 80px;
	margin-bottom: 0;
}
#page-support #sec-support .parts-boxes.links {
	justify-content: space-between;
	gap: 40px;
}
@media screen and (max-width: 1100px) {
	#page-support #sec-support .parts-boxes.links {
		justify-content: center;
	}
}
#page-support #sec-support .parts-boxes.links .link {
	align-items: center;
	flex-direction: column;
	gap: 24px;
	height: auto;
	transition: opacity 0.3s ease;
}
#page-support #sec-support .parts-boxes.links .link:hover {
	opacity: 0.8;
}
#page-support #sec-support .parts-boxes.links .link .img {
	max-width: 464px;
	width: 100%;
}
#page-support #sec-support .parts-boxes.links .link .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--common-color-main);
	margin-bottom: 0;
}

/*============================================================
 ご利用中のお客様
*============================================================*/
#page-support #sec-customer {
	padding: 100px 0 80px;
	margin-bottom: 0;
	background: var(--common-color-background1);
	text-align: center;
}
#page-support #sec-customer .bg-wrap {
	background: #ffffff;
	padding: 56px 36px;
	border-radius: 24px;
	margin-bottom: 64px;
}
#page-support #sec-customer .tel {
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}
#page-support #sec-customer .tel .icon img {
	width: 36px;
	height: auto;
}
#page-support #sec-customer .tel p.tel-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 1.12px;
    color: var(--common-color-main);
}
#page-support #sec-customer .tel p.tel-number {
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    color: var(--common-color-main);
}
#page-support #sec-customer .parts-btn-group {
	margin-top: 40px;
	justify-content: space-between;
	align-items: end;
	gap: 80px;
}
#page-support #sec-customer .parts-btn-group .item {
	flex: 1;
}
#page-support #sec-customer .parts-btn-group .item p {
	padding-bottom: 8px;
}	
#page-support #sec-customer .parts-btn-group .item .parts-btn > a {
	width: 100%;
}

@media screen and (max-width: 767px) {
	#page-support #sec-customer .parts-btn-group {
		flex-direction: column;
		align-items: center;
		gap: 24px;
		margin-top: 24px;
	}
	#page-support #sec-customer .bg-wrap {
		padding: 32px 16px;
	}
	#page-support #sec-customer .tel {
		margin-bottom: 12px;
	}
	#page-support #sec-customer .parts-btn-group .item .parts-btn > a {
		width: 280px;
	}
}

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