@charset "utf-8";

/* --------------------------------------------------
   PC styles from ../beginner_pc.css
-------------------------------------------------- */
@media print, screen and (min-width: 640px) {
	/* -------------------------------------------------- */
	/* 初めての方へ */
	/* -------------------------------------------------- */
	
	/* メインイメージ */
	.fv {
		background-image: url(../../img/fv_bg_beginner.webp);
		background-position: right center;
	}
	
	#begginer1 {
		width: 1000px;
		margin: 0 auto 100px;
	}
	
	#howTo {
		padding-bottom: 70px;
	}
	
	.fadeIn1 {
		text-align: center;
		padding-bottom: 80px;
		font-size: 4.2rem;
		line-height: 1;
		letter-spacing: 0.060em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
	}
	
	.fadeIn1 span {
		font-size: 5.8rem;
	}
	
	#begginerLeft {
		padding: 0 30px;
		float: left;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#begginerRight {
		padding: 0 30px;
		float: right;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.begginerIn {
		padding: 35px 0 35px;
		background: #f7f7f7;
		position: relative;
		border: solid 1px #dac495;
	}
	
	.begginerImg {
		text-align: center;
		padding-bottom: 25px;
		position: relative;
	}
	
	.begImgIn1 {
		position: absolute;
		top: 0px;
		left: 120px;
	}
	
	.begImgIn2 {
	}
	
	.begginerIn h3 {
		position: absolute;
		top: -25px;
		left: 50%;
		margin-left: -143px;
		display: inline-block;
		width: 286px;
		height: 50px;
		font-size: 2.7rem;
		line-height: 50px;
		letter-spacing: 0.460em;
		color: #fff;
		text-align: center;
		background-image: url(../../img/common/bg_brown_tab.webp);
	}
	
	.recommend {
		width: 380px;
		margin: 0 auto;
		color: #333333;
		padding-left: 1em;
	}
	
	.recommend dt {
		padding-bottom: 50px;
		text-align: center;
		font-size: 2.2rem;
		position: relative;
	}
		.recommend dt:after {
			display: inline-block;
			content: "";
			position: absolute;
			bottom: 28px;
			left: 50%;
			width: 38px;
			height: 3px;
			margin-left: -19px;
			background-color: #dac495;
		}
	
	.recommend dd {
		display: list-item;
		list-style: disc;
		font-size: 1.6rem;
		padding-bottom: 0.25em;
	}
	
	.begginerBtn {
		padding: 20px 0;
		text-align: center;
	}
	
	.begginerBtn .linkSquare {
		height: 80px;
	}
	
	.begginerBtn .linkSquare .linkSquareTxt {
		font-size: 1.8rem;
		line-height: 80px;
		letter-spacing: 0.275em;
	}
	
	.buyTime {
		height: 80px;
		line-height: 80px;
		margin-top: 60px;
		border: 4px double #fff;
		font-size: 2.4rem;
		text-align: center;
		position: relative;
	}
	
	.buyTime span {
		font-size: 4.1rem;
	}
	
	.buyTime:after {
		width: 112px;
		height: 33px;
		content: "";
		position: absolute;
		top: -45px;
		left: 50%;
		margin-left: -56px;
		background: url(../../img/begginer_bg1.png) 0 0 no-repeat;
	}
	
	
	/* 買取に必要な物って何？ */
	#want .commonTit1 {
		font-size: 2.2rem;
		line-height: 1;
		letter-spacing: 0.180em;
		color: #dac495;
		margin-bottom: 15px;
	}
	
	#want dl {
		border: 6px #eeecde solid;
		padding: 30px 30px 0 30px;
	}
	
	#want dt {
		font-weight: bold;
		font-size: 1.7rem;
		letter-spacing: 0.180em;
	}
	
	#want dd {
		padding-bottom: 30px;
		font-size: 1.5rem;
		line-height: 1.267;
	}
}

