@charset "utf-8";
/* CSS Document */

/* PC
--------------------------------------------
-------------------------------------------- */
@media screen and (min-width:980px) {

	#main_banner2 {
		height:340px;
		margin-right: auto;
		margin-left:auto;
		overflow:hidden;
		background-image: url(../images/title.png);
		background-repeat: no-repeat;
		width: 100%;
	}
	.title{
		width:740px;
		margin:0 auto 15px;
	}
	.baner_head{
		width: 800px;
	}
	
	.baner_head img{
		width: 800px;
	}
	
	.baner_body{
		width: 800px;
	}
	
	.baner_body img{
		width: 800px;
	}
	
	#box{
		width:980px;
		height: 250px;
		margin:0 auto;
	}
	#box p{
		width: 500px;
		line-height: 160%;

		}
	#box img{
		float: right;
		width: 300px;	
	}

	.checkarea{
		margin: 0 auto;
		/* background-color: #f7f3ec; */
		/* padding: 30px; */
		/* background-color: antiquewhite; */
	}

	body{
		font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
		font-size:16px;
	}


	#qArea{
		overflow:hidden;
		width:700px;
		margin: 0 auto;
		border: 1px solid #eee;
	}
	#qContainer {
		margin: 0px 0px 0px 0px;
		width: 5800px;
		position:relative;
	}
	.qBox {
		width:600px;
		margin: 0px 0px 0px 0px;
		float:left;
		
	}

	.qBox_result {
		width:600px;
		margin: 0 auto;
		float:left;
		font-size: 1.2em;
	}


	.ques{
		width: 468px;
		height: 105px;
		_width:600px;
		_height:80px;
		background: url(images/quesArea.png) no-repeat 0 0;
		font-family: yumincho;
		margin: 0 auto;
		margin-bottom: 20px;
		text-align: center;
	}

	.ques img{
		margin-top: 10px;
		}
	.qNum{
		color:#3366FF;
		padding-right: 10px;
	}

	
	.q0_A{
		background-image: url(../images/q0_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q0_B{
		background-image: url(../images/q0_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q0_C{
		background-image: url(../images/q0_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q0_D{
		background-image: url(../images/q0_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q0_E{
		background-image: url(../images/q0_e.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}



	.q1_A{
		background-image: url(../images/q1_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q1_B{
		background-image: url(../images/q1_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q1_C{
		background-image: url(../images/q1_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}


	.q2_A{
		background-image: url(../images/q2_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q2_B{
		background-image: url(../images/q2_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q2_C{
		background-image: url(../images/q2_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q2_D{
		background-image: url(../images/q2_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}


	.q3_A{
		background-image: url(../images/q3_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q3_B{
		background-image: url(../images/q3_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q3_C{
		background-image: url(../images/q3_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q3_D{
		background-image: url(../images/q3_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}

	.q4_A{
		background-image: url(../images/q4_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q4_B{
		background-image: url(../images/q4_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q4_C{
		background-image: url(../images/q4_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q4_D{
		background-image: url(../images/q4_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}


	.q5_A{
		background-image: url(../images/q5_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_B{
		background-image: url(../images/q5_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_C{
		background-image: url(../images/q5_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_D{
		background-image: url(../images/q5_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_E{
		background-image: url(../images/q5_e.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_F{
		background-image: url(../images/q5_f.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q5_G{
		background-image: url(../images/q5_g.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}

	.q6_A{
		background-image: url(../images/q6_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q6_B{
		background-image: url(../images/q6_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q6_C{
		background-image: url(../images/q6_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q6_D{
		background-image: url(../images/q6_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q6_E{
		background-image: url(../images/q6_e.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q6_F{
		background-image: url(../images/q6_f.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_A{
		background-image: url(../images/q7_a.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_B{
		background-image: url(../images/q7_b.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_C{
		background-image: url(../images/q7_c.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_D{
		background-image: url(../images/q7_d.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_E{
		background-image: url(../images/q7_e.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.q7_F{
		background-image: url(../images/q7_f.png);
		background-repeat: no-repeat;
		width: 470px;
		height:80px;
	}
	.fig{
		width:240px;
		height:260px;
		margin: 0px 4px 0px 0px;
		float:right;


	}


	.fig1,.fig2,.fig3,.fig4,.fig5{
		border: 1px solid #9e9e9e;
		float: left;
		width: 570px;
		height: 150px;
		padding: 10px;
		font-size: 0.9em;
	}

	.qBox ul{
		list-style: none;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		float:left;
		margin-left: 110px;
		margin-top: 30px;
		/* margin: 0 auto; */
	}
	.qBox ul li {
		width: 470px;
		min-height: 50px;
		cursor:pointer;
		margin-bottom: 10px;
		font-family: yumincho;
		margin-bottom: 30px;

	}

	.qBox ul li p{
		top:-99999999999px;
		position: absolute;
	}
	.qBox ul li:hover {
		background-position: 0px -80px;

	}
	.qBox ul li.selected {
		background-position: 0px -160px;
		cursor:default;
	}

	#resultBox{
		width:600px;
		margin: 0 auto;
		/* height:350px; */
		background: url(images/resultBase.png) no-repeat 0 0;
		font-family: yumincho;
		padding-bottom: 30px;
	}
	#resultTitle{
		width: 470px;
		font-size:18px;
		height: 156px;
		font-family: yumincho;
		text-align: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	#resultTitle img{

	}

	#oteire_img{
		width: 550px;
		font-size:18px;
		height: 156px;
		font-family: yumincho;
		text-align: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
	}


	#resultPoint{
		margin:22px 40px 0px 0px;
		float:right;
		color:#F00;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:40px;
		text-align:right;
		display: none;
	}
	#resultLeft{
		/* float:left; */
		margin:20px 0px 0px 20px;
	}
	#resultText{
		width: 570px;
		height: 100px;
		font-size: １．２em;
		line-height:1.5;
		color:#666;
		/* background: #f7f3ec; */
		font-family: yumincho;
		float: none;
		clear: both;
		padding: 10px;
		/* margin-top: 30px; */
		margin-bottom: 10px;
		margin: 0 auto;
		border: 1px solid #f5f5f5;
	}
	#resultText2{
		width: 570px;
		line-height:1.5;
		color:#666;
		font-family: yumincho;
		float: none;
		clear: both;
		padding: 10px;
		margin-bottom: 10px;
		margin: 0 auto;
		border: 1px solid #f5f5f5;
	}
	#resultImage{
				}
	#button{
		margin: 0 auto;
		text-align: center;
		margin-top: 30px;
	}
	#againButton{
		cursor:pointer;
		float: left;
		width:  500px;
	}
	#againButton:hover{
		background-position: 0px -40px;
	}

	#inquiry{

	}
	#inquiryButton{
		margin: 0 auto;
		cursor:pointer;
		width: 100%;
	}
	
	#hadasitu_wrap{
			width: 467px;
			height: 421px;
			margin: 0 auto;
			background-image: url(../images/hadasitu_wrap.png);
			background-size: initial;
			margin-top: 30px;
			margin-bottom: 30px;
	}

	#hadasitu{
		width: 304px;
		height: 308px;
		text-align: center;
		font-family: yumincho;
		margin: 30px,30px,30px,30px;
		margin: top;
		margin-left: 60px;
		margin-top: 45px;
		position: absolute;
	}

	.hadasitu_style{
		border: 1px solid;
		padding-top: 72px;
		background-repeat: no-repeat;
		background-image: none;
		background-size: cover;
	}

	#futu,#sisei,#kanso,#kongo{
		width: 150px;
		height: 80px;
		float: left;

	}

	#binkan_level{
		width: 470px;
		text-align: center;
		padding-top: 15px;
		font-family: yumincho;
		margin: 0 auto;
		background-repeat: no-repeat;

	}


	#level{
		height:100px;
		background-repeat: no-repeat;
	}
	.on{
		color: red;
	}

	.off{
		color: black;
	}

	.inquiry_title{
		font-family: yumincho;
		font-size: 1.2em;
		text-align: center;
		padding-top: 50px;	
	 }

	 .caution{
		 padding: 30px;
		 font-size: 0.8em;
		 line-height: 140%;
	 }


	#oteire_area{
		margin: 0 auto;
		width: 550px;
		height: 1281px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	#oteire_area img{
		width: 100%;
	}
	.otere{

	}	


	.oteire img{
		float: left;
		margin-bottom: 10px;
	}

	.thanks{
		background-image: url(../images/thanks.png);
		background-size: contain;
		/* width: 100%; */
		height: 500px;
		background-repeat: no-repeat;
	}
	.inquiry_txt{
		line-height: 160%;
	}

	#goto_yoyaku{
		margin-top: 10px;
		width: 236px;
		height: 59px;
		margin: auto;
		font-size: 0px;
		float: right;
		background-image: url(../images/banner_sk2.png);
		background-repeat: no-repeat;		
	}

	#goto_inquiry{
		float: right;
	}

	.yoyakutitle{
		width: 980px;
		height:290px;
		margin-top: 60px;
	}
	.inquirytitle{
		width: 980px;
		height:290px;
		margin-top: 60px;
	}

	#yoyaku,#inquiry{
		margin: 0 auto;
		margin-top: 60px;
	}

	.yoyaku_area{/* height: 171px; */text-align:  center;}

	.yoyaku_btn{
		margin: 0 auto;
		height: 48px;
		padding: 10px;
		padding-top: 36px;
		cursor: pointer;
		color: #fff;
		font-size: 1.6em;
		margin-top: 32px;
		position: relative;
		text-align: center;
		background-color: #5fb42b;
		text-align: center;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		border-bottom: solid 2px #315d17;
		border-radius: 4px;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
		cursor: pointer;
	}

	.inquiry_btn{
		width: 440px;
		margin: 0 auto;
		height: 44px;
		padding: 10px;
		padding-top: 30px;
		cursor: pointer;
		color: #fff;
		font-size: 1.2em;
		margin-top: 18px;
		position: relative;
		text-align: center;
		text-align: center;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		color: #59b51e;
		border-bottom: solid 2px #6e8a88;
		border-radius: 4px;
		cursor: pointer;
		float: left;
		border: 2px solid;
	}

	.again_btn{
		width: 440px;
		margin: 0 auto;
		height: 40px;
		padding: 10px;
		padding-top: 32px;
		cursor: pointer;
		font-size: 1.2em;
		text-align: center;
		background-color: rgb(255, 255, 255);
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		color: #59b51e;
		border-bottom: solid 2px #6e8a88;
		border-radius: 4px;
		cursor: pointer;
		float: left;
		border: 2px solid;
	}

	/*area_1*/
		.care_title{
			width: 600px;
			margin: 0 auto;
			text-align: left;
		}

		.care_title img{
			float:left;
			padding-right: 20px;
			}

		.care_title .title{
			font-size: 180%;
			padding-top: 30px;
			padding-bottom: 10px;
		}

		.care_title .txt{
			font-size: 1.2em;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		#nikibi_1{
			width: 700px;
			text-align: center;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.area_1_title{
			text-align: center;
			font-size: 1.8em;
			line-height: 180%;
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';

		}


		.area_1_title_obi{
			background-color: #f2eee7;
			padding: 10px 0 10px 0;
		}

		.area_1_txt{
			padding-top: 30px;
			padding-bottom: 30px;
			text-align: justify;
			margin: 0 auto;
			line-height: 180%;
			font-size: 1.2em;
		}

		#nikibi_1 img{
			text-align: left;
		}

		.slides ul{

		}

		.slides p{
			bottom: 50%;
			position: absolute;
			width: 400px;
			text-align: justify;
			padding-left: 290px;
		}

		.nikibi_box{
			padding-bottom: 60px;
			padding-top: 30px;
		}

		.nikibi_box p{
			width: 500px;
			float:left;
			line-height: 180%;
			padding-right: 100px;
			padding-top: 30px;
			font-size: 1.2em;
		}

		.nikibi_box_inner{
			width: 650px;
			/*! float: left; */
			}

		.hogo_link{
			background-color: #FF9898;
			color: white;
			height: 50px;
			padding-top: 30px;
			font-size: 1.2em;
			text-align: center;
		}

		.genin ul{


		}

		.genin .title{
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';

		}

		.care_box .title{
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
			text-align: left;
		} 
		.genin li{
			width: 30%;
			text-align: center;
			height: 300px;
			padding: 15px;
			border: 1px solid #F8F4ED;
			display: table-cell;
		}
		.care_box{
			padding-top: 50px;
		}

		.care_box img{
			padding-left: 6px;
		}

		.care_box_inner .link{
			margin-top: 30px;
		}
		.care_box_inner {
			padding-top: 30px;
			padding-bottom: 30px;	
		}

		.care_box_inner p{
			width: 500px;
			line-height: 140%;
			text-align: justify;
			padding-right: 10px;
			float: left;
		}

		.care_box_inner img{
			float:right;
			}

		.care_box_inner2 {
			padding-top: 30px;
			padding-bottom: 30px;	
		}

		.care_box_inner2 p{
			width: 500px;
			line-height: 140%;
			text-align: justify;
			padding-right: 10px;
			float: right;
			margin-bottom: 50px;
		}

		.care_box_inner2 img{
			float:left;
			}

		.oteire_photo{
			padding: 20px 0 20px 0;
		}

		.use_item{
			padding: 100px 0px 30px 0px;
			background-image: url(../../nikibi/images/skincare_nikibi02.png);
			background-repeat: no-repeat;
			margin-top: 100px;
			height: 130px;
			font-size: 0px;
		}
		.top_area{
			width: 980px;
			margin: 0 auto;
			display: table;
			table-layout: fixed;
			/* background-color: #ffeaea; */
			padding-top: 30px;
			margin-bottom: 50px;
		}

		#button_1,#button_2,#button_3{
			width: 442px;
			height: 75px;
			margin: 20px;
			font-size: 1.4em;
			font-weight: bold;
			background-color: #ffeaea;
		}

		.age_setumei{
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
			line-height: 160%;
			font-size: 1.2em;
		}



		#button_1_area,#button_2_area,#button_3_area{
			float:none;
			clear: both;
			width: 980px;
			margin-bottom: 100px;
			padding: 20px;
			text-align: justify;
			background-color: #fff;
			margin: 0 auto;
			margin-top: 19px;
			margin-left: -23px;
		}

		.mecha{
			width: 980px;
			margin: 0 auto;
		}


		.mecha_inner{
			width: 980px;
			display: table;
			table-layout: fixed;
			margin-bottom: 30px;
		}

		.mecha_inner li{
			width: 325px;
			display: table-cell;
			text-align: center;
			text-align: center;
		}

		.mecha_inner li img{
			width: 80%;
		}

		.mecha_inner li p{

			width:  260px;
			text-align: justify;
			padding-top: 0px;
			margin: 0 auto;
		}

		.area_1_title .green{
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
		}

		.area_3_voice_box{

			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			height: 340px;
			float: none;
			margin-bottom: 140px;
			clear: both;
		}

		.area_3_voice_box_left{
			background-color: #E7F2D9;
			width: 600px;
			float: left;
			padding: 20px;
			height: 40px;
			font-size: 160%;
			line-height: 160%;
			color: #7EC145;
		}

		.area_3_voice_box_right{
			width: 320px;
			float: right;
			font-size: 160%;
			font-size: 1.2em;
		}

		.area_3_voice_box_right p{

			line-height: 140%;
			font-size: 1em;
			text-align: center;
		}

		.area_3_voice_box_right img{

		}

		.area_3_voice_box_title_p{
			width: 596px;
			float: left;
			height: 230px;
			border: 2px solid #e7f2d9;
			margin-left: 0px;
			padding: 20px;
		}
		#age{

			width: 800px;
			margin: 0 auto;
			border: 2px solid #ffeaea;
			display: table;
		}
		#age_button_1,#age_button_2,#age_button_3,#age_button_4,#age_button_5,#age_button_6,#age_button_7,#age_button_8{
			width: 12vw;
			height: 30px;
			margin: 15px;
			background-color: #ff9898;
			font-size: 1.2em;
			text-align: center;
			padding-top: 5px;
			display: -moz-stack;
			/* vertical-align: middle; */
			text-align: center;
			color: #fff;
			text-decoration: none;
			/* color: #7B7979; */
			/*! background: #fd9535; */
			border-bottom: solid 2px #ff9898;
			border-radius: 4px;
			box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
			/*! font-weight: bold; */
			cursor: pointer;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			align-items: center;
		}
		#age_button_1:hover,#age_button_2:hover,#age_button_3:hover,#age_button_4:hover{
			background-color: #fff;
			border-bottom: solid 2px #fff;
			color:#ff9898;
		}
		.active{
			background-color: #ffffff;
			text-align: center;
			padding-top: 50px;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			text-decoration: none;
			color: #ff9898;
			border-bottom: solid 2px #fff;
			border-radius: 4px;
			box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
			cursor: pointer;
		}


		.non_active{
			background-color: ffeaea;
			text-align: center;
			padding-top: 50px;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			text-decoration: none;
			/* color: #FFF; */
			border-bottom: solid 2px ffeaea;
			border-radius: 4px;
			box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
			cursor: pointer;
		}
		#button_area{

			}

		.top_contents_camp{
			font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
			font-size: 1.2em;
			line-height: 180%;
			padding: 5px;
			border: 3px solid #eee;
			width: 580px;
			margin: 0 auto;
		 }	
		 #resultMask{
			margin-top: 10px;
			margin-bottom: 10px;	
		}
		#resultMask img{
			width: 100%;
		}

		#agewrap{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
		}
}

/* SmartPhone
--------------------------------------------
-------------------------------------------- */
@media screen and (max-width:979px) {

	#main_banner2 {
		height: 150px;
		margin-top: 50px;
		margin-right: auto;
		margin-left:auto;
		overflow:hidden;
		background-image: url(../../sp/images/sp_mainimg.png);
		background-repeat: no-repeat;
		width: 100%;
		margin-top: 10px;
	}

	.title{
		width: 100%;
		margin:0 auto 15px;
	}
	
	.baner_head{
		
	}
	
	.baner_head img{
		width: 100%;
	}
	
	.baner_body{
		width: 100%;
	}
	
	.baner_body img{
		width: 100%;
	}
	
	#box{
		width: 100%;
		height: 175px;
		margin:0 auto;
	}
	#box p{
		/* width: 500px; */
		line-height: 160%;
		}
	#box img{
		/* float: right; */
		margin-top: 20px;
		display: none;
	}

	.checkarea{
		margin: 0 auto;
		/* background-color: #f7f3ec; */
		padding: 10px;
		/* background-color: antiquewhite; */
		text-align: center;
	}

	body{
		font-family:'"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;';
		font-size:16px;
	}

	
	#qArea{
		overflow:hidden;
		width:100%;
		margin: 0 auto;
		
	}
	#qContainer {
		margin: 0px 0px 0px 0px;
		width: 5081px;
		position:relative;
	}
	.qBox {
		margin: 0px 0px 0px 0px;
		/*height: 650px;*/
		float:left;
		/* background-color: darkseagreen; */
		width: 100%;
	}

	.qBox_result {
		width:600px;
		margin: 0px 0px 0px 0px;
		/*height: 1650px;*/
		float:left;
		/* margin-left: -51px; */
	}


	.ques{
		/* padding:35px 0px 0px 25px; */
		width: 100%;
		/* height: 105px; */
		_width:600px;
		_height:80px;
		/* background: url(images/quesArea.png) no-repeat 0 0; */
		font-family: yumincho;
		margin: 0 auto;
		margin-bottom: 20px;
		/* text-align: center; */
		/* background-size: cover; */
	}

	.ques img{
		/* margin-left: -50px; */
		margin-top: 10px;
		width: 100%;
		}
	.qNum{
		color:#3366FF;
		padding-right: 10px;
	}

	/*設問クラス*/
	.q1_A{
		width: 100%;
		height:20px;
		background-size: contain;
	}
	.q1_B{
		width: 100%;
		height:20px;
	}
	.q1_C{
		width: 100%;
		height:20px;
	}


	.q2_A{
		width: 100%;
		height:20px;
	}
	.q2_B{
		width: 100%;
		height:20px;
	}
	.q2_C{
		width: 100%;
		height:20px;
	}
	.q2_D{
		width: 100%;
		height:20px;
	}


	.q3_A{
		width: 100%;
		height:20px;
	}
	.q3_B{
		width: 100%;
		height:20px;
	}
	.q3_C{
		width: 100%;
		height:20px;
	}
	.q3_D{
		width: 100%;
		height:20px;
	}

	.q4_A{
		width: 100%;
		height:20px;
	}
	.q4_B{
		width: 100%;
		height:20px;
	}
	.q4_C{
		width: 100%;
		height:20px;
	}
	.q4_D{
		width: 100%;
		height:20px;
	}


	.q5_A{
		width: 100%;
		height:20px;
	}
	.q5_B{
		width: 100%;
		height:20px;
	}
	.q5_C{
		width: 100%;
		height:20px;
	}
	.q5_D{
		width: 100%;
		height:20px;
	}
	.q5_E{
		width: 100%;
		height:20px;
	}
	.q5_F{
		width: 100%;
		height:20px;
	}
	.q5_G{
		width: 100%;
		height:20px;
	}


	.fig{
		width:240px;
		height:260px;
		margin: 0px 4px 0px 0px;
		float:right;


	}


	.fig1,.fig2,.fig3,.fig4,.fig5{
		border: 1px solid #9e9e9e;
		float: left;
		width: 570px;
		height: 150px;
		padding: 10px;
		font-size: 0.9em;
	}

	.qBox ul{
		list-style: none;
		margin: 0px 0px 0px 2px;
		padding: 0px;
		float:left;
		/* margin-left: 110px; */
		margin-top: 30px;
		/* margin: 0 auto; */
		width: 100%;
	}
	.qBox ul li {
		padding: 0px 0px 0px 60px;
		min-height: 70px;
		cursor:pointer;
		margin-bottom: 15px;
		font-family: yumincho;
		font-size: 1em;
		border: 1px solid #dcdddd;
		width: 76%;
		display: -webkit-box; /* safari, Chrome */
		display: -moz-box;    /* Firefox */
		display: -o-box;      /* Opera */
		display: -ms-box;     /* IE */
		display: box;         /* ベンダープレフィックスなし */
		-webkit-box-align: center; /* safari, Chrome */
		-moz-box-align: center;    /* Firefox */
		-o-box-align: center;      /* Opera */
		-ms-box-align: center;     /* IE */
		box-align: center;
	}

	.qBox ul li p{
		text-align: left;
		line-height: 150%;
		margin-left: -45px;
		color: #333333;
		padding-right: 5px;
	}
	.qBox ul li:hover {
		background-color: #fdf1f1;

	}
	.qBox ul li.selected {
		background-color: #ffdede;
		color:#fff;
		font-weight: bold;
		cursor:default;
	}

	#resultBox{
		/* width:600px; */
		margin:0px 0px 0px 0px;
		/* height:350px; */
		background: url(images/resultBase.png) no-repeat 0 0;
		font-family: yumincho;
	}
	#resultTitle{
		width: 100%;
		font-size:18px;
		height: 146px;
		font-family: yumincho;
		text-align: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		/* margin-bottom: 30px; */
		margin-top: 30px;
		background-size: contain;
	}

	#resultTitle img{
		width: 100%;
	}

	#oteire_img{
		width: 100%;
		font-size:18px;
		height: 80px;
		font-family: yumincho;
		text-align: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
		background-size: contain;
	}

	#oteire_img img{
		width: 100%;	
	}

	#resultPoint{
		margin:22px 40px 0px 0px;
		float:right;
		color:#F00;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:40px;
		text-align:right;
		display: none;
	}
	#resultLeft{
		/* float:left; */
		margin:20px 0px 0px 20px;
	}
	#resultText{
		/* width: 100%; */
		height: 100px;
		font-size: １．２em;
		line-height:1.5;
		color:#666;
		/* background: #f7f3ec; */
		font-family: yumincho;
		float: none;
		clear: both;
		padding: 10px;
		/* margin-top: 30px; */
		margin-bottom: 10px;
		margin: 0 auto;
		border: 1px solid #f5f5f5;
		text-align: left;
	}
	#resultText2{
		/* width: 570px; */
		font-size: １．２em;
		line-height:1.5;
		color:#666;
		font-family: yumincho;
		float: none;
		clear: both;
		padding: 10px;
		margin-bottom: 10px;
		margin: 0 auto;
		border: 1px solid #f5f5f5;
		text-align: left;
	}
	#resultImage{
		/* width:252px; */
		/* height:217px; */
		/* float:right; */
		/* margin:15px 20px 0px 0px; */
		/* background: url(images/lv4.png) no-repeat 0 0; */
	}
	#button{
		/* width: 480px; */
		margin: 0 auto;
		text-align: center;
		/* padding: 10px; */
		/* margin-top: 30px; */
	}
	#againButton{
		/* margin: 0 auto; */
		cursor:pointer;
		/* float: none; */
		/* float: left; */
		/* padding: 10px; */
		width: 100%;
		/* margin-bottom: -9px; */
	}
	#againButton:hover{
		background-position: 0px -40px;
	}

	#againButton img{
		width: 100%;
		}
	#inquiryButton img{
		width: 100%;
	}	


	#inquiry{
		display: none;
	}
	#inquiryButton{
		margin: 0 auto;
		width: 100%;
		/* height:40px; */
		/*background: url(../images/againButton.jpg) no-repeat 0 0;*/
		cursor:pointer;
		/* float: left; */
		/* padding: 10px; */
		/* margin-left: 48px; */
		margin-top: 10px;
	}
	/*結果*/
	#hadasitu_wrap{
			width: 100%;
			/* height: 300px; */
			margin: 0 auto;
			/* background-image: url(../images/hadasitu_wrap.png); */
			/* background-size: cover; */
			/* margin-top: 30px; */
			margin-bottom: 30px;
			background-repeat: none;
			/* position: absolute; */
	}

	#hadasitu_wrap img{
		width: 100%;
	}

	#hadasitu{
		width: 304px;
		height: 308px;
		text-align: center;
		font-family: yumincho;
		margin: 30px,30px,30px,30px;
		margin: top;
		margin-left: 60px;
		margin-top: 45px;
		position: absolute;
	}

	.hadasitu_style{
		border: 1px solid;
		padding-top: 72px;
		background-repeat: no-repeat;
		background-image: none;
		background-size: cover;
	}

	#futu,#sisei,#kanso,#kongo{
		width: 150px;
		height: 80px;
		float: left;

	}

	#binkan_level{
		/* width: 100%; */
		/* text-align: center; */
		/* padding-top: 15px; */
		/* font-family: yumincho; */
		margin: 0 auto;
		/* background-repeat: no-repeat; */
		margin-bottom: 30px;
	}


	#level{
		/* height:100px; */
	}

	#level img{
		width: 100%;
	}
	.on{
		color: red;
	}

	.off{
		color: black;
	}

	.inquiry_title{
		font-family: yumincho;
		font-size: 1.2em;
		text-align: center;
		padding-top: 50px;	
	 }

	 .caution{
		 padding: 30px;
		 font-size: 0.8em;
		 line-height: 140%;
	 }


	#oteire_area{
		margin: 0 auto;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#oteire_area img{
		width: 100%;
	}
	.otere{

	}	


	.oteire img{
		float: left;
		margin-bottom: 10px;
		width: 100%;
	}

	.thanks{
		width: 100%;
		background-image: url(../images/thanks_sp.png);
		background-size: contain;
		height: 600px;
		background-repeat: no-repeat;
	}

	.inquiry_txt{
		line-height: 160%;
	}

	#goto_yoyaku{
		height: 78px;
		margin: auto;
		background-image: 	url(../images/banner_sk2_sp.png);
		font-size: 0px;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#goto_inquiry{


	}
	.yoyakutitle{
		/*! margin-top: 60px; */
	}

	.inquirytitle{
		/*! margin-top: 60px; */
	}
	.yoyakutitle img,.inquirytitle img{
		width: 100%;
	}

	#yoyaku,#inquiry{
		width: 100%;
		margin: 0 auto;
		margin-top: 30px;
	}

	.yoyaku_area{
		width: 100%;
		/* height: 100px; */
		text-align: center;
		/*! padding: 30px; */
	}

	.yoyaku_btn{
		/* width: 320px; */
		margin: 0 auto;
		height: 40px;
		padding: 10px;
		padding-top: 32px;
		cursor: pointer;
		margin-top: 30px;
		font-size: 1.4em;
		/* margin-top: -98px; */
		position: relative;
		text-align: center;
		background-color: #5fb42b;
		text-align: center;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		color: #FFF;
		border-bottom: solid 2px #315d17;
		border-radius: 4px;
		/* box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); */
		cursor: pointer;
	}

	.again_btn{
		/* width: 336px; */
		margin: 0 auto;
		height: 40px;
		padding: 10px;
		padding-top: 32px;
		cursor: pointer;
		/* margin-top: 30px; */
		font-size: 1.4em;
		margin-top: 30px;
		position: relative;
		text-align: center;
		/* background-color: #c8eeec; */
		text-align: center;
		vertical-align: middle;
		/* text-align: left; */
		text-decoration: none;
		color: #59b51e;
		border-bottom: solid 2px #6e8a88;
		border-radius: 4px;
		/* box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); */
		cursor: pointer;
		margin: 10px;
		border: solid 2px;
	}

	.inquiry_btn{
		/* width: 336px; */
		margin: 0 auto;
		height: 40px;
		padding: 10px;
		padding-top: 32px;
		cursor: pointer;
		margin-top: 35px;
		font-size: 1.4em;
		/* margin-top: -98px; */
		position: relative;
		text-align: center;
		/* background-color: #c8eeec; */
		text-align: center;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		color: #59b51e;
		border-bottom: solid 2px #6e8a88;
		border-radius: 4px;
		/* box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); */
		cursor: pointer;
		/* margin: 10px; */
		border: 2px solid;
	}

	.top_area{
			width: 100%;
			margin: 0 auto;
			/*! display: table; */
			/*! table-layout: fixed; */
			/*! background-color: #ffeaea; */
			padding-top: 30px;
			margin-bottom: 50px;
		}

		#button_1,#button_2,#button_3{
			width: 48%;
			height: 40px;
			font-size: 1em;
			font-weight: bold;
			display: inline-block;
			margin: 2px;
			padding-top: 26px;
		}

		#button_2_area,#button_2_area,#button_3_area,#button_1_area{
			float:none;
			clear: both;
			margin-bottom: 100px;
			padding: 20px;
			text-align: justify;
			background-color: #fff;
			margin: 0 auto;
			margin-top: 30px;
			line-height: 160%;

		}

		.mecha{
			/*! width: 980px; */
			margin: 0 auto;
		}


		.mecha_inner{
			width: 100%;
			display: table;
			table-layout: fixed;
			margin-bottom: 30px;
		}

		.mecha_inner li{
			/*! width: 150px; */
			/*! display: table-cell; */
			text-align: center;
			text-align: center;
		}

		.mecha_inner li img{
			/*! width: 80%; */
		}

		.mecha_inner li p{

			/*! width:  260px; */
			text-align: justify;
			padding-top: 0px;
			margin: 0 auto;
		}

		.area_1_title .green{
			font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
		}

		.area_3_voice_box{

			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			/*! height: 340px; */
			float: none;
			/*! margin-bottom: 140px; */
			clear: both;
		}

		.area_3_voice_box_left{

			background-color: #E7F2D9;
			/*! width: 600px; */
			/*! float: left; */
			padding: 10px;
			height: 50px;
			font-size: 1.2em;
			line-height: 160%;
			color: #7EC145;
		}

		.area_3_voice_box_right{
			/*! width: 320px; */
			/*! float: right; */
			font-size: 160%;
			font-size: 1.2em;
			text-align:  center;
		}

		.area_3_voice_box_right p{

			line-height: 140%;
			font-size: 1em;
			text-align: center;
		}

		.area_3_voice_box_right img{

		}

		.area_3_voice_box_title_p{
			/*! width: 596px; */
			/*! float: left; */
			/*! height: 230px; */
			border: 2px solid #e7f2d9;
			margin-left: 0px;
			padding: 10px;
			margin-bottom: 30px;
			margin-top: 30px;
		}

		#nikibi_1{
			/*! width: 700px; */
			text-align: center;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.area_1_title{
			text-align: center;
			font-size: 1.1em;
			line-height: 180%;
			font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;

		}

		.area_1_title_obi{
			background-color: #f2eee7;
			/*! height: 100px; */	
			padding: 10px 0 10px 0;
		}

		.area_1_txt{
			padding-top: 30px;
			padding-bottom: 30px;
			text-align: justify;
			margin: 0 auto;
			/*! line-height: 180%; */
			font-size: 1em;
		}

		#nikibi_1 img{
			text-align: left;
		}

		.nikibi_box{
			/*! padding-bottom: 60px; */
			padding-top: 30px;
		}

		.nikibi_box p{
			/*! float:left; */
			line-height: 180%;
			/*! padding-right: 100px; */
			padding-top: 30px;
			text-align: justify;
			margin-bottom: 10px;
		}

		.nikibi_box_inner{
			/*! float: left; */
			text-align: center;
			display: inline-block;
			}

		.nikibi_box img{
			text-align: center;
		}	

		.genin ul{


		}

		.genin .title{
			font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";

		}

		.care_box .title{
			font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
			text-align: left;
		} 
		.genin li{
			/*! width: 100%; */
			text-align: center;
			/*! height: 300px; */
			padding: 15px;
			border: 1px solid #F8F4ED;
			/*! display: table-cell; */
		}
		#age{
			/* width: 800px; */
			margin: 0 auto;
			border: 2px solid #ffeaea;
			display: table;
		}
		#agewrap{

		}
		#age_button_1,#age_button_2,#age_button_3,#age_button_4,#age_button_5,#age_button_6,#age_button_7,#age_button_8{
			width: 120px;
			height: 30px;
			margin: 10px;
			background-color: #ff9898;
			font-size: 1.2em;
			text-align: center;
			padding-top: 10px;
			display: -moz-stack;
			vertical-align: middle;
			text-align: center;
			color: #fff;
			text-decoration: none;
			/* color: #7B7979; */
			/*! background: #fd9535; */
			border-bottom: solid 2px #ff9898;
			border-radius: 4px;
			box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
			/*! font-weight: bold; */
			cursor: pointer;
			display: inline-block;
		}
		#age_button_1:hover,#age_button_2:hover,#age_button_3:hover,#age_button_4:hover{
			background-color: #fff;
			border-bottom: solid 2px #fff;
			color:#ff9898;
		}

		.active{
				background-color: #ffffff;
				text-align: center;
				padding-top: 20px;
				display: inline-block;
				vertical-align: middle;
				text-align: center;
				text-decoration: none;
				color: #ff9898;
				border-bottom: solid 2px #fff;
				border-radius: 4px;
				box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
				cursor: pointer;
			}


			.non_active{
				background-color: #ffeaea;
				text-align: center;
				padding-top: 20px;
				display: inline-block;
				vertical-align: middle;
				text-align: center;
				text-decoration: none;
				/* color: #FFF; */
				border-bottom: solid 2px #ffeaea;
				border-radius: 4px;
				box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
				cursor: pointer;
			}

			#button_area{
				/* display: inline; */
				text-align:  center;
				width: 100%;
				margin:  0 auto;
			}


		.age_setumei{
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
				line-height: 160%;
				font-size: 1.2em;
		}

		.top_contents_camp{
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
			font-size: 1.2em;
			line-height: 180%;
			padding: 5px;
			border: 3px solid #eee;
			margin: 0 auto;
			width: 90%
		 }
		 
		 #resultMask{
			margin-top: 10px;
			margin-bottom: 10px;	
			width: 100%;
		}
		#resultMask img{
			width: 100%;
		}

}







/* **************Index.html CSS*************** */
.l-h{
	line-height:150%;
}
/* MainImage */
h2{
	background-image:url(../images/mainimg.gif);
}

/* Body */
h3{
	border-left: 7px solid #5fb42b;
	color: #6d635e;
	padding: 7px;
	font-size: 1em;
	margin: 0 0 10px;
}
.copy_txt {
	margin-bottom:5px;
}
.company_box {
	width:100%;
	margin:20px auto 30px;
}



.table_map {
	width:100%;
	margin-bottom:10px;
}
.table_map th{
	border-bottom:1px dotted #9d9d9c;
	text-align:left;
}
.table_map td{
	text-align:left;
}
.map_r small a{
	display:block;
	color:#0000FF;
	text-align:right;
	font-size:10px;
}


.title05{
	background-color:#eee;
}

.inquiry{

}

.yoyaku{

}

.yoyaku_p{
	text-align: center;
	line-height: 160%;
	font-family: yumincho;
	font-size:1.4em;
}

.yoyaku_area img{
	margin-top: 10px;
	margin-bottom: 10px;
	/* border: 1px solid #666; */
	/* width: 800px; */
	/* margin:  0 auto; */
}