@charset 'utf-8';

/* ----------------------------------------
  _addstyles / addbase.css | 一時的処置のベーススタイル
-------------------------------------------
 *	<clear & reset>
 *	<MODULE>
 *	<BASE>
 *	<MODULE_LAST>
-------------------------------------------
[Infomation]
* フォーマットの接頭辞は「STAR-」（data属性は「star-」）とする
* SRES = Sumitomo Real Estate Sales.
-------------------------------------------
[Media queries ]
@media print, screen and ( min-width: 740px ) {}
@media print, screen and ( min-width: 768px ) {}
@media print, screen and ( min-width: 950px ) {}
@media print, screen and ( min-width: 1200px ) {}
---------------------------------------- */



/* ==================================================
	clear & reset
-----------------------------------------------------
 *	下記ファイルのスタイルのクリア＆リセット
	/common2015/css/common.css
	/common2015/css/reset.css
	/common2015/css/base.css
	/comprof/css/comprof.css
	/common2021/css/common/common-responsive-subpage-reset.css
	/common2015/js/script.js
 *	ママ とあるものは値は変えずにここで再定義したもの（＋詳細度が上がったもの有）
 *	影響が大きいスタイルはコメントアウトで残してある
================================================== */

/* basical_common | clear
---------------------------------------- */

/* *********************************
	common.css
********************************* */
	main header {
		border-bottom: none;
		border-top: none;
		padding: 0;
		text-align: left; /* ママ */
	}
	main header a {
		text-decoration: none !important; /* ママ */
	}
	main h3 {
		border-left: none;
		padding: 0;
		font-weight: normal;
		margin-left: 0;
	}
	main h3 span {
		font-size: inherit;
	}
	main h4 {
		font-size: inherit;
		font-weight: normal;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 1.5; /* ママ */
	}
	main h4:before {
		content: none;
		display: block;
		margin-right: 0;
		width: auto;
		height: auto;
		border: none;
		border-radius: 0;
/*		behavior: url("/common2015/js/PIE.htc");*/
		position: static;
	}
@media print, screen and  (min-width: 768px){
	main header {
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: none;
		display: block; /* ママ */
		width: auto;
	}
	main h3 {
		padding: 0;
		font-size: inherit;
	}
	main h3 span {
		font-size: inherit;
	}
	main h4 {
		font-size: inherit;
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	main h4:before {
		margin-right: 0;
		border-radius: 0;
/*		behavior: url("/common2015/js/PIE.htc");*/
		position: static;
	}
}
@media screen and (max-width: 767px) {
	main header {
		background-color: none;
		position: static;
		border-top: none; /* ママ */
	}
	main header:before {
		background-color: none;
		content: none;
		display: block; /* ママ */
		height: auto;
		left: auto;
		position: static;
		width: auto;
		z-index: auto;
		bottom: auto;
	}
}
/* *********************************
	reset.css
********************************* */
	main img {
		font-size:10px;
	}
/*	img {
		border:0;
		line-height:0;
		vertical-align:bottom;
	}
	a,
	a:link,
	a:visited,
	a:hover,
	a:active {
		outline:0;
	}
	button {
		margin:0;
		padding:0;
		font-family:inherit;
		font-size:inherit;
		font-style:inherit;
		font-weight:inherit;
	}*/
/* *********************************
	base.css
********************************* */
/*	a:link {	color: #333; }
	a:visited {	color: #333; }
	a:hover {	color: #E3001F; }
	a * {		cursor: pointer; }
@media print, screen and  (min-width: 768px){
	a:link {	color: #666; }
	a:visited {	color: #666; }
}*/
/* *********************************
	comprof.css
********************************* */
	body {
/*		width: 100%;*/
		overflow-x: auto;
	}
/*	#main-wrapper img {
		max-width: 100%;
		outline: none;
		border: none;
	}
	a {
		transition: all 0.2s ease 0s;
	}
	a:hover,
	a:focus {
		outline: none;
		background: none;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 0.8;
	}*/
	main h2 {
		clear: both; /* ママ */
		font-size: inherit;
		font-weight: normal;
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 0;
		text-align: left; /* ママ */
		color: inherit;
	}
@media (max-width: 767px) {
	main h2 {
		font-size: inherit;
	}
}
/* *********************************
	common-responsive-subpage-reset.css
********************************* */
	main header {
		border: none; /* ママ */
		padding: 0; /* ママ */
	}
	main header a {
		text-decoration: none !important; /* ママ */
	}
@media print, screen and (min-width: 768px) {
	main header {
		margin: 0; /* ママ */
/*		padding: 0;
		border: none;*/
	}
}
@media screen and (max-width: 767px) {
	main header {
		background: none; /* ママ */
		position: static; /* ママ */
/*		border-top: none;*/
	}
	main header:before {
		content: none; /* ママ */
		bottom: 0; /* ママ */
	}
}


/* basical_common | reset
---------------------------------------- */
	#main-wrapper.full {
		max-width: none;
	}
	
	/* /////////////////////////////
	// a要素は各パーツでクリア＆リセットが必要なスタイル有。調整が必要なスタイルとその詳細度は下記の通り。
	//-----
	// a				{ transition: all 0.2s ease 0s; }
	// a:hover, a:focus	{ background: none; border: none; box-shadow: none; }
	///////////////////////////// */
	main a:focus-visible {
		outline: auto;
	}
	.STAR-pageTitleHeader a,
	.STAR-main-uniqueCnt a {
		color: inherit;
		opacity: 1;
	}
	main a:not([href]) {
		color: inherit;
	}
	main a:not([href]) * {
		cursor: auto;
	}
	a.disableTelLink {	/* スクリプト追加クラス（script.js / contents_base.css） */
		cursor: default;
		pointer-events: none;
	}
	
	main button {
		/* clear */
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		color: inherit;
		background: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;
	}
	
	main em,
	main strong {
		font: inherit;
	}
	
	main h2,
	main h3,
	main h4,
	main h5,
	main h6 {
		line-height: 1.35;
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
		padding: 0;
	}





/* ==================================================
	MODULE
================================================== */
	