/* --------------------------------------------------
   SP styles from ../beginner_sp.css
-------------------------------------------------- */
@media screen and (max-width: 639px) {
	/* -------------------------------------------------- */
	/* 初めての方へ */
	/* -------------------------------------------------- */
	
	/* メインイメージ */
	#spFv {
		background-image: url(../../img/fv_bg_beginner.webp);
		background-position: right center;
	}
	
	#begginer1 {
		width: 100%;
		margin: 0 auto 40px;
	}
	
	#howTo {
		padding-bottom: 15px;
	}
	
	.fadeIn1 {
		text-align: center;
		padding-top: 15px;
		padding-bottom: 50px;
		font-size: 2.1rem;
		line-height: 1;
		letter-spacing: 0.060em;
		color: #dac495;
		text-shadow: 0px 0px 15px rgba(255, 220, 154, 1);
	}
	
	.fadeIn1 span {
		font-size: 2.9rem;
	}
	
	#begginerLeft {
		padding: 0 15px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	
	#begginerRight {
		padding: 0 15px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.begginerIn {
		padding: 35px 0 15px;
		background: #f7f7f7;
		position: relative;
		border: solid 1px #dac495;
	}
	
	.begginerImg {
		text-align: center;
		padding-bottom: 25px;
		position: relative;
		padding: 0 15px;
	}
	
	.begginerImg img {
		width: 100%;
		height: auto;
	}
	
	.begImgIn1 {
	/*
		position: absolute;
		top: 0px;
		left: 120px;
	*/
	}
	
	.begImgIn2 {
		margin-bottom: 15px;
	}
	
	.begginerIn h3 {
		position: absolute;
		top: -25px;
		display: inline-block;
		width: calc(100% - 30px);
		margin-left: 15px;
		height: 50px;
		font-size: 2.4rem;
		line-height: 50px;
		letter-spacing: 0.460em;
		color: #fff;
		text-align: center;
		background-image: url(../../img/common/bg_brown_tab.webp);
	}
	
	.recommend {
		width: 100%;
		color: #333333;
		padding: 0 15px 0 30px;
	}
	
	.recommend dt {
		padding-bottom: 25px;
		text-align: center;
		font-size: 2.0rem;
		position: relative;
	}
		.recommend dt:after {
			display: inline-block;
			content: "";
			position: absolute;
			bottom: 12.5px;
			left: 50%;
			width: 38px;
			height: 3px;
			margin-left: -19px;
			background-color: #dac495;
		}
	
	.recommend dd {
		display: list-item;
		list-style: disc;
		font-size: 1.2rem;
		padding-bottom: 0.25em;
	}
	
	.begginerBtn {
		padding: 15px 0;
		text-align: center;
	}
	
	.begginerBtn .linkSquare {
		height: 50px;
	}
	
	.begginerBtn .linkSquare .linkSquareTxt {
		font-size: 1.3rem;
		line-height: 50px;
		letter-spacing: 0.275em;
	}
	
	.buyTime {
		height: 50px;
		line-height: 50px;
		margin-top: 30px;
		border: 4px double #fff;
		font-size: 1.6rem;
		text-align: center;
		position: relative;
	}
	
	.buyTime span {
		font-size: 2.4rem;
		margin: 0 2px;
	}
	
	.buyTime:after {
		width: 112px;
		height: 33px;
		content: "";
		position: absolute;
		top: -40px;
		left: 50%;
		margin-left: -56px;
		background: url(../../img/begginer_bg1.png) 0 0 no-repeat;
	}
	
	
	/* 買取に必要な物って何？ */
	#want {
		width: 100%;
		padding: 0px 15px;
	}
	
	#want .commonTit1 {
		font-size: 2.1rem;
		line-height: 1;
		letter-spacing: 0.180em;
		color: #dac495;
		margin-bottom: 15px;
		text-align: center;
	}
	
	#want dl {
		border: 4px #eeecde solid;
		padding: 15px 15px 0 15px;
	}
	
	#want dt {
		font-weight: bold;
		font-size: 1.4rem;
		letter-spacing: 0.180em;
	}
	
	#want dd {
		padding-bottom: 15px;
		font-size: 1.2rem;
		line-height: 1.267;
		text-align: justify;
		text-justify: inter-ideograph;
	}
}