@charset "utf-8";

/*==========================================
 w900以上
===========================================*/

/*==========================================
 body
===========================================*/
body {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
body,html{
	height:100%;
	}
/*==========================================
全体
===========================================*/
#container {
	position:relative;
    width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:15px 10px;
    box-sizing:border-box;
}
.clear {
    clear:both;
	}
/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
}
header h1 {
text-align:center;
}
img.logo{
	width:260px;
	height:auto;
}
/*==========================================
 トップコンテンツエリア 
===========================================*/
#contents{
	height:100%;
	min-height:94vh;
	padding:14px 60px;
	border-radius:24px;
	background-color:#FFFFFF;
	box-sizing:border-box;	
}
form{
	
}
.item{
	margin-top:26px;
}
label.lb{
	display:block;
	margin-bottom:8px;
	font-size:24px;
	font-weight:bold;
}
input,textarea{
	width: 80%;
	font-size: 24px;
	padding: 10px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	border: 1px solid #9E9E9E;
	border-radius: 5px;
	outline: none;
	 }
.choice_box {

}
.choice{
	font-size: 24px;
	width: 26%;
	padding: 18px 0;
	margin-right:2px;
}
.age_box {
}
.age{
  font-size:22px;
  width:33%;
  padding:15px 0;
}
.start_btn {
	padding: 16px 0;
	font-size: 26px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.error {
	color:#ff0000;
	margin-top:8px;
}

/*==========================================
 質問エリア
===========================================*/

.q_icon{
	position:absolute;
	top:2px;
	left:12px;
}
.circle{
	height: 120px;
	width: 120px;
	border-radius: 60px;
	line-height: 50px;
}
.q{
	font-size:24px;
	margin-top:40px;
}
.num{
	font-size:38px;
}
.q-all{
	font-size: 26px;
	margin-left: 80px;
}
/*img.qicon{
	width:80px;
	height:auto;
}*/
.q_txt{
	margin-top: 85px;
	min-height:125px;
	/*margin-bottom: 50px;
	height: 85px;*/
	font-size: 32px;
	line-height: 42px;
}
.q_txt2{
	font-size: 22px;
	margin-bottom: 20px;
}
.answer_box {
	margin: 0 -30px 0 0; 
	overflow: hidden;
	_zoom: 1; 
	margin-bottom:30px;
}
.answer{
	font-size:32px;
	width:16%;
	padding:24px 0;
	border-radius:4px;
	margin-right: 30px; 
	float:left;
}
ol{
	margin-left:30px;
	margin-bottom:35px;
}
ol li{
	font-size:22px;
	line-height:30px;
}
.f_box {
  margin-bottom:10px;		
}
.dw_btn{
	width: 28%;
	font-size: 26px;
	font-weight:bold;
	padding: 18px 0;
	border-radius: 30px;
}
.dw_btn2{
	width: 28%;
	font-size: 26px;
	font-weight:bold;
	padding: 18px 0;
	border-radius: 30px;
}
/*==========================================
 QRコード表示
===========================================*/
.qr_box{
  width:80%;
  margin:80px auto;		
}
.qr_txt{
	font-size:28px;
	line-height:36px;
	margin-bottom:70px;
}
img.qr{
	height:auto;
	margin-bottom:60px;
}
.btnmode {
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
}

.check {
	background-image: url('check.svg');
	background-repeat: no-repeat;
	background-position: 8% 50%;
	background-size: 44px auto;
}
.back-icon {
	background-image: url('back.svg');
	background-repeat: no-repeat;
	background-position: 7% 50%;
	background-size: 44px auto;
}
.stop-icon {
	background-image: url('stop.svg');
	background-repeat: no-repeat;
	background-position: 7% 50%;
	background-size: 44px auto;
}

/*==========================================
 2020.10改修分
===========================================*/
.txt_link {
	font-size: 26px;
}

.arrow img {
	max-width: 360px;
}