@charset 'utf-8';

/* ----------------------------------------
  / step_scort / css / category_common.css
-------------------------------------------
* 「ステップエスコート」カテゴリの共通CSS
-------------------------------------------
* （フォーマットの接頭辞は「STAR-」（data属性は「star-」））
* インナーページの接頭辞は「starPage_」（data属性は「starpage-」）とする
---------------------------------------- */



/* ==================================================
	IMPORT
================================================== */
/*
 * フォント「Cabin」（サブセット）
 * font-family: 'Cabin', sans-serif;
 */
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@500&display=swap&text=0123456789');



/* ==================================================
	CssCustomProperties
================================================== */

	/*:root {
		 カテゴリーカラー 
		--STAR-step_category-color-01:		181, 33, 62;	// = rgb | #b5213e | after_hosho 
		--STAR-step_category-color-02:		130, 19, 110;	// = rgb | #82136e | baikyaku_stepup 
		--STAR-step_category-color-03:		0, 110, 54;		// = rgb | #006e36 | chosa_anshin 
		--STAR-step_category-color-04:		116, 44, 2;		// = rgb | #742c02 | kaikae_sozokushikin 
		--STAR-step_category-color-05:		35, 40, 64;		// = rgb | #232840 | other_service
	}*/

/* ==================================================
	BASE
================================================== */

/* ==================================================
	STYLE
================================================== */





/* ****************************************************************************************************
	ステップエスコート詳細ページ | body.stepscortServiceDetailPage
**************************************************************************************************** */

/* ==================================================
	BASE
================================================== */

/* STAR-pageTitleHeader | ステップエスコート詳細ページのタイトルヘッダー
---------------------------------------- */
@media print, screen and ( min-width: 768px ) {
	.STAR-pageTitleHeader {
		background: #fff url("../imgs/details/cnt-header_bg.jpg") center center / contain repeat-x;
	}
}


/* STAR-main-uniqueCnt__leadBox | ステップエスコート詳細ページのメインリードテキスト
---------------------------------------- */
	body.stepscortServiceDetailPage .STAR-main-uniqueCnt__leadBox {
		text-align: left;
		background: #f6f6f6; /* section背景カラー1 */
	}
	body.stepscortServiceDetailPage .STAR-main-uniqueCnt__leadBox .leadIllustration img {
		height: auto;
	}





/* ==================================================
	STYLE
================================================== */

/* starPage_pageTheme_stepscortDetail | ステップエスコート詳細エリア
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail {
		letter-spacing: .05em;
	}
	.starPage_pageTheme_stepscortDetail img {
		height: auto;
	}


/* starPage_keyPointBox | キーポイントボックス
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_keyPointBox {
		line-height: 1.7;
		color: #232840;
		padding: 1.25em 5vw;
		border: 3px double #232840;
	}
	.starPage_pageTheme_stepscortDetail .starPage_keyPointBox br.PC {
		display: none;
	}
	.starPage_pageTheme_stepscortDetail .starPage_keyPointText {
		font-size: 0.95em; /* 調整(feeling) */
	}
@media print, screen and ( min-width: 768px ) {
	.starPage_pageTheme_stepscortDetail .starPage_keyPointBox {
		line-height: 1.925;
		text-align: center;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_keyPointBox br.PC {
		display: inline;
	}
}


/* starPage_M_heading | モジュールの見出し
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_M_heading {
		line-height: 1.35;
		color: rgba(35, 40, 64, 1);
		letter-spacing: .05em;
		background: rgba(35, 40, 64, .1);
		margin-bottom: 1em;
		padding: .5em 1em;
	}


/* starPage_serviceSummary | サービス概要関連
-------------------------------------------
(例:ページ下部掲載) div.starPage_serviceSummaryWrap>div.STAR-M_Cnt>dl.starPage_serviceSummaryBox.starPage_serviceSummaryList[aria-label="XXXの概要"]>(div.ssListRow>(dt.ssListDt>span.ssListDtText)+(dd.ssListDd))*7
(例:ページ下部以外) dl.starPage_serviceSummaryList>div>(dt.ssListDt>span.ssListDtText)+(dd.ssListDd)
---------------------------------------- */

/* starPage_serviceSummaryWrap | サービス概要エリア（ページ下部に掲載）
----------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap {}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryBox {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 4px solid #eee;
	}

/* starPage_serviceSummaryList | サービス概要リスト（ページ下部・ページ下部以外にも使用可）
----------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListRow:nth-of-type(n+2) {
		margin-top: 1.5em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		line-height: 1.5;
		color: #232840;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.2em;
		padding: .4em 0;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt::before {
		content: "■";
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt .ssListDtText {}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDd {}
	
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .annotationBox {
		font-size: 1.4rem;
		letter-spacing: .05em;
		margin-top: .25em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .annotationBox small {
		line-height: inherit;
		font-weight: inherit;
		font-size: inherit;
		letter-spacing: inherit;
	}
	/* 色
	----------------------- */
	body.cntType_after_hosho .starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		color: #b5213e;		/* 赤 | rgba(181, 33, 62, 1) */
	}
	body.cntType_baikyaku_stepup .starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		color: #82136e;		/* 紫 | rgba(130, 19, 110, 1) */
	}
	body.cntType_chosa_anshin .starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		color: #006e36;		/* 緑 | rgba(0, 110, 54, 1) */
	}
	body.cntType_kaikae_sozokushikin .starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		color: #742c02;		/* 茶 | rgba(116, 44, 2, 1) */
	}
	body.cntType_other_service .starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		color: #232840;		/* 紺 | rgba(35, 40, 64, 1) */
	}
@media print, screen and ( min-width: 768px ) {
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryList .ssListDt {
		font-size: 1.25em;
	}
}