/* 汎用スタイル
---------------------------------------- */
.emphasis {font-weight:bold;}
.dispNone{display:none;}
.dispNoneImp{display:none!important;}
.dispInline{display:inline;}
.inbl{display:inline-block;}
.bl{display:block;}
.bltc{display:block;text-align:center;}
.bltr{display:block;text-align:right;}
.blImp{display:block !important;}
/* cliphidden | 構造上は存在するが表示させない要素（IE対応） */
.cliphidden { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; line-height: .2; font-size: 10px; text-align: left; letter-spacing: 0; text-indent: 100%; white-space: nowrap; word-break: keep-all; padding: 0; border: 0; }

@media print, screen and ( min-width: 768px ) {
	.bltc_PC{display:block;text-align:center;}
	.bltr_PC{display:block;text-align:right;}
}


/* M_hx__M_fzx | フォントファミリー
---------------------------------------- */
	.STAR-fontfamil_basic {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	}
	.STAR-fontfamil_basic_Noto {
		font-family: 'Noto Sans JP', sans-serif;
	}


/* M_h, M_fz, M_fzEm | 汎用見出しスタイル、汎用テキストスタイル
---------------------------------------- */
	.STAR-M_h1 .hTxt,
	.STAR-M_h2 .hTxt,
	.STAR-M_h3 .hTxt,
	.STAR-M_h4 .hTxt,
	.STAR-M_h5 .hTxt,
	.STAR-M_h6 .hTxt,
	.STAR-M_fz1,
	.STAR-M_fz2,
	.STAR-M_fz3,
	.STAR-M_fz4,
	.STAR-M_fz5,
	.STAR-M_fz6,
	.STAR-M_fz7,
	.STAR-M_fz8 {
		font-family: 'Noto Sans JP', sans-serif;
	}
	.STAR-M_h1 .hTxt {
	}
	.STAR-M_h2 .hTxt {
		line-height: 1.375;
		font-size: 3rem;
	}
	.STAR-M_h3 .hTxt {
		line-height: 1.375;
		font-size: 2.4rem;
	}
	.STAR-M_h4 .hTxt {
		line-height: 1.625;
		font-size: 2rem;
	}
	.STAR-M_h5 .hTxt,
	.STAR-M_h6 .hTxt {
		line-height: 1.5;
		font-size: 1.6rem;
	}
	
	.STAR-M_fz1 {
		line-height: 1.375;
		font-size: 3.3rem;
	}
	.STAR-M_fz2 {
		line-height: 1.375;
		font-size: 3rem;
	}
	.STAR-M_fz3 {
		line-height: 1.5;
		font-size: 2.4rem;
	}
	.STAR-M_fz4 {
		line-height: 1.625;
		font-size: 2rem;
	}
	.STAR-M_fz5,
	.STAR-M_fz6,
	.STAR-M_fz7,
	.STAR-M_fz8 {
		line-height: 1.75;
		font-size: 1.6rem;
	}
	
	[data-star-word_deco="underline01"] {
		/*line-height: 1.15;*/
		text-decoration: underline;
		text-decoration-color: #f7e300;
		text-decoration-thickness: 6px;
		text-underline-offset: 6px;
		padding-bottom: 6px;
	}
@media print, screen and ( min-width: 768px ) {
	.STAR-M_fz1 {
		line-height: 1.35;
		font-size: 4.6rem;
	}
	.STAR-M_h2 .hTxt,
	.STAR-M_fz2 {
		line-height: 1.35;
		font-size: 4.3rem;
	}
	.STAR-M_h3 .hTxt,
	.STAR-M_fz3 {
		font-size: 3.8rem;
	}
	.STAR-M_h4 .hTxt,
	.STAR-M_fz4 {
		font-size: 2.4rem;
	}
	.STAR-M_h5 .hTxt,
	.STAR-M_fz5 {
		font-size: 2rem;
	}
	.STAR-M_h6 .hTxt,
	.STAR-M_fz6 {
		font-size: 1.8rem;
	}
	.STAR-M_fz7 {
		font-size: 1.7rem;
	}
	.STAR-M_fz8 {
		font-size: 1.6rem;
	}
}


