@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

		.title{width:100%;background:url('img/head_bg.jpg') center top;height:315px;display:block;text-align:center;}
		.title h2{width:710px;background:url('img/head.png') center bottom no-repeat;height:233px;display:block;text-align:center;text-indent:-9999px;margin:0px auto 0;padding-top:40px;}

		#contents{background:url('img/base.jpg') center top;}
		form{border-top:6px solid #ab8e1e;position:relative;}
		form:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}
		.enquete{width:900px;margin:0 auto;padding:50px;position:relative;}

		#btn_area hr{display:none;}

		.readtext{width:500px;position:relative;z-index:1;margin-bottom:40px;margin-left:30px;font-weight:800!important;}
		.chara_fix{position:absolute;top:20px;right:-20px;z-index:0;}
		.signs_fix{margin-left:-20px;}

		.wrap-about{background:url('img/area-bg-about.png');width:850px;height:327px;position:relative;margin:0 auto;}
		.about-movie{width:340px;border:1px solid #0c759c;right:80px;top:80px;position:absolute;}
		.about-btn{left:130px;bottom:50px;position:absolute;}

		.headtext{margin:80px auto 0;display:block;}

		.question:after{content:'';display:block;clear:both;}

		/* chara */

		.charaSelect{position:relative;float:left;margin:10px 5px;}
		.charaSelect:after{content:'';display:block;background:url(img/check_off.png);position:absolute;bottom:12px;left:30px;width:27px;height:27px;pointer-events: none;}
		.charaSelect.on:after{content:'';display:block;background:url(img/check_on.png);position:absolute;botom:20px;left:30px;width:27px;height:27px;pointer-events: none;}
		.jp-audio{position:absolute;right:-10px;bottom:45px;}
		.jp-audio img{width:100%;display:block;}
		.jp-audio.e01{position:absolute;right:-10px;bottom:45px;width:40px;}
		.jp-audio.e02{position:absolute;right:26px;bottom:45px;width:40px;}
		.jp-audio.e03{position:absolute;right:62px;bottom:45px;width:40px;}
		.charaSelect input{opacity:0;width:0px!important;height:0px!important;position:absolute;}
		.charaSelect label{display:none;}
		.charaicon{display:block;}

		.question_title{padding:0 0 5px 5px;}
		.question_title h4{font-size:18px;font-weight:800!important;color:#523c0b;}
		.question_textinput{width:600px;margin:20px auto;}
		.question_textinput.area_top{margin-top:70px;}

		input[type="text"]{width:96%;display:block;border:none;border-radius:10px;padding:2%;font-size:16px;}
		textarea{width:96%;display:block;border:none;border-radius:10px;padding:2%;font-size:15px;}

		/*  */

		#btn_area{padding:0px 0 80px;text-align:center;}


		#btn_nxt{width:330px;height:75px;border:none;text-indent:-9999px;background:transparent url(img/btn_enter.png);margin:0 auto;display:inline-block;}


		.wrap-agreement{background-color:#f5cd52;}
		.wrap-agreement_inner{width:900px;padding:60px 50px 130px;margin:0 auto;}


		.head_agreement{width:100%;color:#6d441f;font-size:26px;text-align:center;margin-bottom:30px;}
		.head_agreement .underline{border-bottom:2px solid #6d441f;padding-bottom:7px;font-weight:800!important;}

		ul.disc li{text-indent:-1em;padding-left:1em;padding-bottom:0.5em;}
		ul.disc li:before{content:'・';}

		/*  */


		#footer{background-color:#fff;color:#333;text-align:center;font-size:13px;padding:20px 0;}


		#alert{background-color:rgba(255,255,255,0.8);}
		#alert font{padding:50px;margin:0 auto;width:860px;padding:50px;display:block;text-align:center;}

		/* 確認画面 */

		#body_id_confirm .jp-audio{display:none;}
		#body_id_confirm form{border:none;}
		#body_id_confirm form:before{display:none;}

		#body_id_confirm #confirm{border-top:6px solid #ab8e1e;position:relative;text-align:center;}
		#body_id_confirm #confirm:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}

		#body_id_confirm #confirm p{width:900px;margin:0 auto;padding:50px;position:relative;display:block;color:#552c06;font-weight:800;font-size:18px;}

		#body_id_confirm form[name="enqueteForm"]{width:900px;margin:-2em auto 0;padding:50px;position:relative;display:block;}

		#body_id_confirm .charaSelect{position:relative;float:left;margin:10px 5px;padding-top:26%;width:209px;height:0px;overflow:hidden;}
		#body_id_confirm .charaSelect:after{content:'';display:block;background:url(img/check_on.png);position:absolute;bottom:8px;left:30px;width:27px;height:27px;}
		#body_id_confirm .charaicon{display:block;position:absolute;top:0;left0;}

		#body_id_confirm #btn_area{padding:80px 0 60px;text-align:center;}

		#body_id_confirm .text{display:block;padding:10px 15px;background-color:rgba(255,255,255,0.6);border-radius:10px;}

		#body_id_confirm #btn_bck{width:330px;height:75px;border:none;text-indent:-9999px;background:transparent url(img/btn_back.png);margin:0 auto;display:inline-block;}




		#body_id_finish .text_thanks{color:#6c3400;font-size:30px;font-weight:800;}
		#body_id_finish .finish_wrap{padding:70px 0 170px;text-align:center;border-top:6px solid #ab8e1e;position:relative;}
		#body_id_finish .finish_wrap:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}
		.enquete{width:900px;margin:0 auto;padding:50px;position:relative;}




		#body_id_finish .btn_os img{margin-top:80px;width:600px;box-shadow:0 0 3px rgba(0,0,0,0.8);transition:all 0.5s;}
		#body_id_finish .btn_os img:hover{transform:scale(0.95,0.95);}

		/*  */

		#body_id_error .text_thanks{color:#6c3400;font-size:30px;font-weight:800;}
		#body_id_error .finish_wrap{padding:70px 0 170px;text-align:center;border-top:6px solid #ab8e1e;position:relative;}
		#body_id_error .finish_wrap:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}
		.enquete{width:900px;margin:0 auto;padding:50px;position:relative;}


		/*  */

		#body_id_error #alert{display:none;}


	}


/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {

		#wrapper{overflow:hidden;}

		.title{width:100%;background:url('img/head_bg.jpg') center top;padding:30px 0;display:block;text-align:center;background-size:cover;}
		.title h2{width:96%;background:url('img/head.png') center bottom no-repeat;display:block;text-align:center;text-indent:-9999px;margin:0px auto 0;padding-top:40px;padding-top:32%;background-size:100%;height:0;}

		#contents{background:url('img/base.jpg') center top;}
		form{border-top:6px solid #ab8e1e;position:relative;width:100%;}
		form:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}
		.enquete{width:auto;margin:0 auto;padding:30px 4%;position:relative;}

		#btn_area hr{display:none;}

		.readtext{width:88%;position:relative;z-index:1;margin:0 auto 10px;font-weight:800!important;font-size:14px;}
		.fix-wrap{position:relative;padding-bottom:10%;}
		.chara_fix{position:absolute;z-index:0;width:320px;right:-70px;top:-40px;}
		.signs_fix{margin-left:0px;width:200px;margin-left:-10px;}

		.wrap-about{background:url('img/area-bg-about-sp.png') no-repeat;width:96%;padding-top:82%;position:relative;margin:0 auto;background-size:100%;}
		.about-movie{width:60%;border:1px solid #0c759c;right:20%;top:45%;position:absolute;}
		.about-btn{left:20%;bottom:-3%;position:absolute;width:60%;}

		.headtext{margin:40px auto 0;display:block;width:100%;}

		.question:after{content:'';display:block;clear:both;}

		/* chara */

		.charaSelect{position:relative;float:left;margin:10px 2%;width:46%;}
		.charaicon{width:100%;}
		.charaSelect:after{content:'';display:block;background:url(img/check_off.png);position:absolute;bottom:6%;left:14%;width:13%;padding-top:12%;background-size:100%;pointer-events: none;}
		.charaSelect.on:after{content:'';display:block;background:url(img/check_on.png);position:absolute;bottom:6%;left:14%;width:13%;padding-top:12%;background-size:100%;pointer-events: none;}
		.jp-audio{position:absolute;right:-8%;bottom:16%;width:26%;height:26%;}
		.jp-audio img{width:100%;display:block;}
		.jp-audio.e01{position:absolute;right:-9%;bottom:10%;width:20%;}
		.jp-audio.e02{position:absolute;right:9%;bottom:10%;width:20%;}
		.jp-audio.e03{position:absolute;right:27%;bottom:10%;width:20%;}
		.charaSelect input{opacity:0;width:0px!important;height:0px!important;position:absolute;}
		.charaSelect label{display:none;}
		.charaicon{display:block;}

		.question_title{padding:0 0 5px 5px;}
		.question_title h4{font-size:15px;font-weight:800!important;color:#523c0b;}
		.question_textinput{width:100%;margin:5% auto;}
		.question_textinput.area_top{margin-top:10%;}

		input[type="text"]{width:92%;display:block;border:none;border-radius:10px;padding:4%;font-size:16px;}
		textarea{width:92%;display:block;border:none;border-radius:10px;padding:4%;font-size:14px;}

		/*  */

		#btn_area{padding:0px 0 50px;}


		#btn_nxt{width:90%;padding-top:20%;border:none;text-indent:-9999px;background:transparent url(img/btn_enter.png) no-repeat;margin:0 auto;display:block;background-size:100%;position:relative;height:0px;}

		#alert{background-color:rgba(255,255,255,0.8);}
		#alert font{padding:30px 0;margin:0 auto;width:90%;display:block;text-align:left;}
		#alert font p{font-size:14px;}

		/* 確認画面 */

		#body_id_confirm .jp-audio{display:none;}
		#body_id_confirm form{border:none;}
		#body_id_confirm form:before{display:none;}

		#body_id_confirm #confirm{border-top:6px solid #ab8e1e;position:relative;text-align:center;}
		#body_id_confirm #confirm:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}

		#body_id_confirm #confirm p{width:90%;margin:0 auto;position:relative;display:block;color:#552c06;font-weight:800;font-size:14px;text-align:left;padding:6% 0;}

		#body_id_confirm form[name="enqueteForm"]{width:90%;margin:-2em auto 0;position:relative;display:block;}

		#body_id_confirm .charaSelect{position:relative;float:left;margin:10px 1%;padding-top:55%;width:48%;height:0px;overflow:hidden;}
		#body_id_confirm .charaSelect:after{content:'';display:block;background:url(img/check_on.png);position:absolute;bottom:6%;left:14%;width:13%;padding-top:12%;background-size:100%;}
		#body_id_confirm .charaicon{display:block;position:absolute;top:0;left0;}

		#body_id_confirm #btn_area{padding:40px 0 60px;text-align:center;}

		#body_id_confirm .text{display:block;padding:4%;background-color:rgba(255,255,255,0.6);border-radius:10px;line-height:1.3;}

		#body_id_confirm #btn_bck{width:90%;padding-top:20%;border:none;text-indent:-9999px;background:transparent url(img/btn_back.png) no-repeat;margin:0 auto;display:block;background-size:100%;position:relative;height:0px;}



		.wrap-agreement{background-color:#f5cd52;}
		.wrap-agreement_inner{width:90%;margin:0 auto;font-size:13px;padding:40px 0;}


		.head_agreement{width:100%;color:#6d441f;font-size:26px;text-align:center;margin-bottom:30px;}
		.head_agreement .underline{border-bottom:2px solid #6d441f;padding-bottom:7px;font-weight:800!important;}

		ul.disc li{text-indent:-1em;padding-left:1em;padding-bottom:0.5em;}
		ul.disc li:before{content:'・';}

		/*  */

		#body_id_finish .text_thanks{color:#6c3400;font-size:18px;font-weight:800;}
		#body_id_finish .finish_wrap{padding:30px 0 50px;text-align:center;border-top:6px solid #ab8e1e;position:relative;}
		#body_id_finish .finish_wrap:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}

		#body_id_finish .btn_os img{margin-top:60px;width:90%;box-shadow:0 0 3px rgba(0,0,0,0.8);transition:all 0.5s;}
		#body_id_finish .btn_os img:hover{transform:scale(0.95,0.95);}


		/*  */

		#body_id_error .text_thanks{color:#6c3400;font-size:18px;font-weight:800;}
		#body_id_error .finish_wrap{padding:30px 0 50px;text-align:center;border-top:6px solid #ab8e1e;position:relative;}
		#body_id_error .finish_wrap:before{content:'';display:block;width:100%;height:2px;background-color:#ab8e1e;top:5px;position:absolute;}


		/*  */

		#body_id_error #alert{display:none;}


		#footer{background-color:#fff;color:#333;text-align:center;font-size:10px;padding:20px 0;}

}