@charset "utf-8";

/*------------------------------------------------------------
 Layout
 ------------------------------------------------------------*/

/*------------------------------
 smartphone
 ------------------------------*/
#quizyokocho {
	width: 100%;
	position: relative;
	background: #fff; 
}
#quizyokocho #contents {
	width: 100%;
	padding: 0 0 5.55556vw;
	box-sizing: border-box;
	margin: 0 auto;
}


/*------------------------------
 PC
 ------------------------------*/
 @media print, screen and (min-width: 768px) {
#quizyokocho {
	width: 100%;
	position: relative;
	background: url("https://web.tsite.jp/resource/t-mall/catch/bg.jpg") center top / 1px 808px repeat-x #fff;
}
#quizyokocho #contents {
	max-width: 768px;
	padding: 16px 20px 70px;
	box-sizing: border-box;
	margin: 0 auto;
}
}/* PC End */



/*------------------------------------------------------------
 Info
 ------------------------------------------------------------*/

/*------------------------------
 smartphone
 ------------------------------*/
#quizyokocho #info {
	width: 100%;
	margin: 0 auto 1.66667vw;
	border-top: 0.83333vw solid #e5e5e5;
	border-bottom: 0.83333vw solid #e5e5e5;
	background: #fff;
	box-sizing: border-box;
}
#quizyokocho #info h3 {
	width: 100%;
	height: 5.55556vw;
	line-height: 5.55556vw;
	padding: 0 2.77778vw;
	box-sizing: border-box;
	font-size: 2.77778vw;
	background: #f2f2f2;
	font-weight: normal;
}
#quizyokocho #info h3 span {
	width: 100%;
	height: 3.05556vw;
	line-height: 3.05556vw;
	padding: 0 0 0 1.38889vw;
	border-left: 0.55556vw solid #00a0e9;
}
#quizyokocho #info .infoInr {
	width: 100%;
	padding: 3.61111vw 2.77778vw;
	box-sizing: border-box;
	font-size: 2.77778vw;
	line-height: 1.6;
}
#quizyokocho #info .infoInr h4 {
	margin-bottom: 3.61111vw;
}
#quizyokocho #info .infoInr h4 a {/*強調テキストリンク*/
	font-weight: bold;
	color: #1f3997;
	text-decoration: underline;
}
#quizyokocho #info .infoInr h4.basicLink a {/*テキストリンク*/
	font-weight: normal;
}
#quizyokocho #info .infoInr h4 a:hover {
	text-decoration: none;
}
#quizyokocho #info .infoInr p.redBold {/*赤字強調テキスト*/
	font-weight: bold;
	color: #ff0000;
}
#quizyokocho #info .infoInr p.basicBold {/*強調テキスト*/
	font-weight: bold;
}
#quizyokocho #info .infoInr p.basic {/*通常テキスト*/
}
#quizyokocho #info .infoInr p.small {/*小テキスト*/
	font-size: 2.5vw;
}


/*------------------------------
 PC
 ------------------------------*/
@media print, screen and (min-width: 768px) {
#quizyokocho #info {
	width: 100%;
	margin: 0 auto 10px;
	border: 4px solid #e5e5e5;
	background: #fff;
	box-sizing: border-box;
}
#quizyokocho #info h3 {
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0 9px;
	box-sizing: border-box;
	font-size: 10px;
	font-weight: bold;
	background: #f2f2f2;
}
#quizyokocho #info h3 span {
	width: 100%;
	height: 12px;
	line-height: 12px;
	padding: 0 0 0 6px;
	border-left: 3px solid #00a0e9;
}
#quizyokocho #info .infoInr {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.6;
}
#quizyokocho #info .infoInr h4 {
	margin-bottom: 16px;
}
#quizyokocho #info .infoInr h4 a {/*強調テキストリンク*/
	font-weight: bold;
	color: #1f3997;
	text-decoration: underline;
}
#quizyokocho #info .infoInr h4.basicLink a {/*テキストリンク*/
	font-weight: normal;
}
#quizyokocho #info .infoInr h4 a:hover {
	text-decoration: none;
}
#quizyokocho #info .infoInr p.redBold {/*赤字強調テキスト*/
	font-weight: bold;
	color: #ff0000;
}
#quizyokocho #info .infoInr p.basicBold {/*強調テキスト*/
	font-weight: bold;
}
#quizyokocho #info .infoInr p.basic {/*通常テキスト*/
}
#quizyokocho #info .infoInr p.small {/*小テキスト*/
	font-size: 10px;
}
}/* PC End */



/*------------------------------------------------------------
 bnrLink
 ------------------------------------------------------------*/

/*------------------------------
 smartphone
 ------------------------------*/
#quizyokocho #bnrLink {
	width: 100%;
	margin: 0 auto;
}
#quizyokocho #bnrLink ul {
}
#quizyokocho #bnrLink ul li {
	width: 100%;
	margin-bottom: 2.08333vw;
}
#quizyokocho #bnrLink ul li:last-child {
	margin-bottom: 0;
}


/*------------------------------
 PC
 ------------------------------*/
@media print, screen and (min-width: 768px) {
#quizyokocho #bnrLink {
	width: 100%;
	margin: 0 auto;
}
#quizyokocho #bnrLink ul {
}
#quizyokocho #bnrLink ul li {
	width: 100%;
	margin-bottom: 11px;
}
#quizyokocho #bnrLink ul li:last-child {
	margin-bottom: 0;
}
}/* PC End */



/*add PROSYSTA-----------------------------------------------*/

/*------------------------------------------------------------
 bese
 ------------------------------------------------------------*/
#quizyokocho {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
#quizyokocho h1 ,#quizyokocho h2 ,#quizyokocho h3 ,#quizyokocho h4 ,#quizyokocho h5 ,#quizyokocho h6 ,
#quizyokocho section , #quizyokocho p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

/*------------------------------------------------------------
 pagetop
 ------------------------------------------------------------*/
#page-top img {
	width: 100%;
}
#page-top {
	position: fixed;
	width: 11.11111vw;
	height: 11.11111vw;
	bottom: 2.77778vw;
	right: 2.22222vw;
	z-index: 9999;
}

/*------------------------------
 PC
 ------------------------------*/
@media print, screen and (min-width: 768px) {
#page-top {
	bottom: 10px;
	right: 20px;
	width: 50px;
	height: 50px;
}

}/* PC End */