@charset 'utf-8';

/* ----------------------------------------
  / step_hosho / css / index.css
-------------------------------------------
* ステップエスコート 建物保証 ページ
-------------------------------------------
* （フォーマットの接頭辞は「STAR-」（data属性は「star-」））
* インナーページの接頭辞は「starPage_」（data属性は「starpage-」）とする
---------------------------------------- */



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





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

/* starPage_keyPointBox
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_keyPointBox {
		color: #b5213e;
		border-color: #b5213e;
	}
	.starPage_pageTheme_stepscortDetail .starPage_keyPointText__underline {
		border-bottom: 1px solid currentColor
	}
	.starPage_pageTheme_stepscortDetail .starPage_keyPointText__underline sup.sml {
		top: -1.1em;
		font-size: .4em;
	}
/* IEのみ
--------------------------------- */
@media all and (-ms-high-contrast: none) {
	.starPage_pageTheme_stepscortDetail .starPage_keyPointText__underline sup.sml {
		top: -.7em;
		font-size: .7em;
	}
}


/* starPage_M_heading
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_M_heading {
		color: rgba(181, 33, 62, 1);
		background: rgba(181, 33, 62, .1);
	}


/* starPage_caseOfTroubleIntroBox
---------------------------------------- */


/* starPage_warranty500
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_warranty500 {
		font-family: 'Noto Sans JP', sans-serif;
		color: #fff;
		background: #b5213e;
		padding: 35px 7vw 7vw;
		border-radius: 10px 10px 0 0;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading {
		text-align: center;
		margin-bottom: 2em;
		padding: 0 5vw;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading .PC { display: none;}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading .SP { display: block;}
	
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body {
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body ol {
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body li {
		text-align: center;
		background: #fff;
		margin-top: 20px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body .num {
		line-height: 1.5;
		font-size: 2.5rem;
		text-align: center;
		background: #000950;
		padding: .2em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body .pic {
		padding: 20px calc(5px + 2vw);
	}
@media print, screen and ( min-width: 480px ) {
	.starPage_pageTheme_stepscortDetail .starPage_warranty500 {
		padding: 35px 5vw 5vw;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading {
		margin-bottom: 1em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body ol {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body li {
		width: 48%;
	}
}
@media print, screen and ( min-width: 768px ) {
	.starPage_pageTheme_stepscortDetail .starPage_warranty500 {
		padding: 35px 40px 40px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading {
		margin-bottom: 5px;
		padding: 0 25px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading .PC { display: block;}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__heading .SP { display: none;}
	
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body li {
		width: 240px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_warranty500__body .pic {
		padding: 20px;
	}
}



/* starPage_benefitsboth
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth {}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading {
		width: 100%;
		text-align: center;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading .headingPic {
		display: block;
		margin: 0 auto;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading .headingPic .PC { display: none;}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading .headingPic .SP { display: block;}
	
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dl {
		max-width: 320px;
		margin: 0 auto;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body .uriBox {
		margin-top: -20px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body .kaiBox {
		margin-top: 40px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt {
		text-align: center;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dd {
		margin-top: 1.25em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .PC { display: none;}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .SP { display: block;}
	
@media print, screen and ( min-width: 480px ) {
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dl {
		max-width: 520px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body .uriBox {
		margin-top: -30px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .PC { display: block;}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .SP { display: none;}
}
@media print, screen and ( min-width: 768px ) {
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading .headingPic .PC { display: block;}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__heading .headingPic .SP { display: none;}
	
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		max-width: none;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body .uriBox,
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body .kaiBox {
		width: 46.42857%;
		margin-top: -225px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .PC { display: block;}
	.starPage_pageTheme_stepscortDetail .starPage_benefitsboth__body dt .SP { display: none;}
}



/* starPage_toushaFutan
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan {}
	/* IntroBox
	--------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanIntroBox {}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanIntroBox__header {}
	
	/* スクロールを促すテキスト
	--------------------------------- */
/*	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox {
		display: flex;
		align-items: center;
		position: relative;
		line-height: 1.55;
		letter-spacing: normal;
		margin-bottom: calc(.5em + ((28px / 2) + 5px));
		padding: 1em 1.75em 1em 2em;
		border: 3px solid #000950;
		border-radius: 4em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox::before,
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox::after {
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		bottom: -3px;
		z-index: 0;
		width: 28px;
		height: 28px;
		transform: translate(-50%, 50%) rotate(45deg);
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox::before {
		background: #000950;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox::after {
		bottom: 1px;
		background: #fff;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox .icon,
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox .text {
		position: relative;
		z-index: 1;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox .icon {
		flex: 0 0 2em;
		display: block;
		width: 100%;
		height: auto;
		margin-left: .6em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox .icon img {
		width: 100%;
	}*/
	/* figureBox
	--------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox {
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .picBox {
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic {
/*		width: 700px;*/
		text-align: center;
/*		padding: 15px;*/
/*		border: 1px solid #ddd;*/
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic img {
		width: 100%;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic .PC { display: none;}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic .SP { display: block;}

@media print, screen and ( min-width: 480px ) {
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic {
/*		width: 820px;*/ /* feeling */
	}
}
@media print, screen and ( min-width: 768px ) {
	/* IntroBox
	--------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanIntroBox__header {
		margin-bottom: 0;
		padding-right: 320px;
	}
	/* スクロールを促すテキスト
	--------------------------------- */
/*	.starPage_pageTheme_stepscortDetail .starPage_toushaFutan .starPage_swipeTextBox {
		display: none;
	}*/
	/* figureBox
	--------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox {
		margin-top: -50px;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic {
		width: 840px;
		margin: 0 auto;
		padding: 0;
		border: none;
	}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic .PC { display: block;}
	.starPage_pageTheme_stepscortDetail .starPage_toushaFutanfigureBox .pic .SP { display: none;}
}


/* starPage_serviceSummaryWrap
---------------------------------------- */
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap a {
		color: #006e36;
	}
@media print, screen and ( min-width: 768px ) {
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo ol {
		display: inline-block;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo ol .symItem,
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo ol .symItem .sym,
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo ol .symItem .symItemText {
		display: inline;
		width: auto;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo ol .symItem {
		margin-right: .25em;
	}
	.starPage_pageTheme_stepscortDetail .starPage_serviceSummaryWrap .hosho_naiyo .nozoku {
		display: inline-block;
	}
}