@charset "UTF-8";

@media screen and (max-width: 768px) {
/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */

/* L1 ######################################## 親要素 ######################################## */

#navi {
	font-size: 1.6rem;
}


/* L1 ######################################## テイチクレコードナビ ######################################## */

/* L2 **************************************** サービス紹介 **************************************** */

/* L3 ======================================== クエスチョン ======================================== */

#detail div.question {
	padding-left: 2%;
	padding-right: 2%;
	font-size: 1.8rem;
}

#detail div.question p {
	position: relative;
	padding-left: 54px;
	color: #ffffff;
}

#detail div.question :before {
	position: absolute;
	top: -0.2em;
	left: 0;
	content: "\f059";
	width: 54px;
	font-family: "FontAwesome";
	font-size: 300%;
	text-align: left;
	line-height: 1.0;
}

/* L3 ======================================== アンサー ======================================== */

#detail div.answer {
	margin: 1em 2%;
	padding-left: 3%;
	padding-right: 3%;
}
#detail div.answer:last-child {
	margin-bottom: 2%;
}

#detail div.answer dt {
	font-size: 2.2rem;
}

#detail div.answer dd.thumb img {
	width: 100%;
	max-width: 480px;
	height: auto;
	box-sizing: border-box;
}

#detail div.answer dd.info p.memo {
	text-align: left;
}

/* L4 ---------------------------------------- 文字強調 ---------------------------------------- */

#detail span.em {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# スマホ 設定 ここまで #=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=# */
}