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

page-case.css　導入実績用css

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

/*######################################################################
 一覧
######################################################################*/
#page-case-list #sec-post-list {
	margin-bottom: 100px;
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-case #mainvisual .page-title{
	margin-bottom: 24px;
}
#page-case #mainvisual .corp {
	font-weight: bold;
}

/*============================================================
 コンテンツ
*============================================================*/
#page-case #sec-post .inner {
	max-width: 848px;
}

/*============================================================
 導線
*============================================================*/
#page-case #sec-conductor .inner {
	max-width: 848px;
}
#page-case #sec-conductor .outer-link {
	gap: 64px;
}
#page-case #sec-conductor .outer-link .copy {
	gap: 32px;
}
#page-case #sec-conductor .outer-link .url-copy-clipbord {
	cursor: pointer;
}
#page-case #sec-conductor .outer-link .copy p {
	font-weight: bold;
	letter-spacing: 0.04em;
}
#page-case #sec-conductor .outer-link .sns {
	gap: 24px;
}

/*============================================================
 関連する記事
*============================================================*/
#page-case #sec-related-post {
	margin-bottom: 100px;
}
#page-case #sec-related-post .sec-title {
	text-align: center;
	margin-bottom: 40px;
}
#page-case #sec-related-post .inner {
	width: 100vw;
	max-width: 100%;
    margin-left: calc(50% - 50vw);
	padding: 0;
}
#page-case #sec-related-post .item {
	max-width: 328px;
	width: 100%;
	margin: 0 24px;
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1128px) {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
	#page-case #mainvisual .page-title {
		margin-bottom: 16px;
	}
	#page-case #mainvisual .corp {
		font-size: 14px;
	}
	
	/*============================================================
	 関連する記事
	*============================================================*/
	#page-case #sec-related-post .item {
		margin: 0 12px;
	}

}