/* M_txtColor | 汎用文字色
---------------------------------------- */
	.STAR-M_txtColor01 { color: #f7e300;} /* accent-color | Slightly_dark_yellow */
	.STAR-M_txtColor02 { color: #b5213e;} /* accent-color | Deep_red */ /* (OLD : #ed4600 | Strong_orange) */
	.STAR-M_txtColor03 { color: #f4ab4d;} /* accent-color | Light_orange */
	.STAR-M_txtColor04 { color: #232840;} /* main-color | [!]SRES_navy */


/* Symbol List | マーク付きリスト（ div.symItemText を推奨）
---------------------------------------- */
	.STAR-M_symList > .symItem {display:flex;width:100%;}
	.STAR-M_symList > .symItem::before,
	.STAR-M_symList > .symItem .sym {display:block;white-space:nowrap;padding-right:0.25em;}
	.STAR-M_symList > .symItem .symItemText {flex:1 1;display:block;}
	
	.STAR-M_symList[data-star-symlist-styletype="doubleCircle"] > .symItem::before {
		content: "◎";
	}
	.STAR-M_symList[data-star-symlist-styletype="circleFill"] > .symItem::before {
		content: "●";
	}
	.STAR-M_symList[data-star-symlist-styletype="squareFill"] > .symItem::before {
		content: "■";
	}
	.STAR-M_symList[data-star-symlist-styletype="numbersDots"] {
		counter-reset: count 0;
	}
	.STAR-M_symList[data-star-symlist-styletype="numbersDots"] > .symItem::before {
		content: counter(count) ".";
		counter-increment: count 1;
	}


/* Symbol List Kome | マーク付き注釈の字下げ
---------------------------------------- */
	.STAR-M_symList-kome {display:block!important; font-size: 1.4rem;}
	.STAR-M_symList-kome .symItem {display:flex;width:100%;}
	.STAR-M_symList-kome .sym {display:block;white-space:nowrap;padding-right:0.25em;}
	.STAR-M_symList-kome .sym + span {flex:1 1;display:block;}


/* M_small | smallのベースサイズ
---------------------------------------- */
	.STAR-M_small {
		font-size: 1.4rem;
	}


/* M_Cnt | 汎用コンテンツボックス
---------------------------------------- */
	.STAR-M_Cnt {
		width: 94%;
		max-width: 1120px;
		margin-left: auto;
		margin-right: auto;
	}


/* M_stickoutFullbox | 固定幅のボックスをはみ出して、ウィンドウ幅いっぱいに広げる
---------------------------------------- */
/*	.STAR-M_stickoutFullbox {
		margin-left:	calc(-50vw + 50%);
		margin-right:	calc(-50vw + 50%);
	}
	.STAR-M_stickoutFullbox img.STAR-M_stickoutFullboxPic,
	.STAR-M_stickoutFullbox .STAR-M_stickoutFullboxPic img {
		width: 100%;
		max-width: none;
	}*/


/* M_txtLink_underline | 汎用テキストリンク下線
---------------------------------------- */
	a.M_txtLink_underline {
		text-decoration: underline !important;
	}
	a.M_txtLink_underline:hover {
		opacity: .8;
	}


/* M_button | 汎用ボタン
---------------------------------------- */
	.STAR-M_button {
		display: inline-block;
		position: relative;
		width: 85%;
		max-width: 380px;
		line-height: 1.35;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 2rem;
		text-align: center;
		text-decoration: none;
		letter-spacing: .035em;
		margin: 0 auto;
		padding: .6em 20px;
		border-radius: 2px;
	}
	a.STAR-M_button,
	button.STAR-M_button {
		color: #232840;
		background: #fff;
		border: 1px solid #333;
		box-shadow: 0 4px 8px 2px rgba(11, 9, 5, .1);
		transition: color .2s ease-out, background .2s ease-out;
	}
	a.STAR-M_button[data-star-arrow^="arr"]::after,
	button.STAR-M_button[data-star-arrow^="arr"]::after {
		border-color: #232840;
		transition: border .2s ease-out;
	}
	.STAR-M_button .label {
		display: block;
	}
	/* hover */
	a.STAR-M_button:hover,
	button.STAR-M_button:hover {
		color: #fff;
		background: #232840;
	}
	a.STAR-M_button[data-star-arrow^="arr"]:hover::after,
	button.STAR-M_button[data-star-arrow^="arr"]:hover::after {
		border-color: #fff;
	}


/* icon : arrow | 汎用アイコン［くの字矢印］
---------------------------------------- */
	/* ボタン等、右端にアイコンを表示させる | 例：[   link   >] */
	[data-star-arrow^="arr01_"] {
		padding-left:	37px;
		padding-right:	37px;
	}
	[data-star-arrow^="arr01_"]::after {
		content: "";
		display: block;
		position: absolute;
		top: 0; bottom: 0; left: auto; right: 17px;
		width: 7px;
		height: 7px;
		margin: auto;
		border: 0 solid #232840;
		border-width: 2px 2px 0 0;
	}
	[data-star-arrow="arr01_top"]::after {		transform: scaleY(.92) translate(0, 35%) rotate(-45deg);}	/* calc(50% - 1px) */
	[data-star-arrow="arr01_bottom"]::after {	transform: scaleY(.92) translate(0, -25%) rotate(135deg);}	/* calc(-50% + 2px) */
	[data-star-arrow="arr01_left"]::after {		transform: scaleX(.92) translate(23%, 0) rotate(-135deg);}	/* calc(50% - 2px) */
	[data-star-arrow="arr01_right"]::after {	transform: scaleX(.92) translate(-30%, 0) rotate(45deg);}	/* calc(-50% + 1px) */
	
	/* テキストリンク等、文字の末尾にアイコンを表示させる | 例：[    link >   ] */
	[data-star-arrow^="arr02_"]::after {
		content: "";
		flex: 0 0 7px;
		display: inline-block;
		width: 7px;
		height: 7px;
		border: 0 solid #232840;
		border-width: 2px 2px 0 0;
		margin-left: .6em;
	}
	[data-star-arrow="arr02_top"]::after {		transform: scaleY(.92) translate(0, 35%) rotate(-45deg);}	/* calc(50% - 1px) */
	[data-star-arrow="arr02_bottom"]::after {	transform: scaleY(.92) translate(0, -25%) rotate(135deg);}	/* calc(-50% + 2px) */
	[data-star-arrow="arr02_left"]::after {		transform: scaleX(.92) translate(23%, 0) rotate(-135deg);}	/* calc(50% - 2px) */
	[data-star-arrow="arr02_right"]::after {	transform: scaleX(.92) translate(-30%, 0) rotate(45deg);}	/* calc(-50% + 1px) */


/* M_pagetop | 汎用ページトップ
---------------------------------------- */
	.STAR-M_pagetop {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 44px;
		height: 44px;
		background: #fff;
		margin: 0 0 0 auto;
		border-radius: 50px;
		box-shadow: 0 2px 6px 1px rgba(11, 9, 5, .11);
	}
	.STAR-M_pagetop::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 32%;
		height: 32%;
		border: 0 solid #232840;
		border-width: 2px 2px 0 0;
		transform: scaleY(.92) translate(-50%, -30%) rotate(-45deg);
	}


/* bg | 汎用背景色
---------------------------------------- */
	[data-star-bg="themeColor_light"] {
		color: #333;
		background: #f2f3f5;
	}
	[data-star-bg="themeColor_dark"] {
		color: #fff;
		background: #232840;
	}
	[data-star-bg="bg01"] {
		background: #f6f6f6; /* section背景カラー1 */
	}
	[data-star-bg="bg02"] {
		background: #eeedf6; /* section背景カラー2 */
	}


/* STAR-M_fitsColWidth | カラムボックスの幅に合わせる
---------------------------------------- */
	.STAR-M_fitsColWidth {
		padding-left:	12px;
		padding-right:	12px;
	}
@media print, screen and ( min-width: 768px ) {
	.STAR-M_fitsColWidth {
		padding-left:	0;
		padding-right:	0;
	}
}


/* colbox | 汎用カラムボックス
-------------------------------------------
 * [data-star-colbox*="colboxParent"]は .STAR-M_Cnt(相当) と同じ要素につけること。
-------------------------------------------
(参考:単純化) div.STAR-M_Cnt[data-="colboxParent_***"]>div[data-="colbox_***"]>div[data-="colUnit"]{カラム}*2
(参考:詳しく) div.STAR-M_Cnt[data-star-colbox="colboxParent_maxCol3"]>div.{←ここに要素はあってもなくてもOK}>div[data-star-colbox="colbox_maxCol3"]>div[data-star-colbox="colUnit"]*2>(div{カラム})
---------------------------------------- */
	[data-star-colbox*="colboxParent"] {
		width: calc(94% - (12px * 2));
		margin-left:	auto;
		margin-right:	auto;
	}
	[data-star-colbox*="colbox_maxCol"] {
		display: flex;
		flex-wrap: wrap;
	/*	justify-content: center;*/
		margin-left:	-12px;
		margin-right:	-12px;
	}
	[data-star-colbox="colUnit"] {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		margin: 20px 12px;
	}
@media print, screen and ( min-width: 768px ) {
	[data-star-colbox*="colboxParent"] {
		width: calc(94% - (20px * 2));
	}
	[data-star-colbox*="colbox_maxCol"] {
		margin-left:	-20px;
		margin-right:	-20px;
	}
	[data-star-colbox="colUnit"] {
		margin-left:	20px;
		margin-right:	20px;
	}
	/* 1カラム */
	[data-star-colbox="colbox_maxCol1"] > [data-star-colbox="colUnit"] {
		width: calc(100% - (20px * 2)); /* =((100% - (左右余白)) */
	}
	/* 2カラム */
	[data-star-colbox="colbox_maxCol2"] > [data-star-colbox="colUnit"] {
		width: calc((100% - ((20px * 2) * 2)) / 2); /* =((100% - ((左右余白) * 2カラム分)) / 2カラム) */
	}
	/* 3カラム */
	[data-star-colbox="colboxParent_maxCol3"] {
		width: calc(94% - (17.5px * 2));
	}
	[data-star-colbox="colbox_maxCol3"] {
		margin-left:	-17.5px;
		margin-right:	-17.5px;
	}
	[data-star-colbox="colbox_maxCol3"] > [data-star-colbox="colUnit"] {
		width: calc((100% - ((17.5px * 2) * 3)) / 3); /* =((100% - ((左右余白) * 3カラム分)) / 3カラム) */
		margin-left:	17.5px;
		margin-right:	17.5px;
	}
}


/* M_CardBoxWrap | カードボックス
-------------------------------------------
 * [div.STAR-M_CardBox_pagetop]は“通しで1カラム時のみ”追加することができます。
 *		- 想定する構造は下記の通り（イレギュラーの為、後述の参考コードには加えていません）
 *		- div.STAR-M_CardBox_cntType+div.STAR-M_CardBox+div.STAR-M_CardBox_pagetop
 * リンク範囲
 *		- [.cardLink a[href]::before]でリンクの'クリック可能エリア'を作り、'リンク範囲'は[.STAR-M_CardBox]のサイズとする。
 * ホバーで画像を拡大（a要素判定ではないので注意）
 *		- data属性が「unit_linkbox」の時に有効になる（ [data-star-cardbox="unit_linkbox"].STAR-M_CardBox .cardThumbnail__image ）
-------------------------------------------
(参考:単純化) div.STAR-M_CardBoxWrap>div.cntType(>em)+div.CardBox[data-]>div.cardThumbnail+dl.cardDescription(>dt{term}+dd{details}+dd{tag})+div.cardLink(>a)
(参考:詳しく) div.STAR-M_CardBoxWrap>div.STAR-M_CardBox_cntType(>em{タイプ})+div.STAR-M_CardBox[data-star-cardbox="unit_linkbox"]>div.cardThumbnail(>div.cardThumbnail__tag(>em.targetAbbr(>abbr[title="ｕｕｕ"].uuu{ｕｕｕ})*2)+div.cardThumbnail__image(>img[src][width][height][alt]))+dl.cardDescription(>dt.cardDescription__term(>span.icon(>img[src][alt][width][height])+span.title{ｔｅｒｍ})+dd.cardDescription__details(>p{中身})+dd.cardDescription__tag(>ul.cardTagList>li{タグ}*3))+div.cardLink(>a[href="xxx"]>span.linkText[data-star-arrow="arr02_right"]{詳細を見る})
---------------------------------------- */
	.STAR-M_CardBoxWrap {}
	.STAR-M_CardBox_cntType {
		display: flex;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 1.35;
		font-size: 1.3rem;
	}
	.STAR-M_CardBox_cntType em {
		display: inline-block;
		color: #fff;
		font-family: 'Noto Sans JP', sans-serif;
		background: #232840;
		padding: .25em .75em;
		border-radius: 2px;
		transform: translateY(-100%);
	}
	.STAR-M_CardBox {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		position: relative; /* 'リンク範囲'の宣言 */
		width: 100%;
		overflow: hidden;
		line-height: 1.75;
		font-size: 1.6rem;
		background: #fff;
		border-radius: 4px 4px 2px 2px;
		box-shadow: 0 2px 6px 1px rgba(11, 9, 5, .11);
	}
	/*[data-star-cardbox~="unit_linkbox"],
	[data-star-cardbox~="unit_informationbox"] {
		border-radius: 4px 4px 0 0;
	}*/
	
	
	.STAR-M_CardBox > * {
		display: block;
		width: 100%;
	}
	.STAR-M_CardBox .cardThumbnail {
		position: relative;
		min-height: 1px; /* for IE */
	}
	.STAR-M_CardBox .cardThumbnail__tag {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}
	.STAR-M_CardBox .cardThumbnail__tag .targetAbbr > * {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width:	1.7em;
		height:	1.7em;
		line-height: 1.3;
		color: #fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.0625em;
		text-align: center;
		background: #232840;
		margin: .58823em .58823em 0 0;
	}
	.STAR-M_CardBox .cardThumbnail__tag .targetAbbr abbr {
    	text-decoration: none;
		background: #232840;
	}
	.STAR-M_CardBox .cardThumbnail__image img {
		width: 100%;
		height: auto;
	}
	[data-star-cardbox~="unit_linkbox"].STAR-M_CardBox .cardThumbnail__image {
		overflow: hidden;
	}
	[data-star-cardbox~="unit_linkbox"].STAR-M_CardBox .cardThumbnail__image img {
		transition: transform .2s ease-out;
	}
	[data-star-cardbox~="unit_linkbox"].STAR-M_CardBox:hover .cardThumbnail__image img {
		transform: scale(1.1);
	}
	.STAR-M_CardBox .cardDescription {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 1px; /* fot IE */
		padding: 1.25em;
	}
	.STAR-M_CardBox .cardDescription > * {
		display: block;
		width: 100%;
	}
	.STAR-M_CardBox .cardDescription__term {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		line-height: 1.5;
		font-family: 'Noto Sans JP', sans-serif;
		/*font-size: 1.25em;*/
	}
	.STAR-M_CardBox .cardDescription__term .icon {
		align-self: flex-start; /* レイアウトによっては不要なので、各ページ用CSSでリセットすること（align-self: auto;） */
		margin-right: 1em;
	}
	.STAR-M_CardBox .cardDescription__term .icon img {
		max-width: none !important; /* フォーマット読込元のIDに設定があるため !important します */
	}
	.STAR-M_CardBox .cardDescription__term .title {
	}
	.STAR-M_CardBox .cardDescription__details {
		min-height: 1px; /* fot IE */
		line-height: 1.6;
		font-size: 1em;
		margin-top: 1em;
	}
	.STAR-M_CardBox .cardDescription__tag {
		margin: auto 0 0;
		padding-top: 1em;
	}
	.STAR-M_CardBox .cardDescription__tag abbr {
    	text-decoration: none;
	}
	
	
	.STAR-M_CardBox .cardTagList {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		line-height: 1.3;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.4rem;
		text-align: center;
	}
	.STAR-M_CardBox .cardTagList li {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 74px;
		color: #fff;
		background: #232840;
		margin: .25em .5em .25em 0;
		padding: .25em .7em;
	}
	.STAR-M_CardBox .cardLink {
		font-size: 1.25em;
	}
	.STAR-M_CardBox .cardLink a {
		display: block;
		width: 100%;
		color: #232840;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.03em;
		padding: .75em .5em;
		border-top: 1px solid #eee;
	}
	.STAR-M_CardBox .cardLink a:not([href]) {
		opacity: .5;
	}
	.STAR-M_CardBox .cardLink a[href]::before { /* 'クリック可能エリア'作成 */
		content: "";
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
		background-color: rgba(0, 0, 0, 0);
		pointer-events: auto;
			/* ★あとで消す */
			/*background-color: rgba(0, 0, 0, .5);
			pointer-events: none;*/
	}
	.STAR-M_CardBox .cardLink a[href]:focus-visible::before {
		outline: auto;
		outline-offset: -2px;
	}
	.STAR-M_CardBox .cardLink a:not([href])::before {
		pointer-events: none;
	}
	.STAR-M_CardBox .cardLink .linkText[data-star-arrow^="arr"] {
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	/* ボタン文字クリッピングver | is_cardLink_textCliphidden */
	.STAR-M_CardBox .is_cardLink_textCliphidden a {
		/* reset */
		height:	0;
		background: none;
		padding: 0;
		border: none;
		transition: none;
	}
	.STAR-M_CardBox .is_cardLink_textCliphidden .linkText {	/* 構造上は存在するが表示させない要素（IE対応） */
		display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; line-height: .2; font-size: 10px; text-align: left; letter-spacing: 0; text-indent: 100%; white-space: nowrap; word-break: keep-all; padding: 0; border: 0;
	}
	
	
	/* テキストリンク エリア */
	.STAR-M_CardBox_pagetop {
		display: block;
		width: 100%;
		text-align: right;
		padding: .25em .9em;
	}
	.STAR-M_CardBox_pagetop a,
	.STAR-M_CardBox_pagetop button {
		color: #232840;
		font-size: 1.4rem;
		text-decoration: none;
		border-bottom: 1px solid #232840;
	}
	.STAR-M_CardBox_pagetop a[href]:hover,
	.STAR-M_CardBox_pagetop button:hover {
		color: #465080;
		border-bottom-color: #465080;
		border-bottom-width: 2px;
	}
	.STAR-M_CardBox_pagetop a[data-star-arrow="arr02_top"]::after,
	.STAR-M_CardBox_pagetop button[data-star-arrow="arr02_top"]::after {
		transform: scaleY(.92) translate(0, 5%) rotate(-45deg);
	}
	/* アイコンリンク エリア */
	.STAR-M_CardBox_pagetop_icon {
		display: block;
		width: 100%;
		padding: .8em 0;
	}
@media print, screen and ( min-width: 768px ) {
	.STAR-M_CardBox_cntType {
		font-size: 1.4rem;
	}
	.STAR-M_CardBox {
		font-size: 1.6rem;
	}
	.STAR-M_CardBox .cardDescription__term {
		font-size: 1.25em;
	}
	.STAR-M_CardBox .cardDescription__tag {
		padding-top: 1.5em;
	}
	.STAR-M_CardBox .cardTagList {
		font-size: .875em;
	}
}


/* M_showMoreWrap | 続きを読む(さらに表示)のドロワーメニュー
-------------------------------------------
 * [M_filteringWrap]とのコンビネーションに対応
-------------------------------------------
(参考:単純化) div.Wrap>div.Body({本文})+div.Button(>button>{続き})
(参考:詳しく) div.STAR-M_showMoreWrap>div.STAR-M_showMoreBody#Menu_xxyyzz[aria-hidden="true"][aria-label="ｘｘｙｙｚｚ"]({本文})+div.STAR-M_showMoreButton(>button[type="button"].STAR-M_button[data-star-arrow="arr01_bottom"]#Btn_xxyyzz[aria-controls="Menu_xxyyzz"][aria-expanded="false"][data-star-showmorebutton-text="続き"]>{続き})
---------------------------------------- */
	.STAR-M_showMoreWrap {
		position: relative;
	}
	.STAR-M_showMoreBody {
		overflow: hidden;
	}
	.STAR-M_showMoreButton {
		display: flex;
		justify-content: center;
		padding: 20px 0;
	}
	.STAR-M_showMoreButton .STAR-M_button {
		margin-left: 0;
		margin-right: 0;
	}
	/*.STAR-M_showMoreButton button {
		color: #232840;
		text-align: center;
		background: #fff;
		transition: color .2s ease-out, background .2s ease-out;
	}
	.STAR-M_showMoreButton button:hover {
		color: #fff;
		background: #232840;
	}*/
	/* js_show */
	.js_show .STAR-M_showMoreButton {
		pointer-events: none;
	}
	.js_show .STAR-M_showMoreButton::before {
		opacity: 0;
		visibility: hidden;
	}
	.js_show .STAR-M_showMoreButton button {
		pointer-events: auto;
	}
	.js_show .STAR-M_showMoreButton button[data-star-arrow="arr01_bottom"]::after {
		transform: scaleY(.92) translate(0, 35%) rotate(-45deg);
	}


/* M_filteringWrap | フィルタリング
-------------------------------------------
 * クリックしたボタンに該当するコンテンツカテゴリを表示する
 * 親子兄弟関係に軽く注意
 * [M_showMoreWrap]とのコンビネーションに対応
-------------------------------------------
(参考:単純化) div.Wrap>div.NavBox(>ul>li*3>button[data-="xyz1"]{XYZ1})+div.ContentBox>div[data-="xyz1"]{XYZ1}*10
(参考:詳しく) div.STAR-M_filteringWrap>div.STAR-M_filteringNavBox(>ul.navList>li*3>button[type="button"][data-star-filteringnav="xyz1"]>span.label{XYZ1})+div.STAR-M_filteringContentBox>div[data-star-filteringcontent_category="xyz1"]{XYZ1}*10
---------------------------------------- */
	.STAR-M_filteringWrap {}
	.STAR-M_filteringNavBox {}
	.STAR-M_filteringNavBox .navList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.STAR-M_filteringNavBox li {
		margin: .5em .7em;
	}
	.STAR-M_filteringNavBox a,
	.STAR-M_filteringNavBox button {
		display: inline-block;
		position: relative;
		min-width: 121px;
		line-height: 1.35;
		color: #232840;
		font-family: 'Noto Sans JP', sans-serif;
		text-align: center;
		text-decoration: none;
		letter-spacing: .035em;
		background: #fff;
		margin: 0 auto;
		padding: .4em 1em;
		border: 1px solid #333;
		border-radius: 10em;
		box-shadow: 0 4px 8px 2px rgba(11, 9, 5, .1);
		transition: color .2s ease-out, background .2s ease-out;
	}
	.STAR-M_filteringNavBox a:hover,
	.STAR-M_filteringNavBox button:hover,
	.STAR-M_filteringNavBox li.is-active a,
	.STAR-M_filteringNavBox li.is-active button {
		color: #fff;
		background: #232840;
	}
	.STAR-M_filteringNavBox .label {
		display: block;
	}
	.STAR-M_filteringContentBox {}
	.STAR-M_filteringContentBox [data-star-filteringcontent_category] {
		animation: STAR-filteringcontent_category-Anime .2s;
	}
@keyframes STAR-filteringcontent_category-Anime {
	0% {	transform: translateY(-5px);}
	100% {	transform: none;}
}


/* フィルタリング 非表示用
--------------------------------- */
.starPage_stepscortServiceUnit.noCard,
[data-starpage-service_category].noCard {
	display: none;
}


/* フィルタリング エラーメッセージ
--------------------------------- */
	.STAR-M_filteringStatusMessage {
		width: 94%;
		max-width: 1120px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px 0 0;
	}
	.STAR-M_filteringStatusMessage > * {
		color: #444;
		text-align: center;
		padding: 1.25em;
		border: 1px solid #ccc;
	}
	.STAR-M_filteringStatusMessage .contNone {}
	
@media print, screen and ( min-width: 768px ) {
	.STAR-M_filteringStatusMessage {
		padding-top: 30px;
	}
}





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

/* renew : basical_common
---------------------------------------- */
	
	/* common
	----------------------- */
	.STAR-pageTitleHeader,
	.STAR-main-uniqueCnt {
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		text-align: left;
	}
	
	/* pageTitleHeader
	----------------------- */
	.STAR-pageTitleHeader {
		width: 100%;
		line-height: 1.35;
		color: #000;
		font-size: 2rem;
		text-align: center;
		background: #fff;
		margin: 0;
		padding: 0;
	}
	.STAR-pageTitleHeader__inner {
		width: 100%;
	}
	.STAR-pageTitleHeader__inner__pagename {}
	.STAR-pageTitleHeader__inner__pagename img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.STAR-pageTitleHeader__inner__pagename .ttlPic img.PC {	display: none; }
	.STAR-pageTitleHeader__inner__pagename .ttlPic img.SP {	display: block; }
	
	.STAR-pageTitleHeader__inner__sub {
		line-height: 1.5;
		font-size: .8em;
	}
	
	/* uniqueCnt
	----------------------- */
	.STAR-main-uniqueCnt {
		width: 100%;
		line-height: 1.75;
		color: #333;
		font-size: 1.6rem;
		background: #fff;
	}
	.STAR-main-uniqueCnt__leadBox {
		text-align: center;
		padding: 50px 4vw;
	}
	.STAR-main-uniqueCnt__leadBox .leadText {
		letter-spacing: 0.03em;
	}
	
	/* uniqueFoot
	----------------------- */
	.STAR-uniqueFoot {
		border-bottom: 2px solid #f6f6f6; /* ページトップとの境界（SPのみ） */
	}
	.STAR-uniqueFoot > * + * {
		border-top: 2px solid #f6f6f6;
	}
	
	/* footCaptionWrap
	----------------------- */
	.STAR-footCaptionWrap {
		width: 100%;
		line-height: 1.6;
		color: inherit;
		font-size: 1em;
		padding: 55px 0;
	}
	.STAR-footCaptionWrap small {
		color: inherit;
		font: inherit;
	}
	
	/* footBtnWrap
	----------------------- */
	.STAR-footBtnWrap {
		width: 100%;
		padding: 80px 0;
	}
	.STAR-footBtnWrap .STAR-M_button {
		display: block;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.STAR-footBtnWrap .STAR-M_button .label {
		font-size: .925em;
	}
@media screen and ( min-width: 360px ) {
	/* footBtnWrap
	----------------------- */
	.STAR-footBtnWrap .STAR-M_button .label {
		font-size: 1em;
	}
}
@media print, screen and ( min-width: 768px ) {
	/* pageTitleHeader
	----------------------- */
	.STAR-pageTitleHeader {
		margin-top: 15px; /* 既存パンくずとの隙間対策 */
	}
	.STAR-pageTitleHeader__inner {
		width: 100%;
		max-width: 3000px;
		min-height: 550px;
		margin: 0 auto;
	}
	/*.STAR-pageTitleHeader__inner__pagename .ttlPic img {
		width: 100%;
		max-width: 3000px;
		height: 550px;
		object-fit: cover;
		object-position: center center;
	}*/
	.STAR-pageTitleHeader__inner__pagename .ttlPic {
		width: 100%;
		height: 550px;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
	.STAR-pageTitleHeader__inner__pagename .ttlPic img {
		width: auto;
		max-width: none !important; /* フォーマット読込元のIDに設定があるため !important します */
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 0;
		transform: translateX(-50%);
	}
	.STAR-pageTitleHeader__inner__pagename .ttlPic img.PC {	display: block; }
	.STAR-pageTitleHeader__inner__pagename .ttlPic img.SP {	display: none; }
	
	/* uniqueCnt
	----------------------- */
	.STAR-main-uniqueCnt__leadBox {
		padding: 50px;
	}
	.STAR-main-uniqueCnt__leadBox .leadText {
		letter-spacing: 0.05em;
	}
	
	/* uniqueFoot
	----------------------- */
	.STAR-uniqueFoot {
		border-bottom: none;
	}
}





/* ==================================================
	MODULE_LAST | 一番下に記述
-----------------------------------------------------
- （*=部分一致、^=先頭の値、~=スペース区切り毎の正確な値）
================================================== */
/* yohaku Fixed
---------------------------------------- */
	[data-star-marpad~="mt0"] {margin-top: 0!important;}	[data-star-marpad~="mb0"] {margin-bottom: 0!important;}		[data-star-marpad~="ml0"] {margin-left: 0!important;}	[data-star-marpad~="mr0"] {margin-right: 0!important;}
	[data-star-marpad~="mt05em"] {margin-top: .5em}			[data-star-marpad~="mb05em"] {margin-bottom: .5em}			[data-star-marpad~="ml05em"] {margin-left: .5em}		[data-star-marpad~="mr05em"] {margin-right: .5em}
	[data-star-marpad~="mt075em"] {margin-top: .75em}		[data-star-marpad~="mb075em"] {margin-bottom: .75em}		[data-star-marpad~="ml075em"] {margin-left: .75em}		[data-star-marpad~="mr075em"] {margin-right: .75em}
	[data-star-marpad~="mt1em"] {margin-top: 1em;}			[data-star-marpad~="mb1em"] {margin-bottom: 1em;}			[data-star-marpad~="ml1em"] {margin-left: 1em;}			[data-star-marpad~="mr1em"] {margin-right: 1em;}
	[data-star-marpad~="mt1_5em"] {margin-top: 1.5em;}		[data-star-marpad~="mb1_5em"] {margin-bottom: 1.5em;}		[data-star-marpad~="ml1_5em"] {margin-left: 1.5em;}		[data-star-marpad~="mr1_5em"] {margin-right: 1.5em;}
	[data-star-marpad~="mt2em"] {margin-top: 2em;}			[data-star-marpad~="mb2em"] {margin-bottom: 2em;}			[data-star-marpad~="ml2em"] {margin-left: 2em;}			[data-star-marpad~="mr2em"] {margin-right: 2em;}
	[data-star-marpad~="mt2_5em"] {margin-top: 2.5em;}		[data-star-marpad~="mb2_5em"] {margin-bottom: 2.5em;}		[data-star-marpad~="ml2_5em"] {margin-left: 2.5em;}		[data-star-marpad~="mr2_5em"] {margin-right: 2.5em;}
	[data-star-marpad~="mt3em"] {margin-top: 3em;}			[data-star-marpad~="mb3em"] {margin-bottom: 3em;}			[data-star-marpad~="ml3em"] {margin-left: 3em;}			[data-star-marpad~="mr3em"] {margin-right: 3em;}
	[data-star-marpad~="mt3_5em"] {margin-top: 3.5em;}		[data-star-marpad~="mb3_5em"] {margin-bottom: 3.5em;}		[data-star-marpad~="ml3_5em"] {margin-left: 3.5em;}		[data-star-marpad~="mr3_5em"] {margin-right: 3.5em;}
	
	[data-star-marpad~="pt0"] {padding-top: 0!important;}	[data-star-marpad~="pb0"] {padding-bottom: 0!important;}	[data-star-marpad~="pl0"] {padding-left: 0!important;}	[data-star-marpad~="pr0"] {padding-right: 0!important;}
	[data-star-marpad~="pt05em"] {padding-top: .5em}		[data-star-marpad~="pb05em"] {padding-bottom: .5em}			[data-star-marpad~="pl05em"] {padding-left: .5em}		[data-star-marpad~="pr05em"] {padding-right: .5em}
	[data-star-marpad~="pt075em"] {padding-top: .75em}		[data-star-marpad~="pb075em"] {padding-bottom: .75em}		[data-star-marpad~="pl075em"] {padding-left: .75em}		[data-star-marpad~="pr075em"] {padding-right: .75em}
	[data-star-marpad~="pt1em"] {padding-top: 1em;}			[data-star-marpad~="pb1em"] {padding-bottom: 1em;}			[data-star-marpad~="pl1em"] {padding-left: 1em;}		[data-star-marpad~="pr1em"] {padding-right: 1em;}
	[data-star-marpad~="pt1_5em"] {padding-top: 1.5em;}		[data-star-marpad~="pb1_5em"] {padding-bottom: 1.5em;}		[data-star-marpad~="pl1_5em"] {padding-left: 1.5em;}	[data-star-marpad~="pr1_5em"] {padding-right: 1.5em;}
	[data-star-marpad~="pt2em"] {padding-top: 2em;}			[data-star-marpad~="pb2em"] {padding-bottom: 2em;}			[data-star-marpad~="pl2em"] {padding-left: 2em;}		[data-star-marpad~="pr2em"] {padding-right: 2em;}
	[data-star-marpad~="pt2_5em"] {padding-top: 2.5em;}		[data-star-marpad~="pb2_5em"] {padding-bottom: 2.5em;}		[data-star-marpad~="pl2_5em"] {padding-left: 2.5em;}	[data-star-marpad~="pr2_5em"] {padding-right: 2.5em;}
	[data-star-marpad~="pt3em"] {padding-top: 3em;}			[data-star-marpad~="pb3em"] {padding-bottom: 3em;}			[data-star-marpad~="pl3em"] {padding-left: 3em;}		[data-star-marpad~="pr3em"] {padding-right: 3em;}
	[data-star-marpad~="pt3_5em"] {padding-top: 3.5em;}		[data-star-marpad~="pb3_5em"] {padding-bottom: 3.5em;}		[data-star-marpad~="pl3_5em"] {padding-left: 3.5em;}	[data-star-marpad~="pr3_5em"] {padding-right: 3.5em;}

/* yohaku Fluctuation
---------------------------------------- */
	[data-star-marpad~="mtXL"] {margin-top: 100px;}		[data-star-marpad~="mbXL"] {margin-bottom: 100px;}
	[data-star-marpad~="mtL"] {	margin-top: 80px;}		[data-star-marpad~="mbL"] {	margin-bottom: 80px;}
	[data-star-marpad~="mtM"] {	margin-top: 60px;}		[data-star-marpad~="mbM"] {	margin-bottom: 60px;}
	[data-star-marpad~="mtS"] {	margin-top: 40px;}		[data-star-marpad~="mbS"] {	margin-bottom: 40px;}
	[data-star-marpad~="mtXS"] {margin-top: 30px;}		[data-star-marpad~="mbXS"] {margin-bottom: 30px;}

	[data-star-marpad~="ptXL"] {padding-top: 100px;}	[data-star-marpad~="pbXL"] {padding-bottom: 100px;}		[data-star-marpad~="ptbXL"] {	padding-top: 100px;	padding-bottom: 100px;}
	[data-star-marpad~="ptL"] {	padding-top: 80px;}		[data-star-marpad~="pbL"] {	padding-bottom: 80px;}		[data-star-marpad~="ptbL"] {	padding-top: 80px;	padding-bottom: 80px;}
	[data-star-marpad~="ptM"] {	padding-top: 60px;}		[data-star-marpad~="pbM"] {	padding-bottom: 60px;}		[data-star-marpad~="ptbM"] {	padding-top: 60px;	padding-bottom: 60px;}
	[data-star-marpad~="ptS"] {	padding-top: 40px;}		[data-star-marpad~="pbS"] {	padding-bottom: 40px;}		[data-star-marpad~="ptbS"] {	padding-top: 40px;	padding-bottom: 40px;}
	[data-star-marpad~="ptXS"] {padding-top: 30px;}		[data-star-marpad~="pbXS"] {padding-bottom: 30px;}		[data-star-marpad~="ptbXS"] {	padding-top: 30px;	padding-bottom: 30px;}

@media print, screen and ( min-width: 768px ) {
	[data-star-marpad~="mtXL"] {margin-top: 140px;}		[data-star-marpad~="mbXL"] {margin-bottom: 140px;}
	[data-star-marpad~="mtL"] {	margin-top: 110px;}		[data-star-marpad~="mbL"] {	margin-bottom: 110px;}
	[data-star-marpad~="mtM"] {	margin-top: 80px;}		[data-star-marpad~="mbM"] {	margin-bottom: 80px;}
	[data-star-marpad~="mtS"] {	margin-top: 50px;}		[data-star-marpad~="mbS"] {	margin-bottom: 50px;}
	[data-star-marpad~="mtXS"] {margin-top: 40px;}		[data-star-marpad~="mbXS"] {margin-bottom: 40px;}

	[data-star-marpad~="ptXL"] {padding-top: 140px;}	[data-star-marpad~="pbXL"] {padding-bottom: 140px;}		[data-star-marpad~="ptbXL"] {	padding-top: 140px;	padding-bottom: 140px;}
	[data-star-marpad~="ptL"] {	padding-top: 110px;}	[data-star-marpad~="pbL"] {	padding-bottom: 110px;}		[data-star-marpad~="ptbL"] {	padding-top: 110px;	padding-bottom: 110px;}
	[data-star-marpad~="ptM"] {	padding-top: 80px;}		[data-star-marpad~="pbM"] {	padding-bottom: 80px;}		[data-star-marpad~="ptbM"] {	padding-top: 80px;	padding-bottom: 80px;}
	[data-star-marpad~="ptS"] {	padding-top: 50px;}		[data-star-marpad~="pbS"] {	padding-bottom: 50px;}		[data-star-marpad~="ptbS"] {	padding-top: 50px;	padding-bottom: 50px;}
	[data-star-marpad~="ptXS"] {padding-top: 40px;}		[data-star-marpad~="pbXS"] {padding-bottom: 40px;}		[data-star-marpad~="ptbXS"] {	padding-top: 40px;	padding-bottom: 40px;}
}