@charset "utf-8";

/* --------------------------------------------------
   PC styles from ../tips_pc.css
-------------------------------------------------- */
@media print, screen and (min-width: 640px) {
	/* -------------------------------------------------- */
	/* 高く買取るコツ */
	/* -------------------------------------------------- */
	/* メインイメージ */
	.fv {
		background-image: url(../../img/fv_bg_tips.webp);
	}
	
	/* パンくず */
	#panNav {
		margin-bottom: 120px;
	}
	
	.tips {
		width: 100%;
		margin-bottom: 150px;
		background: #eeeeee;
		position: relative;
	}
	
	#tips3.tips {
		margin-bottom: 100px;
	}
	
	.tips h2 {
		width: 420px;
		padding: 15px 38px;
		position: absolute;
		top: -50px;
		left: 50%;
		margin-left: -210px;
		text-align: center;
		font-size: 3.0rem;
		color: #FFFFFF;
		line-height: 1em;
		background-image: url(../../img/common/bg_brown_tab.webp);
		background-size: contain;
		text-align: left;
		letter-spacing: 0.200em;
	}
	
	.tips h2 span.tipsHeadlead {
		font-size: 2.4rem;
	}
	
	.tips h2 span.tipsHeadNumber {
		font-size: 3.2rem;
	}
	
	.tipsIn {
		width: 100%;
		margin: 0 auto;
	}
	
	.tipsImg {
		width: 50%;
	}
	
	.tipsLeft {
		float: left;
	}
	
	.tipsRight {
		float: right;
	}
	
	.tipsImg {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#tips1 .tipsImg {
		background-image: url(../../img/tips_img1.webp);
	}
	#tips2 .tipsImg {
		background-image: url(../../img/tips_img2.webp);
	}
	#tips3 .tipsImg {
		background-image: url(../../img/tips_img3.webp);
	}
	
	.tipsImgInner {
		padding: 40px;
	}
	
	.tipsTxt {
		width: 50%;
		min-height: 465px;
		background-color: #fff;
		display: table;
	}
	
	.tipsTxtInner {
		display: table-cell;
		vertical-align: middle;
		padding: 0 50px 0 30px;
		border-top: solid 3px #dac495;
		border-bottom: solid 3px #dac495;
	}
	
	.tipsTxt h3 {
		padding-bottom: 20px;
		font-size: 3.2rem;
		line-height: 1.4;
		letter-spacing: 0.100em;
		color: #333333;
		padding-top: 40px;
	}
	
	.tipsTxtBody {
		font-size: 1.7rem;
		line-height: 1.706;
		letter-spacing: 0.200em;
		color: #333333;
		padding-bottom: 37px;
	}
	
	/*
	.caseKangenya {
		padding: 20px;
		border: 1px #666666 dotted;
		background: #FFFFFF;
		text-align: center;
		font-size: 146.2%;
		line-height: 1.4em;
	}
	
	.caseKangenya h4 {
		color: #097c25;
		padding-bottom: 15px;
		font-weight: bold;
	}
	*/
}

/* --------------------------------------------------
   SP styles from ../tips_sp.css
-------------------------------------------------- */
@media screen and (max-width: 639px) {
	/* -------------------------------------------------- */
	/* 高く買取るコツ */
	/* -------------------------------------------------- */
	/* メインイメージ */
	#spFv {
		background-image: url(../../img/fv_bg_tips.webp) ;
	}
	
	/* パンくず */
	#panNav {
		margin-bottom: 55px;
	}
	
	.tips {
		width: 100%;
		margin-bottom: 60px;
		background: #eeeeee;
		position: relative;
	}
	
	#tips3.tips {
		margin-bottom: 40px;
	}
	
	.tips h2 {
		display: inline-block;
		position: absolute;
		top: -30px;
		left: 50%;
		width: 290px;
		margin-left: -145px;
		height: 50px;
		font-size: 1.6rem;
		line-height: 1;
		letter-spacing: 0.460em;
		color: #fff;
		text-align: center;
		background-image: url(../../img/common/bg_brown_tab.webp);
		padding-top: 5px;
	}
	
	.tips h2 span.tipsHeadlead {
		font-size: 1.2rem;
	}
	
	.tips h2 span.tipsHeadNumber {
		font-size: 2.0rem;
	}
	
	.tipsIn {
		width: 100%;
		margin: 0 auto;
	}
	
	.tipsLeft {
	}
	
	.tipsRight {
	}
	
	.tipsImg {
		width: 100%;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#tips1 .tipsImg {
		background-image: url(../../img/tips_img1.webp);
	}
	#tips2 .tipsImg {
		background-image: url(../../img/tips_img2.webp);
	}
	#tips3 .tipsImg {
		background-image: url(../../img/tips_img3.webp);
	}
	
	.tipsImg {
		height: 150px;
	}
	
	.tipsTxt {
		background-color: #fff;
		display: table;
	}
	
	.tipsTxtInner {
		display: table-cell;
		vertical-align: middle;
		border-top: solid 3px #dac495;
		border-bottom: solid 3px #dac495;
		padding: 15px;
	}
	
	.tipsTxt h3 {
		padding-bottom: 20px;
		font-size: 2.1rem;
		line-height: 1.4;
		letter-spacing: 0.100em;
		color: #333333;
	}
	
	.tipsTxtBody {
		font-size: 1.2rem;
		line-height: 1.706;
		letter-spacing: 0.200em;
		color: #333333;
	}
}