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

/* ------------------------------ */
/* -----------font指定----------- */
/* ------------------------------ */

.shindan-weight100 { font-family: "AXIS Std",Meiryo; font-weight: 100; }
.shindan-weight200 { font-family: "AXIS Std",Meiryo; font-weight: 200; }
.shindan-weight300 { font-family: "AXIS Std",Meiryo; font-weight: 300; }
.shindan-weight400 { font-family: "AXIS Std",Meiryo; font-weight: 400; }
.shindan-weight500 { font-family: "AXIS Std",Meiryo; font-weight: 500; }
.shindan-weight600 { font-family: "AXIS Std",Meiryo; font-weight: 600; }
.shindan-weight700 { font-family: "AXIS Std",Meiryo; font-weight: 700; }
.shindan-weight800 { font-family: "AXIS Std",Meiryo; font-weight: 800; }
.shindan-weight900 { font-family: "AXIS Std",Meiryo; font-weight: 900; }

.shindan-weight100,
.shindan-weight200,
.shindan-weight300,
.shindan-weight400,
.shindan-weight500,
.shindan-weight600,
.shindan-weight700,
.shindan-weight800,
.shindan-weight900{
  font-family: "AXIS Std",-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  }
  .lh40 {
  	padding-top:10px;
  	line-height: 40px;
  }

  
