@charset "utf-8";










/* ヘッダー
===================================== */
header { display: table; width: 100%; margin-bottom: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
header #header .headerLogo { width:195px; display: block; border:none; margin: 2% 0 2% 2%;}
header #header .headerLogo img { width: 100%;}
header #header { background: url(https://tokuten.recruit.co.jp/img/balanceRef/bg_header_01.png) repeat-x scroll 0 0 #ffffff; position: relative; width: 100%; padding-top: 4px; z-index: 1; }

/* フッター
===================================== */
footer #footer #copyright { padding: 10px; text-align:left; }
footer #footer #copyright #flogo img { margin-right: 5px; vertical-align: Text-bottom; }
footer #footer #copyright #flogo a { display: block; font-size: 10px; font-weight: bold; color: #435B67; }
footer #footer #copyright #group a { display: block; font-size: 10px; font-weight: bold; color: #435B67; padding:1% 0 0; text-decoration: underline; }
footer #footer nav { height: 1.5em; list-style: none; padding: 5% 0; text-align: center; font-size: 80%; position: relative; overflow: hidden; }
footer #footer nav ul { position: relative; left: 50%; float: left; }
footer #footer nav ul li { position: relative; left: -50%; float: left; list-style: none; }
footer #footer nav ul li a { color:#337777;}
footer #footer nav li:after { content: '　|　'; color: #888888; }
footer #footer nav li:last-child { margin-right: 0; }
footer #footer nav li:last-child:after { content: ''; }
footer #footer { background: url(https://tokuten.recruit.co.jp/img/balanceRef/bg_header_01.png) repeat-x scroll 0 0 #ffffff; }

/* タイトル部分 */
.page-header {
  padding: 3% 2%; 
}

/* 同意画面
===================================== */
.start-area { height: 240px; background:#f6f6f6; padding:5% 3% 1%; margin:5% 0 0; overflow-y: scroll;}
.start-area .start-txt01 {  background:url(../img/icon-caution.png) 0 50% no-repeat; padding:0 0 0 35px; margin:0 0 5%; font-size:75%; line-height:1.8;}
.start-btn { margin:10% 0 30%;}

/* プラポリ画面
===================================== */
.conf-title { padding:0 0 30px;}
.conf-check { padding:30px 0 30px;}
.conf-check input { vertical-align:middle;}

/* ポイント特典内容 */
.point-benefits {
	width: 90%;
  height: 150px;
  overflow: scroll;
	border:1px solid #cccccc;
	font-size:12px;
	line-height:1.8;
	padding:20px;
	margin:10px 0 30px;
}

/* サンクス画面
===================================== */
.tank-title {
	text-align:center;
	font-size:5.73vw;
	font-weight:bold;
	color:#665555;
	padding:5% 0 0;
}
.tank-txt01 {
	text-align:center;
	font-size:80%;
	color:#333333;
	padding:1% 0 0;
}
.tank-bnr_sp01 {
	display:block;
	text-align:center;
	margin:0 auto;
	padding:13.33% 0 5%;
	width:90%;
}
.tank-bnr_pc01 { display:none;}
.tank-link01 {
	text-align:center;
	font-size:140%;
	font-weight:bold;
	padding:5% 0 0;
}
.tank-link01 a { color:#337777; }

.caption-template-thanks { 
	text-align:center;
	padding:5% 0 0;
}

/*HPB*/
.hpb-text,.hpb-btn { text-align: center;}

.hpb-text{ 
  color: #cc4466; 
  font-size: 4.2vw;
  line-height: 1.67;
}

.hpb-btn{
  padding: 8.33% 0;
  margin: 8.66% auto 0;
  width: 100%;
  border-radius: 10px;
  border: solid 1px #cc4466;
  background: linear-gradient(to top, #fae5e7, #ffffff);
}

.hpb-btn a{ 
  text-decoration: none;
  color: #cc4466; 
  line-height: 1; 
  font-size: 5.06vw; 
  font-weight: bold;
}

.hpb-btn+.hpb-text,.hpb-text+.hpb-text{
  margin-top: 50px;
}