/* -------------------------------- */
/* -----------ページ構成----------- */
/* -------------------------------- */
.alt{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
body {
	text-align: center;
}
.shindan-result-btn-area a:visited,
.shindan-result-btn-area a:link{
	color:#fff;
	text-decoration: none;
}
.shindan-result-btn-area a:hover{
	text-decoration: none;
}
.clear{ clear: both; visibility: hidden; height: 0;}


.shindan-content-main{
	margin-right:auto;
	margin-left:auto;
	position:relative;
	overflow: hidden;
	max-width:868px;
	min-height:810px;
	text-align: center;
	margin-top:50px;
}
.shindan-p0,
.shindan-p1,
.shindan-p2,
.shindan-p3,
.shindan-p4,
.shindan-p5,
.shindan-p6,
.shindan-p7,
.shindan-p8,
.shindan-p9,
.shindan-p10{
	position:absolute;
	left:1500px;
	display:none;
}

.shindan-p0 {
	left:114px;
	display:block;
}

.clear{ clear: both; visibility: hidden; height: 0;}


/* -------------------------------------------------- */
/* --------------------1ページ目--------------------- */
/* -------------------------------------------------- */

/* ------------------------------ */
/* -------------title------------ */
/* ------------------------------ */

.shindan-title{
	background-image: url(img/bg_stripe_light_blue.png);
	background-repeat: repeat;
	height: 108px;
	margin-top:40px;
}
.shindan-title h1 {
	color: #1c236c;
	font-size:35px;
	line-height:44px;
	padding-top:9px;
}
.shindan-title-mini{font-size:27px;display:none;}
.shindan-title h1{
	background-image: url(img/title.png);
	background-position: center;
	width:548px;
	height:100px;
	display:block;
	background-repeat: no-repeat;
	margin: 0 auto;
}

@media all and (-ms-high-contrast: none){
.shindan-title h1 {
   padding-top:17px;
  }
}

/* ------------------------------ */
/* -------------blue------------ */
/* ------------------------------ */

.shindan-top-blue {
	background-color: #bfebfa;
	max-width:686px;
	height: 122px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	border-left:8px solid #00afec;
    margin-top: 30px;
}
.shindan-top-blue-msg {
	font-size:16px;
	line-height: 28px;
	margin-top:18px;
}

.title-image {
	max-width:640px;
}
/* --------------------------------- */
/* -------------共用------------ */
/* --------------------------------- */

.shindan-float {
	float:left;
	width:50%;
}

.shindan-qst-num,
.shindan-qst_txt,
.shindan-btn_top,
.shindan-start_btn,
.shindan-btn_yes,
.shindan-btn_no
{
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}





/* --------------------------------- */
/* -------------スタート------------ */
/* --------------------------------- */
.shindan-start_btn_area {
	height: 122px;
	width:45%;
	display:block;
}
.shindan-start_btn_area2 {
	display:none;
	margin-bottom:50px;
}
.shindan-start_btn2,
.shindan-start_btn{
	background-color: #ea5520;
	max-width:284px;
	height: 57px;
	line-height: 57px;
	color:#fff;
	font-size:24px;
    border-radius: 9px; 
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	margin-top:34px;
	margin-right:auto;
	margin-left:auto;
}
.shindan-start_btn2{
	background-color: #fff;
}


/* ------------------------------------------- */
/* -----------------2ページ目----------------- */
/* ------------------------------------------- */
.shindan-qst-content {
	margin-top:42px;
	border:2px solid #cccccc;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	width:640px;
}
.shindan-btn_top{
    background-color: #ea5520;
    width:100%;
    max-width:336px;
    height: 58px;
    line-height: 58px;
    color:#fff;
    font-size:28px;
    border-radius: 9px; 
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    margin-top:25px;
    margin-bottom:170px;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
}
.shindan-btn_top2{
    background-color: #ea5520;
    width:100%;
    max-width:336px;
    height: 58px;
    line-height: 58px;
    color:#fff;
    font-size:28px;
    border-radius: 9px; 
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    margin-top:25px;
    margin-bottom:80px;
    margin-right:auto;
    margin-left:auto;
    text-align: center;
}


.shindan-qst {
	max-width:580px;
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
	position: relative;
	zoom:1;
	/*background-color:#93885e;*/
}
.shindan-qst-num,
.shindan-qst_txt{
	float:left;
	font-size:27px;
	text-align: left;
	height:150px;
	margin-top:58px;
}
.shindan-qst-num{
	width:50px;
	color:#00afec;
	/*background-color: aqua;*/
}
.shindan-qst_txt{
	/*max-width:549px;*/
	width:515px;
	margin-left:15px;
	/*background-color:#6ea4b2;*/
}

/* -------------------------------- */
/* ------------YES NO-------------- */
/* -------------------------------- */
.shindan-qst-btn-area {
	max-width:580px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:54px;
	overflow: hidden;
	position: relative;
	zoom:1;
}

.shindan-btn_yesno,
.shindan-btn_yes,
.shindan-btn_no{
	background-color: #88308d;
	width:280px;
	height: 58px;
	line-height: 58px;
	color:#fff;
	font-size:18px;
    border-radius: 9px; 
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	text-align: center;
}
.shindan-btn_yesno,
.shindan-btn_yes{
	float:left;
}
.shindan-btn_no{
	float:right;
	background-color: #2d4196;
}
.shindan-btn_yesno{
	background-color: #fff;
}

/* --------------------------------------------------- */
/* -------------------結果のhtml---------------------- */
/* --------------------------------------------------- */



.shindan-result{
	max-width:868px;
	min-height:370px;
	margin-top:18px;
	text-align: center;
}

.shindan-result-illust {
	width:100%;
	max-width:840px;
	
	/*float:left;*/
	margin-right:auto;
	margin-left: auto;
	/*
	background-image: url(img/result1_illust.png);
	background-size: contain;
	background-repeat: no-repeat;
	*/
}
.shindan-result-illust img{
	width:auto;
	height:100%;
}


.shindan-result-illust{
	margin-top:15px;
}
	



.shindan-result-msg {
	width:60%;
	width:840px;
	/*min-height:370px;*/
	/*float:left;*/
	background-color: #fef2ed;
	background-color: #f7d8d0;
	
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-right:auto;
	margin-left: auto;
}


.shindan-result-title1,
.shindan-result-title2,
.shindan-result-txt {
	text-align: center;
	width:92%;
	margin-right:auto;
	margin-left:auto;
}
.shindan-result-title2 br {display:none;}




.shindan-result-title1{
	margin-top:18px;
	margin-top:4px;
	font-size:19px;
}
.shindan-result-title2{
	margin-top:0px;
	font-size:36px;
	
	
}
.shindan-result-txt {
	margin-top:20px;
	font-size:14px;
	line-height: 20px;
	width:500px;
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	margin-left:20px;
	text-align: left;
}
.shindan-result-title0 {
	margin-top:20px;
	width:300px;
	float:left;
	border-right:2px solid #ee7948;
	margin-bottom:20px;
}

/* -------------------------------- */
/* ---------------SNS-------------- */
/* -------------------------------- */
.shindan-result-btn-area {
	max-width:615px;
	margin-top:54px;
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-right:auto;
	margin-left:auto;
}
.shindan-btn_line a,
.shindan-btn_facebook a,
.shindan-btn_twitter a{
	background-color: #3c5998;
	width:286px;
	height: 58px;
	line-height: 58px;
	color:#fff;
	font-size:20px;
    border-radius: 9px; 
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
	
	background-image: url(img/sns_facebook.png);
	background-repeat: no-repeat;
	background-position: 27px top;
	
	text-indent: 25px;
	display: block;
}
.shindan-btn_facebook a{
	float:left;
}
.shindan-btn_twitter a{
	float:right;
	background-color: #000;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.309%22%20height%3D%2220.755%22%20viewBox%3D%220%200%2020.309%2020.755%22%3E%20%3Cpath%20id%3D%22logo%22%20d%3D%22M12.087%2C8.788%2C19.647%2C0H17.855L11.291%2C7.631%2C6.047%2C0H0L7.929%2C11.539%2C0%2C20.755H1.792L8.724%2C12.7l5.537%2C8.058h6.047L12.086%2C8.788ZM9.633%2C11.641l-.8-1.149L2.437%2C1.349H5.189l5.158%2C7.379.8%2C1.149%2C6.705%2C9.591H15.1L9.633%2C11.641Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-position: 30px center;
    background-size: 1.5em;
}
.shindan-btn_line a{
	display:none;
	background-color: #00b900;
	background-image: url(img/sns_line.png);
}
.shindan-title {
	position:relative;
}
#shindan_start {
	position:absolute;
	width:100px;
	height:100px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------ブレイクポイント 999px------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

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


	.shindan-content-main{
		width:768px;
		min-height: 850px;
	}
	.shindan-p0,
	.shindan-p1{
		left:64px;
	}
	
	

	.shindan-wrapper {
		/*margin-top:87px;*/
		margin-top:97px;
	}
    
  /*  .shindan-title h1{
        background-position: 20%;
        width: auto;
        background-size: 60%;
    }*/

	.title-image {
		width:100%;
		height:auto;
	}


	.shindan-result-btn-area{
		width:90%;
		margin-top:20px;
	}
	.shindan-btn_top2,
	.shindan-btn_line a,
	.shindan-btn_facebook a,
	.shindan-btn_twitter a{
		float:none;
		margin-right:auto;
		margin-left:auto;
		max-width:388px;
		width:90%;
		height:45px;
		line-height: 45px;
		background-size: contain;
	}
	.shindan-btn_top2{
		margin-top:10px;
		width:96%;
		font-size: 28px;
		max-width:488px;
		height:50px;
		line-height: 50px;
	}
	

	.shindan-btn_twitter a{
		margin-top:10px;
	}
	.shindan-btn_line a{
		margin-top:10px;
		display:block;
	}
	
	.shindan-result-title0 {
		float:none;
		margin-right:auto;
		margin-left:auto;
		width:96%;
		border-right:none;
		border-bottom:2px solid #ee7948;
	}
	.shindan-result-title1,
	.shindan-result-title2{
		text-align: center;
	}
	.shindan-result-title2{
		margin-bottom:10px;
	}
	.shindan-result-txt {
		float:none;
		font-size:14px;
		line-height: 20px;
		margin-bottom:30px;
		margin-left:auto;
		margin-right:auto;

	}
	.shindan-start_btn_area,
	.shindan-result-title2 {
		font-size:28px;
	}

	/* --------------------------------------- */
	/* -------------イラストと説明------------ */
	/* --------------------------------------- */
	
	.shindan-result-msg,
	.shindan-result-illust {
		float:none;
		margin-right:auto;
		margin-left:auto;
		width:75%;
		min-height:none;
	}
	.shindan-result-illust {
		width:96%;
	}
	.shindan-result-illust {
		margin-top:0px;
	}
	
	
	 .shindan-content-main{
	 	height: auto;
	 }
	.shindan-result-msg {
		min-height: initial;
		min-height: auto;
	}
	.shindan-result{
		margin-top:14px;
	}
	
	
	/* --------------------------------------- */
	/* --------------タイトル画面------------- */
	/* --------------------------------------- */
	.shindan-start_btn_area {
		display:none;
	}
	.shindan-start_btn_area2 {
		display:block;
	}
	.shindan-top-blue-msg {
		float:none;
		margin-right:auto;
		margin-left:auto;
		

	}
	.shindan-top-blue {
		max-width:480px;
		height: auto;
		padding-top:1px;
		padding-bottom:16px;
		width:94%;
		margin-right:auto;
		margin-left:auto;
	
	}
	.shindan-float {
		float:none;
		width:auto;
	}
	/* -------------------------------- */
	/* ------------YES NO-------------- */
	/* -------------------------------- */
	.shindan-qst-btn-area {
		max-width:615px;
		width:90%;
		margin-top:36px;
		margin-bottom:42px;
		
	}

	.shindan-btn_yesno,
	.shindan-btn_yes,
	.shindan-btn_no{
		max-width:280px;
		width:48%;
	}
	.shindan-btn_top {
		
		margin-bottom:100px;
	}
	.shindan-start_btn2{
		margin-top:16px;
	}
	.style0617_common_content_wrap {
		margin-bottom:20px;
	}
	
	/* ------------------------------------------- */
	/* -----------------2ページ目----------------- */
	/* ------------------------------------------- */
	.shindan-qst-content {
		width:640px;
		min-width:inherit;
		margin-right:auto;
		margin-left:auto;
	}
	.shindan-qst-num,
	.shindan-qst_txt{
		height:auto;
		margin-top:29px;
		
	}
	.shindan-qst-num,
	.shindan-qst_txt{
		font-size:24px;
	}
	.shindan-qst_txt br{
		display:none;
	}
	/* ---------------------------------------- */
	/* --------------結果のhtml---------------- */
	/* ---------------------------------------- */
	
	.shindan-result-illust img{
		height:auto;
		width:100%;
		max-width:400px;
	}
	.shindan-result-illust img.yoko{max-width:540px;}
	.shindan-result-illust img.tate{max-width:350px;}

	img.result7{
		/*max-height:250px!important;*/
	}
	
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* --------------------------ブレイクポイント 432px------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

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

	/* --------------------------------------- */
	/* --------------タイトル画面------------- */
	/* --------------------------------------- */
	.shindan-title{
		height: auto;
	}
	.shindan-title h1 {
		font-size:20px;
		line-height:26px;
		padding-top:4px;
		padding-bottom:4px;
	}
	.shindan-title h1{
		width:96%;
		background-size: contain;
	}
	
	.title-image {
		width:100%;
		height:auto;
	}
	/* ------------------------------ */
	/* -------------blue------------ */
	/* ------------------------------ */

	.shindan-top-blue {
		height: auto;
		padding-bottom:6px;
		/*
		background-color: #bfebfa;
		max-width:686px;
		height: 122px;
		position:relative;
		margin-right:auto;
		margin-left:auto;
		border-left:8px solid #00afec;
		*/
	}
	.shindan-top-blue-msg {
		margin-top:6px;
		
		line-height: 20px;
		/*
		font-size:16px;
		line-height: 28px;
		margin-top:18px;
		*/
	}
	/* ------------------------------ */
	/* -------------診断スタート------------ */
	/* ------------------------------ */
	.shindan-start_btn{
		margin-top:0px;
	}
	

	
	.shindan-title-mini{font-size:18px;line-height:24px;}
	
	.shindan-p0,
	.shindan-p1,
	.shindan-p2,
	.shindan-p3,
	.shindan-p4,
	.shindan-p5,
	.shindan-p6,
	.shindan-p7,
	.shindan-p8,
	.shindan-p9,
	.shindan-p10{
		left:8px;
	}
	
	
	
	
	/* --------------------------------------- */
	/* -----------------2ページ目------------- */
	/* --------------------------------------- */
	
	.shindan-content-main{
		width:320px;
		min-height: 530px;
	}
	
	.shindan-qst-content {
		width:300px;
		margin-top:21px;
	}
	.shindan-qst-btn-area {
		margin-top:18px;
		margin-bottom:24px;
	}
	.shindan-qst-num,
	.shindan-qst_txt{
		margin-top:15px;
		font-size:20px;
		line-height: 28px;
	}
	.shindan-qst-num{
		width:15%;
	}
	.shindan-qst_txt{
		margin-left:3%;
		width:82%;
	}
	.shindan-qst {
		width:90%;
	}

	/* ---------------------------------------- */
	/* --------------結果のhtml---------------- */
	/* ---------------------------------------- */
	.shindan-result-title1 {
		font-size:16px;
	}
	.shindan-result-title2 {
	line-height:32px;
	font-size: 26px;
	}
	.shindan-result-title2 br {display:block;}
	.shindan-weight500 {font-weight: 600; }
	.shindan-result-msg {
		width:100%;
		min-height: initial;
		min-height: auto;
		
	}
	.shindan-result-illust img{
		width:98%;
		height:auto;
	}
	
	.shindan-result-txt {
		width:96%;
		margin-bottom:25px;
		
	}
	.shindan-btn_top {
		margin-top:25px;
	}	
	#shindan_start {
		width:60px;
		height:100px;
	}
}